/* v1.0.14 — SELF-HOSTED KALAM. Files materialized by canonical Windows build from official Google Fonts repo. */
@font-face{
  font-family:'Kalam';
  src:url('/assets/fonts/Kalam-Regular.woff2?v=1.1.0') format('woff2'),url('/assets/fonts/Kalam-Regular.ttf?v=1.1.0') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Kalam';
  src:url('/assets/fonts/Kalam-Bold.woff2?v=1.1.0') format('woff2'),url('/assets/fonts/Kalam-Bold.ttf?v=1.1.0') format('truetype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}


:root{--navy:#172422;--navy2:#0a3150;--orange:#b88a48;--cream:#f7f3ed;--ink:#08253d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding-left:38px;padding-right:38px}
.top{height:78px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 max(28px,calc((100vw - 1180px)/2));gap:34px;position:sticky;top:0;z-index:30}.brand img{width:150px;display:block}.top nav{display:flex;gap:34px;margin-left:auto}.top nav a:first-child{border-bottom:3px solid var(--orange);padding:28px 0 24px}.pill,.btn.orange{background:var(--orange);color:white;border-radius:28px;padding:14px 24px;font-weight:700}.menuBtn{display:none}
.hero{height:490px;position:relative;background:var(--navy) url('../images/hero.jpg') center/cover no-repeat;color:#fff;overflow:hidden}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,18,31,.88) 0%,rgba(0,18,31,.60) 37%,rgba(0,18,31,.05) 72%)}.heroCopy{position:relative;z-index:2;max-width:1180px;margin:auto;padding:54px 38px}.heroCopy span,.welcome small,.flavors small,.social small,.address small{color:var(--orange);font-weight:800;letter-spacing:.04em}.hero h1{font-size:70px;line-height:.86;margin:12px 0 22px;font-style:italic;letter-spacing:-.04em}.hero p{font-size:19px;line-height:1.45;max-width:480px}.actions{display:flex;gap:15px;margin-top:25px}.btn{display:inline-block}.ghost{border:2px solid white;border-radius:28px;padding:12px 22px;font-weight:700}
.welcome{padding-top:44px;padding-bottom:28px;display:grid;grid-template-columns:1fr 1.6fr;gap:42px}.welcome h2,.flavors h2,.social h2,.address h2{font-size:42px;line-height:.92;margin:7px 0 20px}.welcome p,.flavors p,.social p,.address p{line-height:1.45}.welcome em{display:block;font-size:22px;font-weight:700;margin-top:24px}.visual img{width:100%;height:220px;object-fit:cover;border-radius:9px}.quick{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick a{min-height:105px;background:var(--navy);color:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.quick a:first-letter{font-size:28px}.quick b{margin-top:5px}.quick span{font-size:12px;opacity:.8;margin-top:4px}
.flavors{background:var(--navy);color:#fff;padding:32px 0}.flavorGrid{display:grid;grid-template-columns:300px 1fr;gap:35px;align-items:center}.flavors h2{color:#fff}.foodVisual img{width:100%;height:250px;object-fit:cover;border-radius:10px}
.social{padding-top:34px;padding-bottom:34px;display:grid;grid-template-columns:1.2fr 1fr;gap:55px}.social img{width:100%;height:105px;object-fit:cover;border-radius:8px}.outline{display:inline-block;border:1px solid var(--ink);border-radius:20px;padding:8px 16px;margin-top:10px}.reviews{border-left:1px solid #ddd;padding-left:45px}.reviewCard{background:#f2f2f2;border-radius:10px;padding:22px;display:flex;gap:20px;align-items:center}.reviewCard>b{font-size:42px;color:#4285f4}
.address{background:var(--navy);color:#fff;padding:30px 0}.addressGrid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:38px;align-items:center}.address img{width:100%;height:180px;object-fit:cover;border-radius:8px}.address h2{color:#fff;font-size:30px}
footer{background:#03223a;color:#fff;padding:25px 0 12px}.foot{display:flex;align-items:center;justify-content:space-between;gap:25px}.foot img{width:170px}.foot nav{display:flex;gap:20px}.legal{border-top:1px solid rgba(255,255,255,.2);margin-top:22px;padding-top:15px;display:flex;justify-content:space-between;font-size:12px;opacity:.8}
.float{position:fixed;right:20px;bottom:20px;z-index:40}.float button{width:54px;height:54px;border:0;border-radius:50%;background:var(--orange);color:#fff;font-size:24px}.float div{display:none;position:absolute;right:0;bottom:64px;background:#fff;box-shadow:0 10px 30px #0004;border-radius:10px;overflow:hidden}.float div.open{display:block}.float a{display:block;padding:12px 18px;min-width:130px}.popup{position:fixed;right:28px;top:95px;width:240px;background:#111c1b;color:#fff;padding:22px;border:1px solid #fff8;border-radius:9px;z-index:25;box-shadow:0 12px 40px #0006}.popup h3{font-size:28px;margin:8px 0}.popup>a{display:inline-block;background:var(--orange);padding:10px 14px;border-radius:22px;margin-top:8px}.x{position:absolute;right:-10px;top:-12px;border:0;background:#000;color:#fff;border-radius:50%;width:28px;height:28px;font-size:22px}
@media(max-width:760px){
 .wrap{padding-left:20px;padding-right:20px}.top{height:72px;padding:0 18px}.brand img{width:130px}.top nav,.top .pill{display:none}.menuBtn{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:28px}
 .hero{height:620px;background-position:58% center}.heroShade{background:linear-gradient(180deg,rgba(0,20,34,.25),rgba(0,20,34,.88) 70%)}.heroCopy{padding:250px 22px 30px}.hero h1{font-size:50px}.hero p{font-size:16px}.actions{flex-wrap:wrap}
 .welcome{display:block;padding-top:28px}.welcome h2,.flavors h2,.social h2{font-size:34px}.visual{margin-top:22px}.visual img{height:220px}.quick{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}.quick a{min-height:95px}
 .flavorGrid,.social,.addressGrid{display:block}.foodVisual{margin-top:25px}.foodVisual img{height:240px}.reviews{border:0;padding:30px 0 0}.address img{margin:24px 0;height:190px}
 .foot,.legal{display:block;text-align:center}.foot nav{justify-content:center;margin:18px 0}.legal span{display:block;margin-top:8px}.popup{display:none}
}


/* ============================================================
   GATE 01 — HEADER + HERO — Golden Master reconciliation
   Scope frozen below .welcome.
   ============================================================ */
.top.gate01{
 height:66px;background:#172422;color:#fff;display:flex;align-items:center;
 padding:0 max(72px,calc((100vw - 1180px)/2));gap:34px;position:sticky;top:0;z-index:30
}
.top.gate01 .brand{display:flex;align-items:center;min-width:180px}
.top.gate01 .brand img{width:142px;height:auto;display:block}
.top.gate01 nav{margin-left:auto;display:flex;align-items:center;gap:42px;height:100%}
.top.gate01 nav a{height:100%;display:flex;align-items:center;font-size:14px;font-weight:600;border:0;padding:0;position:relative}
.top.gate01 nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#b88a48}
.top.gate01 .pill{margin-left:7px;background:#b88a48;color:#fff;border-radius:24px;padding:12px 22px;font-size:14px;font-weight:800;white-space:nowrap}

.hero.gate01Hero{
 height:390px;position:relative;background:#172422 url('../images/hero-gate01.jpg') center 49%/cover no-repeat;
 color:#fff;overflow:hidden
}
.gate01Hero .heroShade{
 position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(1,21,35,.78) 0%,rgba(1,21,35,.42) 34%,rgba(1,21,35,.05) 65%,rgba(1,21,35,.10) 100%)
}
.gate01Hero .heroCopy{
 position:relative;z-index:2;max-width:1180px;margin:auto;padding:48px 38px
}
.gate01Hero .eyebrow{color:#b88a48;font-size:15px;font-weight:900;line-height:1.15;letter-spacing:.025em}
.gate01Hero h1{margin:12px 0 0;font-size:61px;line-height:.82;letter-spacing:-.055em;font-weight:900}
.gate01Hero h1 i{font-style:italic;font-family:"Trebuchet MS",Arial,sans-serif}
.gate01Hero .brush{width:104px;height:7px;background:#b88a48;border-radius:8px;transform:rotate(-4deg);margin:15px 0 20px}
.gate01Hero p{font-size:16px;line-height:1.43;max-width:470px;margin:0}
.gate01Hero .actions{display:flex;gap:14px;margin-top:23px}
.gate01Hero .btn{min-height:43px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;padding:0 21px}
.gate01Hero .btn.orange{background:#b88a48;border-radius:23px;color:#fff}
.gate01Hero .btn.ghost{border:2px solid #fff;border-radius:23px;color:#fff;background:rgba(0,0,0,.12)}
.heroDots{position:absolute;z-index:3;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:10px}
.heroDots b{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.65}.heroDots b.on{opacity:1}
@media(max-width:760px){
 .top.gate01{height:68px;padding:0 18px}.top.gate01 .brand img{width:128px}.top.gate01 nav,.top.gate01 .pill{display:none}
 .top.gate01 .menuBtn{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:27px}
 .hero.gate01Hero{height:610px;background-position:57% center}
 .gate01Hero .heroShade{background:linear-gradient(180deg,rgba(0,20,34,.08) 10%,rgba(0,20,34,.30) 45%,rgba(0,20,34,.92) 76%)}
 .gate01Hero .heroCopy{padding:300px 22px 28px}
 .gate01Hero h1{font-size:49px}.gate01Hero .eyebrow{font-size:13px}.gate01Hero p{font-size:15px}.desktopOnly{display:none}
 .gate01Hero .actions{flex-wrap:wrap}.gate01Hero .btn{padding:0 18px}
}


/* GATE 01 R02 — semantic implementation. No screenshot slices. */
.top.gate01{height:66px;position:sticky;top:0;padding:0 max(72px,calc((100vw - 1180px)/2));background:#172422;gap:34px}
.top.gate01 .brand{position:static;width:auto;height:auto;min-width:180px}.top.gate01 .brand img{opacity:1;width:142px;height:auto}
.top.gate01 nav{position:static;inset:auto;margin-left:auto;height:100%;display:flex;pointer-events:auto}.top.gate01 nav a{position:relative;top:auto;height:100%;font-size:14px;width:auto!important;pointer-events:auto}.top.gate01 nav a.active:after{display:block}.top.gate01 .pill{position:static;width:auto;height:auto;opacity:1;margin-left:7px;padding:12px 22px}
.hero.gate01Hero{height:390px;background:#172422;position:relative}.heroSlides,.heroSlide{position:absolute;inset:0}.heroSlide{background-size:cover;background-position:center;opacity:0;transition:opacity .7s ease;transform:scale(1.002)}.heroSlide.active{opacity:1}.heroSlide.s1{background-image:url('../images/hero-01-approved.webp')}.heroSlide.s2{background-image:url('../images/hero-02-approved.webp')}.heroSlide.s3{background-image:url('../images/hero-03-approved.webp')}
.gate01Hero .heroShade{display:block;z-index:1}.gate01Hero .heroCopy{display:block}.heroDots{display:flex}.popup{display:block}
.heroArrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#fff;font-size:36px;text-shadow:0 2px 8px #000;cursor:pointer;padding:20px}.heroArrow.prev{left:8px}.heroArrow.next{right:8px}
@media(max-width:760px){.hero.gate01Hero{height:610px}.heroSlide{background-position:center}.top.gate01{padding:0 18px}.popup{display:none}.heroArrow{font-size:28px}}

/* ============================================================
   R03 — HEADER + HERO scoped reconciliation — 2026-09-19
   ============================================================ */
body{background:#172422;padding:0 18px}.siteFrame{max-width:1180px;margin:0 auto;background:#fff;border-left:1px solid rgba(255,255,255,.92);border-right:1px solid rgba(255,255,255,.92);box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.top.gate01{position:sticky;top:0;width:100%;height:76px;padding:0 34px;gap:28px;border-bottom:1px solid rgba(255,255,255,.16)}
.top.gate01 .brand{min-width:176px}.top.gate01 .brand img{width:154px;max-height:55px;object-fit:contain}
.top.gate01 nav{margin-left:auto;gap:34px}.top.gate01 nav a{font-size:14px;font-weight:700}.top.gate01 nav a.active:after{height:2px;left:2px;right:2px}
.headerMotto{width:142px;color:#fff;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:13px;line-height:1.02;font-style:italic;transform:rotate(-5deg);transform-origin:center;text-align:center;letter-spacing:.01em}.headerMotto b{color:#b88a48;font-weight:700}
.hero.gate01Hero{height:430px}.gate01Hero .heroCopy{padding:66px 54px}.gate01Hero .eyebrow{font-size:13px;letter-spacing:.12em}.gate01Hero h1{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:53px;line-height:.91;letter-spacing:-.055em;transform:rotate(-2deg);transform-origin:left center;margin:10px 0 0;text-shadow:0 2px 12px rgba(0,0,0,.32)}.gate01Hero h1 i{font-family:inherit;font-style:italic;font-weight:800}.gate01Hero .brush{width:118px;height:6px;transform:rotate(-5deg);margin:17px 0 18px}.gate01Hero p{font-size:15px;max-width:420px}.gate01Hero .actions{gap:10px;margin-top:20px}.gate01Hero .btn{min-height:36px;padding:0 15px;font-size:12.5px;border-width:1px;gap:7px;box-shadow:0 4px 14px rgba(0,0,0,.13)}.gate01Hero .btn.orange,.gate01Hero .btn.ghost{border-radius:18px}.ctaIcon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.popup{right:max(30px,calc((100vw - 1180px)/2 + 18px));top:94px;width:226px;min-height:194px;border:1px solid rgba(255,255,255,.58);border-radius:16px 16px 16px 4px;padding:24px 22px 21px;background:linear-gradient(145deg,#071e30,#031725);clip-path:polygon(0 13%,13% 13%,13% 0,100% 0,100% 100%,0 100%);box-shadow:0 18px 45px rgba(0,0,0,.42)}.popup:before{content:"";position:absolute;left:0;top:0;width:29px;height:29px;border-left:1px solid rgba(255,255,255,.58);border-top:1px solid rgba(255,255,255,.58);transform:translate(11px,11px) rotate(45deg);opacity:.45}.popup small{font-size:10px;font-weight:800;letter-spacing:.05em}.popup h3{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:25px;line-height:1.02;font-style:italic;margin:10px 0}.popup p{font-size:12px;line-height:1.35}.popup>a{font-size:11px;font-weight:800;padding:9px 13px}.popup .x{right:-9px;top:-9px;border:1px solid rgba(255,255,255,.35)}
@media(max-width:1220px){body{padding:0 10px}.popup{right:22px}}
@media(max-width:760px){body{padding:0}.siteFrame{border:0}.top.gate01{height:68px;padding:0 16px}.top.gate01 .brand{min-width:0}.top.gate01 .brand img{width:128px}.headerMotto{display:none}.hero.gate01Hero{height:610px}.gate01Hero .heroCopy{padding:315px 22px 26px}.gate01Hero h1{font-size:42px}.gate01Hero .btn{min-height:35px;padding:0 13px}.popup{display:none}}
/* R04 visual-QA correction: CTA labels inherit approved button palette */
.gate01Hero .btn span{color:inherit;letter-spacing:0;font-weight:800}


/* ============================================================
   R05 — metric reconciliation: frame/header/hero/popup
   Baseline: V1.2.3 SOURCE R04; scope below .welcome unchanged.
   ============================================================ */
@media(min-width:761px){
 body{padding:18px 18px 28px;background:#172422}
 .siteFrame{max-width:1120px;margin:0 auto;border:1px solid rgba(255,255,255,.92);border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.18)}
 .top.gate01{top:18px;height:70px;padding:0 34px;gap:0;border-bottom:1px solid rgba(255,255,255,.16)}
 .top.gate01 .brand{min-width:230px}.top.gate01 .brand img{width:150px}
 .top.gate01 nav{margin-left:auto;margin-right:55px;gap:38px}
 .headerMotto{width:150px;margin-left:0;position:relative;font-size:13px}
 .mottoBrush,.popupBrush{display:block;width:62px;height:7px;margin:4px auto 0;background:linear-gradient(90deg,transparent 0,#b88a48 9%,#b88a48 84%,transparent 100%);border-radius:70% 35% 65% 30%;transform:rotate(-5deg) skewX(-16deg);clip-path:polygon(0 42%,10% 20%,31% 32%,52% 4%,77% 24%,100% 13%,96% 72%,72% 62%,49% 91%,26% 68%,4% 82%)}
 .hero.gate01Hero{height:430px}
 .gate01Hero .heroCopy{max-width:1120px;padding:58px 54px}
 .gate01Hero h1{font-size:43px;line-height:.86;letter-spacing:-.045em;margin-top:10px;max-width:330px}
 .gate01Hero h1 strong{display:inline-block;color:#b88a48;font-family:inherit;font-size:1.24em;line-height:.9;font-style:italic;font-weight:900}
 .gate01Hero .brush{width:110px;height:8px;background:linear-gradient(90deg,transparent 0,#b88a48 8%,#b88a48 88%,transparent 100%);border-radius:70% 35% 65% 30%;transform:rotate(-5deg) skewX(-16deg);clip-path:polygon(0 42%,10% 20%,31% 32%,52% 4%,77% 24%,100% 13%,96% 72%,72% 62%,49% 91%,26% 68%,4% 82%);margin:15px 0 17px}
 .gate01Hero p{font-size:14px;line-height:1.42}.gate01Hero .actions{margin-top:17px}
 .popup{position:fixed;right:max(30px,calc((100vw - 1120px)/2 + 22px));top:106px;width:252px;min-height:310px;padding:0;border:1px solid rgba(255,255,255,.68);border-radius:16px;clip-path:polygon(0 15%,15% 15%,15% 0,100% 0,100% 100%,0 100%);overflow:hidden;background:#111c1b;box-shadow:0 18px 45px rgba(0,0,0,.45)}
 .popup:before{display:none}.popupPhoto{height:104px;background:linear-gradient(180deg,rgba(3,23,37,.05),rgba(3,23,37,.28)),url('../images/hero-02-approved.webp') 73% 52%/cover no-repeat}
 .popupContent{position:relative;padding:14px 19px 18px;background:linear-gradient(150deg,#082941,#101b1a)}
 .popup small{font-size:9px;letter-spacing:.06em}.popupScript{display:none}
 .popup h3{font-size:25px;margin:7px 0 5px;line-height:.98}.popup p{font-size:11.5px;line-height:1.32;margin:0 0 10px}.popup>a,.popupWhatsapp{font-size:10.5px;font-weight:800;padding:9px 12px;margin-top:0}.popup .x{right:7px;top:-99px;z-index:3}.waIcon{font-size:13px}
}
@media(max-width:760px){.siteFrame{border-radius:0}.gate01Hero h1 strong{color:#b88a48;font-family:inherit;font-style:italic}.mottoBrush{display:none}}

/* ============================================================
   R06-C01 — post GWO DEV v1.0 visual convergence
   Header + hero + popup only. Predecessor V1.2.4 R05 immutable.
   ============================================================ */
@media (min-width:761px){
  body{padding:24px 18px 30px;background:#172422}
  .siteFrame{max-width:1120px;border:1px solid rgba(255,255,255,.95);border-radius:18px;overflow:hidden}
  .top.gate01{top:24px;height:70px;padding:0 30px;display:grid;grid-template-columns:210px 1fr 150px;gap:18px}
  .top.gate01 .brand{min-width:0}.top.gate01 .brand img{width:150px}
  .top.gate01 nav{margin:0;justify-self:center;gap:42px}.top.gate01 nav a{font-size:13px;white-space:nowrap}
  .headerMotto{justify-self:end;width:130px;font-size:12.5px;line-height:.98}
  .mottoBrush{width:54px;height:7px;margin-top:3px}

  .hero.gate01Hero{height:430px}
  .gate01Hero .heroCopy{max-width:1120px;padding:54px 52px}
  .gate01Hero .eyebrow{font-size:12px;letter-spacing:.13em}
  .gate01Hero h1{font-size:38px;line-height:.88;max-width:295px;margin:9px 0 0;transform:rotate(-2deg)}
  .gate01Hero h1 i{font-weight:700}
  .gate01Hero h1 strong{font-size:1.32em;color:#b88a48;font-weight:900}
  .gate01Hero .brush{width:96px;height:8px;margin:13px 0 15px}
  .gate01Hero p{font-size:13.5px;line-height:1.42;max-width:360px}
  .gate01Hero .actions{gap:9px;margin-top:15px}
  .gate01Hero .btn{min-height:33px;padding:0 13px;font-size:11.5px;border-radius:17px}
  .gate01Hero .btn.orange,.gate01Hero .btn.ghost{border-radius:17px}
  .ctaIcon{width:14px;height:14px}

  .popup{right:max(26px,calc((100vw - 1120px)/2 + 18px));top:118px;width:238px;min-height:278px;border-radius:14px;clip-path:polygon(0 18%,13% 18%,13% 0,100% 0,100% 100%,0 100%);background:#111c1b;overflow:hidden}
  .popupPhoto{height:112px;background:linear-gradient(180deg,rgba(3,23,37,.02),rgba(3,23,37,.42)),url('../images/hero-02-approved.webp') 68% 52%/cover no-repeat}
  .popupContent{padding:12px 17px 16px;background:linear-gradient(180deg,rgba(5,32,51,.98),#101b1a)}
  .popup small{font-size:8.5px;letter-spacing:.055em}
  .popupScript{display:block;position:absolute;right:12px;top:-99px;width:105px;color:#fff;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:11px;line-height:.95;font-style:italic;transform:rotate(-4deg);text-shadow:0 2px 6px #000}
  .popupScript b{color:#b88a48}.popupScript .popupBrush{width:43px;height:6px;margin:3px 0 0 22px}
  .popup h3{font-size:23px;margin:6px 0 5px}.popup p{font-size:10.5px;margin:0 0 9px}
  .popupWhatsapp{display:inline-flex!important;align-items:center;gap:5px;background:#b88a48!important;color:#fff!important;border-radius:18px!important;padding:8px 11px!important;font-size:10px!important}
  .popup .x{right:6px;top:-106px;width:24px;height:24px;font-size:18px}
}


/* ==========================================================
   R06-C02 — GWO DEV VISUAL CONVERGENCE
   Focus: header proportions, hero hierarchy/brush, popup geometry, mobile
   ========================================================== */
@media (min-width: 901px){
  body{padding-top:30px;padding-bottom:30px}
  .site-shell{width:min(1080px,calc(100% - 48px));border-radius:20px;overflow:hidden}
  .site-header{min-height:74px}
  .header-inner{min-height:74px;padding:0 30px;display:grid;grid-template-columns:230px 1fr 190px;gap:18px;align-items:center}
  .brand img{width:174px;height:auto}
  .main-nav{justify-self:center;display:flex;gap:38px;align-items:center}
  .main-nav a{font-size:14px;padding:27px 0 23px}
  .header-motto{justify-self:end;font-size:18px;line-height:.88;transform:rotate(-5deg);max-width:155px}
  .header-motto .brush{height:9px;width:78px;bottom:-10px;right:0;border-radius:70% 30% 65% 35%;transform:rotate(-3deg) skewX(-18deg)}
  .hero-copy{left:54px;top:52px;max-width:400px}
  .hero-kicker{font-size:13px;letter-spacing:.11em;margin-bottom:10px}
  .hero-title{line-height:.84;letter-spacing:-.035em}
  .hero-title .minor{font-size:38px;font-weight:600}
  .hero-title .major{font-size:58px;font-weight:900;color:#ff7a00}
  .hero-brush{width:132px;height:11px;margin:12px 0 17px;border-radius:70% 30% 60% 40%;transform:rotate(-4deg) skewX(-18deg)}
  .hero-copy p{max-width:320px;font-size:14px;line-height:1.42}
  .hero-actions{gap:9px;margin-top:15px}
  .hero-actions .btn{min-height:34px;padding:7px 13px;font-size:12px;border-radius:18px}
  .newsletter-popup{top:34px;right:26px;width:248px;min-height:294px;border-radius:17px;overflow:visible;background:transparent;filter:drop-shadow(0 9px 18px rgba(0,0,0,.3))}
  .newsletter-popup:before{content:"";position:absolute;inset:0;background:#172422;border:1px solid rgba(255,255,255,.58);border-radius:17px;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%,0 17%,18% 17%);z-index:-1}
  .newsletter-popup .popup-media{height:112px;margin-left:44px;border-radius:0 16px 0 12px;overflow:hidden}
  .newsletter-popup .popup-media img{width:100%;height:100%;object-fit:cover}
  .newsletter-popup .popup-body{padding:12px 18px 16px}
  .newsletter-popup .popup-eyebrow{font-family:var(--font-hand,inherit);font-size:16px;line-height:1;transform:rotate(-3deg);display:inline-block}
  .newsletter-popup .popup-eyebrow:after{content:"";display:block;width:72%;height:7px;background:#ff7a00;margin-top:3px;border-radius:70% 30% 60% 40%;transform:rotate(-3deg) skewX(-18deg)}
  .newsletter-popup h3{font-size:27px;line-height:.92;margin:9px 0}
  .newsletter-popup p{font-size:11px;line-height:1.3}
  .newsletter-popup .btn{font-size:11px;min-height:32px;padding:7px 11px;border-radius:17px}
  .newsletter-close{right:-8px;top:-8px}
}
@media (max-width: 900px){
  body{padding:12px 10px;background:#172422}
  .site-shell{width:100%;border:1px solid rgba(255,255,255,.82);border-radius:16px;overflow:hidden}
  .site-header{min-height:64px}
  .header-inner{min-height:64px;padding:0 14px;display:grid;grid-template-columns:132px 1fr;gap:8px}
  .brand img{width:124px}
  .main-nav{justify-self:end;gap:12px}
  .main-nav a{font-size:11px;padding:23px 0 19px}
  .header-motto{display:none}
  .hero{min-height:610px}
  .hero-copy{left:24px;right:24px;top:42px;max-width:330px}
  .hero-title .minor{font-size:32px}
  .hero-title .major{font-size:49px;color:#ff7a00}
  .hero-brush{height:10px;width:120px;border-radius:70% 30% 60% 40%;transform:rotate(-4deg) skewX(-18deg)}
  .hero-actions .btn{font-size:11px;min-height:33px;padding:7px 11px}
  .newsletter-popup{display:block;position:absolute;top:338px;right:16px;width:218px;min-height:236px;background:transparent;border:0;overflow:visible;z-index:8;filter:drop-shadow(0 8px 15px rgba(0,0,0,.3))}
  .newsletter-popup:before{content:"";position:absolute;inset:0;background:#172422;border:1px solid rgba(255,255,255,.6);border-radius:15px;clip-path:polygon(19% 0,100% 0,100% 100%,0 100%,0 18%,19% 18%);z-index:-1}
  .newsletter-popup .popup-media{height:78px;margin-left:42px;border-radius:0 14px 0 10px;overflow:hidden}
  .newsletter-popup .popup-media img{width:100%;height:100%;object-fit:cover}
  .newsletter-popup .popup-body{padding:9px 13px 12px}
  .newsletter-popup .popup-eyebrow{font-size:13px}
  .newsletter-popup h3{font-size:22px;line-height:.9;margin:6px 0}
  .newsletter-popup p{font-size:10px;margin:5px 0 8px}
  .newsletter-popup .btn{font-size:10px;min-height:29px;padding:6px 9px}
  .newsletter-close{right:-7px;top:-7px}
}
@media (max-width: 520px){
  .header-inner{grid-template-columns:118px 1fr;padding:0 10px}
  .brand img{width:112px}
  .main-nav{gap:8px}
  .main-nav a{font-size:9.5px}
  .hero-copy{left:18px;right:18px}
  .hero-title .minor{font-size:29px}
  .hero-title .major{font-size:44px}
}


/* ==========================================================
   R06-C03 — MOBILE + POPUP STRUCTURAL CONVERGENCE
   Final cascade intentionally overrides inherited hide rules.
   ========================================================== */
.newsletter-popup{
  display:block !important;
  isolation:isolate;
}
.newsletter-popup::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:#172422;
  border:1px solid rgba(255,255,255,.72);
  border-radius:18px;
  clip-path:polygon(20% 0,100% 0,100% 100%,0 100%,0 18%,20% 18%);
}
.newsletter-popup::after{
  content:"";
  position:absolute;
  left:0;top:0;width:20%;height:18%;
  z-index:-1;
  background:transparent;
}
.newsletter-popup .popup-media{
  position:relative;
  z-index:1;
  margin-left:20%;
  width:80%;
  border-radius:0 17px 0 12px;
}
.newsletter-popup .popup-body{position:relative;z-index:2}
.newsletter-popup .popup-eyebrow{font-style:italic;transform:rotate(-4deg);transform-origin:left center}
.newsletter-popup .popup-eyebrow::after{
  content:"";display:block;background:#ff7a00;
  width:74%;height:7px;margin-top:4px;
  border-radius:75% 25% 68% 32%;
  transform:rotate(-4deg) skewX(-22deg);
}
@media (min-width:901px){
  .newsletter-popup{display:block !important;top:28px;right:24px;width:242px;min-height:300px}
  .newsletter-popup .popup-media{height:116px}
  .newsletter-popup .popup-body{padding:12px 17px 17px}
  .newsletter-popup h3{font-size:27px}
}
@media (max-width:900px){
  body{padding:12px 8px}
  .site-shell{border-radius:16px}
  .site-header{min-height:112px}
  .header-inner{
    min-height:112px;padding:10px 14px 0;
    display:grid;grid-template-columns:1fr;grid-template-rows:52px 48px;
    align-items:center
  }
  .brand{justify-self:center}
  .brand img{width:142px}
  .main-nav{
    width:100%;justify-self:stretch;display:grid;
    grid-template-columns:repeat(3,1fr);gap:0;text-align:center
  }
  .main-nav a{font-size:11px;padding:16px 3px 14px}
  .header-motto{display:none !important}
  .hero{min-height:690px}
  .hero-copy{top:34px;left:22px;right:22px;max-width:330px}
  .hero-kicker{font-size:11px}
  .hero-title .minor{font-size:28px}
  .hero-title .major{font-size:43px}
  .hero-copy p{font-size:12px;max-width:275px}
  .hero-actions{gap:7px;flex-wrap:wrap}
  .hero-actions .btn{font-size:10.5px;padding:7px 10px;min-height:31px}
  .newsletter-popup{
    display:block !important;
    top:auto !important;bottom:18px !important;right:14px !important;left:auto !important;
    width:216px !important;min-height:238px !important;
    visibility:visible !important;opacity:1 !important;pointer-events:auto !important;
    transform:none !important;
  }
  .newsletter-popup .popup-media{height:80px}
  .newsletter-popup .popup-body{padding:9px 13px 12px}
  .newsletter-popup .popup-eyebrow{font-size:12px}
  .newsletter-popup h3{font-size:21px;margin:6px 0}
  .newsletter-popup p{font-size:9.5px;line-height:1.25}
  .newsletter-popup .btn{font-size:9.5px;min-height:28px;padding:6px 9px}
}
@media (max-width:430px){
  .site-header,.header-inner{min-height:108px}
  .header-inner{grid-template-rows:50px 46px;padding-left:10px;padding-right:10px}
  .brand img{width:134px}
  .main-nav a{font-size:10px}
  .hero{min-height:675px}
  .hero-copy{left:18px;right:18px;top:30px}
  .hero-title .minor{font-size:26px}
  .hero-title .major{font-size:40px}
  .newsletter-popup{width:205px !important;right:10px !important;bottom:14px !important}
}


/* ==========================================================
   R06-C04 — ROOT-CAUSE FIX
   Diagnosed from C03 source: actual DOM is #popup.popup.
   C02/C03 targeted .newsletter-popup, which does not exist.
   ========================================================== */
#popup.popup{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  isolation:isolate;
  padding:0 !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  clip-path:none !important;
}
#popup.popup::before{
  content:"";
  display:block !important;
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(155deg,#082b45,#041a2b);
  border:1px solid rgba(255,255,255,.72);
  border-radius:18px;
  clip-path:polygon(19% 0,100% 0,100% 100%,0 100%,0 18%,19% 18%);
  box-shadow:0 18px 45px rgba(0,0,0,.42);
}
#popup .popupPhoto{
  position:relative;
  z-index:1;
  margin-left:19%;
  width:81%;
  height:112px;
  border-radius:0 17px 0 12px;
  background:linear-gradient(180deg,rgba(3,23,37,.04),rgba(3,23,37,.30)),url('../images/hero-02-approved.webp') 68% 52%/cover no-repeat;
}
#popup .popupContent{position:relative;z-index:2;padding:13px 17px 17px;background:transparent}
#popup .popupScript{
  display:block !important;
  position:static !important;
  width:auto !important;
  color:#fff;
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;
  font-size:15px !important;line-height:.92 !important;font-style:italic;
  transform:rotate(-4deg);transform-origin:left center;
  margin:0 0 11px 0;text-shadow:none !important;
}
#popup .popupScript b{color:#b88a48}
#popup .popupBrush{
  display:block !important;width:70px !important;height:8px !important;
  margin:4px 0 0 4px !important;background:#b88a48 !important;
  border-radius:75% 25% 68% 32%;
  transform:rotate(-4deg) skewX(-22deg);
  clip-path:polygon(0 46%,9% 18%,28% 34%,50% 3%,74% 26%,100% 12%,96% 70%,73% 61%,49% 92%,25% 68%,3% 82%);
}
#popup small{font-size:8.5px;letter-spacing:.06em}
#popup h3{font-size:24px;line-height:.94;margin:7px 0 6px}
#popup p{font-size:10.5px;line-height:1.3;margin:0 0 10px}
#popup .popupWhatsapp{
  display:inline-flex !important;align-items:center;gap:5px;
  background:#b88a48 !important;color:#fff !important;
  border-radius:18px !important;padding:8px 11px !important;
  font-size:10px !important;margin:0 !important;
}
#popup .x{right:-8px !important;top:-8px !important;z-index:4}

@media (min-width:901px){
 #popup.popup{position:fixed;right:max(26px,calc((100vw - 1080px)/2 + 20px));top:116px;width:238px;min-height:300px}
}
@media (max-width:900px){
 body{padding:12px 8px}
 .siteFrame{border:1px solid rgba(255,255,255,.82) !important;border-radius:16px !important;overflow:hidden}
 .top.gate01{height:auto !important;min-height:108px;padding:8px 12px 0 !important;display:grid !important;grid-template-columns:1fr !important;grid-template-rows:50px 46px !important}
 .top.gate01 .brand{justify-self:center}
 .top.gate01 .brand img{width:138px !important}
 .top.gate01 nav{display:grid !important;width:100%;grid-template-columns:repeat(3,1fr);gap:0 !important;margin:0 !important}
 .top.gate01 nav a{display:block !important;text-align:center;font-size:10px;padding:15px 2px 13px !important}
 .top.gate01 .menuBtn{display:none !important}
 .headerMotto{display:none !important}
 .hero.gate01Hero{height:680px !important}
 .gate01Hero .heroCopy{padding:30px 18px 24px !important;max-width:330px}
 .gate01Hero h1{font-size:26px !important;line-height:.86 !important}
 .gate01Hero h1 strong{font-size:42px !important;color:#b88a48 !important}
 .gate01Hero p{font-size:12px !important;max-width:275px}
 .gate01Hero .heroActions{gap:7px}
 .gate01Hero .btn{min-height:31px !important;padding:0 10px !important;font-size:10.5px !important}
 #popup.popup{
   position:absolute !important;display:block !important;
   top:auto !important;bottom:16px !important;right:12px !important;left:auto !important;
   width:210px !important;min-height:244px !important;
   transform:none !important;pointer-events:auto !important;
 }
 #popup .popupPhoto{height:78px}
 #popup .popupContent{padding:9px 12px 12px}
 #popup .popupScript{font-size:12px !important;margin-bottom:7px}
 #popup .popupBrush{width:55px !important;height:7px !important}
 #popup h3{font-size:20px;margin:5px 0}
 #popup p{font-size:9px;margin-bottom:7px}
 #popup .popupWhatsapp{font-size:9px !important;padding:6px 8px !important}
}


/* ==========================================================
   R06-C05 — VISUAL COMPOSITION CONVERGENCE
   Predecessor: R06-C04
   Focus: popup presence/geometry + mobile hero integration
   ========================================================== */

/* Desktop: popup gains presence and a more legible stepped silhouette. */
@media (min-width:901px){
  #popup.popup{
    width:270px !important;
    min-height:328px !important;
    top:108px !important;
    right:max(24px,calc((100vw - 1080px)/2 + 18px)) !important;
  }
  #popup.popup::before{
    border-radius:19px !important;
    clip-path:polygon(21% 0,100% 0,100% 100%,0 100%,0 20%,21% 20%) !important;
  }
  #popup .popupPhoto{
    margin-left:21% !important;
    width:79% !important;
    height:128px !important;
    border-radius:0 18px 0 13px !important;
    background-position:70% 50% !important;
  }
  #popup .popupContent{padding:14px 19px 18px !important}
  #popup .popupScript{font-size:16px !important;margin-bottom:12px !important}
  #popup .popupBrush{width:78px !important;height:8px !important}
  #popup h3{font-size:29px !important;line-height:.92 !important;margin:8px 0 !important}
  #popup p{font-size:11px !important;line-height:1.32 !important;margin-bottom:11px !important}
  #popup .popupWhatsapp{font-size:10.5px !important;padding:8px 12px !important}
}

/* Mobile: popup becomes part of the hero composition instead of a detached bottom card. */
@media (max-width:900px){
  .hero.gate01Hero{
    height:590px !important;
    min-height:590px !important;
    position:relative !important;
  }
  .gate01Hero .heroCopy{
    padding:26px 18px 20px !important;
    max-width:300px !important;
  }
  .gate01Hero h1{font-size:25px !important}
  .gate01Hero h1 strong{font-size:40px !important}
  .gate01Hero p{max-width:250px !important;font-size:11.5px !important;line-height:1.38 !important}
  .gate01Hero .heroActions{margin-top:12px !important}

  #popup.popup{
    position:absolute !important;
    top:304px !important;
    bottom:auto !important;
    right:12px !important;
    width:220px !important;
    min-height:246px !important;
  }
  #popup.popup::before{
    clip-path:polygon(21% 0,100% 0,100% 100%,0 100%,0 19%,21% 19%) !important;
    border-radius:16px !important;
  }
  #popup .popupPhoto{
    margin-left:21% !important;
    width:79% !important;
    height:82px !important;
    border-radius:0 15px 0 11px !important;
  }
  #popup .popupContent{padding:9px 13px 12px !important}
  #popup .popupScript{font-size:12.5px !important;margin-bottom:7px !important}
  #popup h3{font-size:21px !important}
  #popup p{font-size:9.3px !important;line-height:1.26 !important}
  #popup .popupWhatsapp{font-size:9px !important;padding:6px 9px !important}
}
@media (max-width:430px){
  .hero.gate01Hero{height:570px !important;min-height:570px !important}
  .gate01Hero .heroCopy{padding:23px 16px 18px !important;max-width:285px !important}
  .gate01Hero h1{font-size:23px !important}
  .gate01Hero h1 strong{font-size:37px !important}
  .gate01Hero p{max-width:238px !important;font-size:11px !important}
  #popup.popup{
    top:292px !important;
    right:9px !important;
    width:205px !important;
    min-height:232px !important;
  }
  #popup .popupPhoto{height:74px !important}
  #popup .popupContent{padding:8px 11px 11px !important}
  #popup h3{font-size:19px !important}
}


/* ==========================================================
   R06-C06 — VISUAL REFINEMENT / RESPONSIVE POLICY
   Predecessor: R06-C05
   Scope:
   - uniform thin white frame, including top
   - subtler brush strokes
   - opaque integrated popup with owned image
   - deliberate phone popup suppression
   ========================================================== */

body{
  padding-top:24px !important;
}
.siteFrame,.site-shell{
  border:1px solid rgba(255,255,255,.78) !important;
  border-top-width:1px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:none !important;
}

/* Remove any pseudo/extra white cap inherited from prior layers. */
.siteFrame::before,.site-shell::before{
  border-top-width:1px;
}

/* Thin, organic brush language. */
.headerMotto .brush,
.header-motto .brush{
  height:4px !important;
  width:68px !important;
  border-radius:78% 22% 70% 30% !important;
  transform:rotate(-4deg) skewX(-24deg) !important;
  clip-path:polygon(0 48%,12% 25%,31% 42%,52% 12%,73% 37%,100% 23%,96% 64%,72% 56%,50% 78%,27% 62%,4% 73%) !important;
}
.heroBrush,.hero-brush{
  height:5px !important;
  width:112px !important;
  border-radius:78% 22% 70% 30% !important;
  transform:rotate(-4deg) skewX(-24deg) !important;
  clip-path:polygon(0 48%,10% 24%,29% 41%,51% 10%,75% 35%,100% 20%,96% 65%,73% 57%,49% 82%,26% 63%,3% 75%) !important;
}
#popup .popupBrush{
  height:4px !important;
  width:62px !important;
  border-radius:78% 22% 70% 30% !important;
  transform:rotate(-4deg) skewX(-24deg) !important;
}

/* Popup is one opaque visual object. */
#popup.popup{
  background:#172422 !important;
  border:1px solid rgba(255,255,255,.68) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  clip-path:polygon(20% 0,100% 0,100% 100%,0 100%,0 19%,20% 19%) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.38) !important;
}
#popup.popup::before,
#popup.popup::after{
  content:none !important;
  display:none !important;
}
#popup .popupPhoto{
  margin-left:20% !important;
  width:80% !important;
  height:122px !important;
  border-radius:0 !important;
  background:
    linear-gradient(180deg,rgba(4,26,43,.02),rgba(4,26,43,.30)),
    url('../images/hero-02-approved.webp') 72% 52%/cover no-repeat !important;
}
#popup .popupContent{
  background:#172422 !important;
  padding:13px 18px 17px !important;
}
#popup .popupScript{
  font-size:15px !important;
  margin-bottom:10px !important;
}
#popup h3{
  font-size:27px !important;
  line-height:.92 !important;
}
#popup p{
  font-size:10.5px !important;
  line-height:1.32 !important;
}
#popup .popupWhatsapp{
  background:#b88a48 !important;
  color:#fff !important;
  border:0 !important;
}

/* Desktop/tablet popup. */
@media (min-width:769px){
  #popup.popup{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:258px !important;
    min-height:316px !important;
  }
}

/* Intermediate tablet composition. */
@media (min-width:769px) and (max-width:1100px){
  body{padding:18px 14px !important}
  #popup.popup{
    width:232px !important;
    right:18px !important;
    top:102px !important;
  }
  #popup .popupPhoto{height:104px !important}
  #popup .popupContent{padding:11px 15px 14px !important}
  #popup h3{font-size:24px !important}
}

/* Phone policy: popup intentionally omitted; WhatsApp remains available elsewhere. */
@media (max-width:768px){
  body{padding:12px 8px !important}
  .siteFrame,.site-shell{
    border-width:1px !important;
    border-radius:16px !important;
  }
  #popup.popup{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  .hero.gate01Hero{
    height:500px !important;
    min-height:500px !important;
  }
  .gate01Hero .heroCopy{
    padding:24px 17px 20px !important;
    max-width:300px !important;
  }
}
@media (max-width:430px){
  .hero.gate01Hero{
    height:480px !important;
    min-height:480px !important;
  }
  .gate01Hero .heroCopy{padding-top:22px !important}
}


/* ==========================================================
   R06-C07 — SURGICAL VISUAL CONVERGENCE
   Predecessor: R06-C06
   Scope frozen to previously identified visual residuals:
   1) eliminate false white top band at its real cause
   2) make brush marks lighter/subtler
   3) rebuild popup as one integrated stepped photographic card
   4) preserve C06 responsive policy and viewport matrix
   ========================================================== */

/* The apparent thick white "border" was not the 1px border itself.
   It was exposed .siteFrame white background created by a sticky
   header offset inherited from earlier layers (top:18/24px).
   Header now starts at the actual inner top edge of the frame. */
.siteFrame{
  border:1px solid rgba(255,255,255,.78) !important;
  border-radius:18px !important;
  overflow:hidden !important;
}
.top.gate01{
  top:0 !important;
}
.siteFrame::before,.siteFrame::after{
  content:none !important;
  display:none !important;
}

/* Finer brush gesture: deliberately not a rectangular stroke. */
.mottoBrush,
.headerMotto .mottoBrush{
  width:50px !important;
  height:3px !important;
  margin-top:3px !important;
  border-radius:75% 25% 68% 32% !important;
  transform:rotate(-5deg) skewX(-28deg) !important;
  clip-path:polygon(0 52%,11% 30%,29% 44%,51% 12%,74% 38%,100% 25%,95% 62%,72% 56%,49% 76%,25% 62%,3% 72%) !important;
}
.gate01Hero .brush,
.heroBrush,.hero-brush{
  width:92px !important;
  height:4px !important;
  margin-top:12px !important;
  margin-bottom:16px !important;
  border-radius:75% 25% 68% 32% !important;
  transform:rotate(-4deg) skewX(-26deg) !important;
  clip-path:polygon(0 52%,10% 29%,30% 43%,52% 10%,75% 36%,100% 23%,96% 64%,73% 57%,50% 78%,26% 62%,3% 74%) !important;
}
#popup .popupBrush{
  width:48px !important;
  height:3px !important;
  border-radius:75% 25% 68% 32% !important;
  transform:rotate(-5deg) skewX(-28deg) !important;
}

/* Popup: the photograph is no longer a separate top-right tile.
   It belongs to the whole stepped card; content sits on the same
   visual object with a controlled navy gradient for legibility. */
#popup.popup{
  position:fixed !important;
  padding:0 !important;
  background:#172422 !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:16px !important;
  overflow:hidden !important;
  clip-path:polygon(19% 0,100% 0,100% 100%,0 100%,0 20%,19% 20%) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.38) !important;
}
#popup.popup::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:
    linear-gradient(180deg,
      rgba(3,25,42,.08) 0%,
      rgba(3,25,42,.22) 31%,
      rgba(3,25,42,.86) 55%,
      rgba(3,25,42,.98) 100%),
    url('../images/hero-02-approved.webp') 72% 48%/cover no-repeat !important;
}
#popup.popup::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:20% !important;
  width:19% !important;
  height:1px !important;
  background:rgba(255,255,255,.72) !important;
  z-index:3 !important;
}
#popup .popupPhoto{
  display:none !important;
}
#popup .popupContent{
  position:relative !important;
  z-index:2 !important;
  min-height:100% !important;
  padding:112px 18px 18px !important;
  background:transparent !important;
}
#popup .popupScript{
  position:static !important;
  display:block !important;
  width:auto !important;
  margin:0 0 10px !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:.95 !important;
  transform:rotate(-4deg) !important;
  transform-origin:left center !important;
  text-shadow:0 2px 6px rgba(0,0,0,.7) !important;
}
#popup small{
  display:block !important;
  margin-bottom:7px !important;
  color:#fff !important;
}
#popup h3{
  margin:7px 0 7px !important;
  font-size:27px !important;
  line-height:.92 !important;
}
#popup p{
  margin:0 0 12px !important;
  font-size:10.5px !important;
  line-height:1.32 !important;
}
#popup .popupWhatsapp{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  background:#b88a48 !important;
  color:#fff !important;
  border-radius:18px !important;
  padding:8px 11px !important;
  font-size:10px !important;
}
#popup .x{
  position:absolute !important;
  right:7px !important;
  top:7px !important;
  z-index:5 !important;
  width:24px !important;
  height:24px !important;
  font-size:18px !important;
}

/* Desktop / tablet keep the integrated card. */
@media (min-width:1101px){
  #popup.popup{
    width:258px !important;
    min-height:326px !important;
    top:106px !important;
  }
}
@media (min-width:769px) and (max-width:1100px){
  #popup.popup{
    width:228px !important;
    min-height:292px !important;
    top:98px !important;
    right:16px !important;
  }
  #popup .popupContent{
    padding:94px 15px 15px !important;
  }
  #popup .popupScript{font-size:12.5px !important}
  #popup h3{font-size:23px !important}
  #popup p{font-size:9.5px !important}
}

/* Preserve the deliberate C06 phone policy. */
@media (max-width:768px){
  #popup.popup{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  .top.gate01{top:0 !important}
  .siteFrame{
    border-width:1px !important;
    border-radius:16px !important;
  }
}


/* ==========================================================
   R06-C09 — POPUP RETURN / REFINEMENT
   Basis: pre-C08 popup line (C07), per homologation decision.
   No dent/notch. Four rounded corners. Thin white frame.
   Same information. CTA label: WhatsApp.
   Background image with subtle navy overlay.
   ========================================================== */

@media (min-width:769px){
  #popup.popup{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:fixed !important;
    padding:0 !important;
    overflow:hidden !important;
    width:252px !important;
    min-height:320px !important;
    background:#172422 !important;
    border:1px solid rgba(255,255,255,.78) !important;
    border-radius:18px !important;
    clip-path:none !important;
    box-shadow:0 16px 36px rgba(0,0,0,.36) !important;
    isolation:isolate !important;
  }

  /* Full-card photographic background with a light/deliberate overlay.
     The image is part of the popup itself, not a detached tile. */
  #popup.popup::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    background:
      linear-gradient(180deg,
        rgba(4,31,51,.26) 0%,
        rgba(4,31,51,.42) 35%,
        rgba(4,31,51,.82) 68%,
        rgba(4,31,51,.94) 100%),
      url('../images/hero-02-approved.webp') 70% 48%/cover no-repeat !important;
  }
  #popup.popup::after{
    content:none !important;
    display:none !important;
  }
  #popup .popupPhoto{
    display:none !important;
  }
  #popup .popupContent{
    position:relative !important;
    z-index:2 !important;
    box-sizing:border-box !important;
    min-height:320px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    align-items:flex-start !important;
    padding:104px 18px 18px !important;
    background:transparent !important;
  }
  #popup small{
    display:block !important;
    margin:0 0 7px !important;
    color:#fff !important;
    font-size:9px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    text-shadow:0 2px 6px rgba(0,0,0,.55) !important;
  }
  #popup .popupScript{
    display:block !important;
    margin:0 0 8px !important;
    color:#fff !important;
    font-size:14px !important;
    line-height:.95 !important;
    transform:rotate(-4deg) !important;
    transform-origin:left center !important;
    text-shadow:0 2px 6px rgba(0,0,0,.6) !important;
  }
  #popup .popupBrush{
    display:block !important;
    width:46px !important;
    height:3px !important;
    margin:1px 0 7px !important;
    background:#b88a48 !important;
    border-radius:80% 20% 72% 28% !important;
    transform:rotate(-4deg) skewX(-25deg) !important;
  }
  #popup h3{
    margin:0 0 7px !important;
    max-width:180px !important;
    color:#fff !important;
    font-size:26px !important;
    line-height:.92 !important;
    text-shadow:0 2px 7px rgba(0,0,0,.5) !important;
  }
  #popup p{
    margin:0 0 12px !important;
    max-width:200px !important;
    color:rgba(255,255,255,.96) !important;
    font-size:10.5px !important;
    line-height:1.32 !important;
    text-shadow:0 1px 5px rgba(0,0,0,.48) !important;
  }
  #popup .popupWhatsapp{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:102px !important;
    padding:8px 13px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#b88a48 !important;
    color:#fff !important;
    font-size:10.5px !important;
    line-height:1 !important;
    font-weight:800 !important;
    text-decoration:none !important;
  }
  #popup .x{
    position:absolute !important;
    z-index:5 !important;
    top:8px !important;
    right:8px !important;
    width:25px !important;
    height:25px !important;
    border:1px solid rgba(255,255,255,.58) !important;
    border-radius:50% !important;
    background:rgba(3,25,42,.78) !important;
    color:#fff !important;
  }
}
@media (min-width:1101px){
  #popup.popup{
    top:106px !important;
    width:252px !important;
    min-height:320px !important;
  }
}
@media (min-width:769px) and (max-width:1100px){
  #popup.popup{
    top:98px !important;
    right:16px !important;
    width:224px !important;
    min-height:292px !important;
    border-radius:17px !important;
  }
  #popup .popupContent{
    min-height:292px !important;
    padding:92px 15px 15px !important;
  }
  #popup .popupScript{font-size:13px !important}
  #popup h3{font-size:23px !important;max-width:160px !important}
  #popup p{font-size:9.5px !important;max-width:180px !important}
  #popup .popupWhatsapp{font-size:9.5px !important;padding:7px 11px !important}
}

/* Preserve established smartphone policy. */
@media (max-width:768px){
  #popup.popup{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}


/* ==========================================================
   R06-C10 — POPUP PHOTO VISIBILITY FIX ONLY
   Predecessor: R06-C09
   Geometry/content/responsive policy intentionally unchanged.
   Physical image asset verified: hero-02-approved.webp
   ========================================================== */

@media (min-width:769px){
  #popup.popup{
    background:#172422 !important;
  }

  /* Make the verified photographic asset materially visible.
     Overlay is intentionally lighter than C09 in the upper/middle area,
     while the lower gradient still protects copy legibility. */
  #popup.popup::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    opacity:1 !important;
    background-image:
      linear-gradient(180deg,
        rgba(4,31,51,.06) 0%,
        rgba(4,31,51,.12) 30%,
        rgba(4,31,51,.46) 55%,
        rgba(4,31,51,.82) 78%,
        rgba(4,31,51,.92) 100%),
      url('../images/hero-02-approved.webp') !important;
    background-position:center, 72% 50% !important;
    background-size:100% 100%, cover !important;
    background-repeat:no-repeat, no-repeat !important;
    filter:none !important;
  }

  #popup .popupContent{
    background:transparent !important;
  }
}


/* ==========================================================
   R06-C11 — REAL DOM IMAGE LAYER FOR POPUP
   Predecessor: R06-C10
   Only rendering technique changes:
   physical <img> + independent overlay.
   ========================================================== */

@media (min-width:769px){
  #popup.popup{
    position:fixed !important;
    overflow:hidden !important;
    background:#172422 !important;
  }

  /* Disable legacy pseudo photographic backgrounds entirely. */
  #popup.popup::before,
  #popup.popup::after{
    content:none !important;
    display:none !important;
    background:none !important;
  }

  #popup .popupBgImage{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:72% 50% !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }

  #popup .popupBgOverlay{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:linear-gradient(
      180deg,
      rgba(4,31,51,.04) 0%,
      rgba(4,31,51,.10) 28%,
      rgba(4,31,51,.38) 53%,
      rgba(4,31,51,.78) 77%,
      rgba(4,31,51,.92) 100%
    ) !important;
  }

  #popup .popupContent{
    position:relative !important;
    z-index:2 !important;
    background:transparent !important;
  }

  #popup .x{
    z-index:4 !important;
  }
}

@media (max-width:768px){
  #popup .popupBgImage,
  #popup .popupBgOverlay{
    display:none !important;
  }
}


/* ==========================================================
   R06-C12 — POPUP INTERNAL COMPOSITION CLOSEOUT
   Predecessor: C11 (photo technique preserved)
   ========================================================== */
@media (min-width:769px){
  #popup.popup{
    /* Equal breathing room from top/header and right page edge. */
    top:106px !important;
    right:24px !important;
  }

  #popup .popupContent{
    min-height:320px !important;
    justify-content:flex-start !important;
    padding:28px 18px 18px !important;
  }

  /* Upper identity block: higher, with modest separation. */
  #popup small{
    margin:0 0 9px !important;
  }
  #popup .popupScript{
    margin:0 0 0 !important;
  }
  #popup .popupBrush{
    margin:4px 0 0 !important;
  }

  /* Main phrase moves upward toward visual center. */
  #popup h3{
    margin:42px 0 8px !important;
  }

  /* Descriptive copy remains in the lower information zone. */
  #popup p{
    margin:0 0 13px !important;
  }

  /* CTA centered in popup, with icon from established circular glyph language. */
  #popup .popupWhatsapp{
    align-self:center !important;
    min-width:116px !important;
    gap:7px !important;
  }
  #popup .popupWhatsappIcon{
    display:inline-flex !important;
    width:13px !important;
    height:13px !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:9px !important;
    line-height:1 !important;
    color:#fff !important;
    border:1px solid currentColor !important;
    border-radius:50% !important;
  }
}
@media (min-width:769px) and (max-width:1100px){
  #popup.popup{
    top:98px !important;
    right:18px !important;
  }
  #popup .popupContent{
    min-height:292px !important;
    padding:24px 15px 15px !important;
  }
  #popup h3{
    margin-top:34px !important;
  }
}
@media (max-width:768px){
  #popup.popup{display:none !important;visibility:hidden !important;pointer-events:none !important}
}

/* R06-C13 — popup zoning refinement only */
@media (min-width:769px){
  #popup .popupContent{
    position:relative !important;
    display:block !important;
    min-height:320px !important;
    padding:28px 18px 18px !important;
  }
  #popup small{margin:0 0 9px !important}
  #popup .popupScript{margin:0 !important}
  #popup .popupBrush{margin:4px 0 0 !important}

  /* Central zone: only the main phrase. */
  #popup h3{
    position:absolute !important;
    left:18px !important;
    top:145px !important;
    margin:0 !important;
  }

  /* Lower information zone restored downward. */
  #popup p{
    position:absolute !important;
    left:18px !important;
    right:18px !important;
    bottom:57px !important;
    margin:0 !important;
  }

  /* Bottom CTA: real HTML button/link, centered; SVG icon + text. */
  #popup .popupWhatsapp{
    position:absolute !important;
    left:50% !important;
    bottom:16px !important;
    transform:translateX(-50%) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    min-width:116px !important;
    margin:0 !important;
  }
  #popup .popupWhatsappIcon{
    display:block !important;
    flex:0 0 15px !important;
    width:15px !important;
    height:15px !important;
    border:0 !important;
    border-radius:0 !important;
    color:#fff !important;
  }
  #popup .popupWhatsappLabel{display:inline !important}
}
@media (min-width:769px) and (max-width:1100px){
  #popup .popupContent{min-height:292px !important;padding:24px 15px 15px !important}
  #popup h3{left:15px !important;top:126px !important}
  #popup p{left:15px !important;right:15px !important;bottom:52px !important}
  #popup .popupWhatsapp{bottom:14px !important}
}

/* R06-C14 — popup frame-relative positioning + hero-01 asset cleanup */
@media (min-width:1101px){
  #popup.popup{
    /* siteFrame canonical max-width = 1120px.
       24px inset from its inner right edge, matching the visual top breathing room. */
    right:max(24px, calc((100vw - 1120px)/2 + 24px)) !important;
    top:106px !important;
  }
}
@media (min-width:769px) and (max-width:1100px){
  #popup.popup{
    right:24px !important;
    top:98px !important;
  }
}

/* ==========================================================
   R06-C15 — HOME BLOCK 02 CONVERGENCE
   Visual source of truth: approved Block 02 supplied by Greg.
   Header/Hero/Popup remain frozen.
   ========================================================== */
.welcome{
  padding:28px 38px 30px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) !important;
  gap:48px !important;
  align-items:center !important;
  background:#fff !important;
}
.welcome .copy{align-self:center !important}
.welcome small{
  display:block !important;
  color:#c39a5a !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.035em !important;
  margin:0 0 8px !important;
}
.welcome h2{
  color:#172422 !important;
  font-size:29px !important;
  line-height:.96 !important;
  letter-spacing:-.025em !important;
  margin:0 0 14px !important;
  font-weight:900 !important;
}
.welcome p{
  max-width:430px !important;
  margin:0 !important;
  color:#25313a !important;
  font-size:14px !important;
  line-height:1.32 !important;
}
.welcome .visual{
  align-self:center !important;
}
.welcome .visual img{
  display:block !important;
  width:100% !important;
  height:250px !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:16px !important;
}
.welcomeBenefits{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:12px !important;
  max-width:430px !important;
  margin-top:17px !important;
}
.welcomeBenefit{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  color:#182b38 !important;
  font-size:11px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
}
.welcomeBenefit svg{
  width:31px !important;
  height:31px !important;
  margin-bottom:5px !important;
  fill:none !important;
  stroke:#c39a5a !important;
  stroke-width:2.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.welcome em,.welcome .quick{display:none !important}

/* Approved Block 02 has no floating shortcut over its composition. */
.float{display:none !important}

@media (max-width:900px){
  .welcome{
    padding:26px 26px 28px !important;
    gap:28px !important;
  }
  .welcome h2{font-size:25px !important}
  .welcome p{font-size:13px !important}
  .welcome .visual img{height:225px !important}
  .welcomeBenefits{gap:7px !important}
}
@media (max-width:768px){
  .welcome{
    grid-template-columns:1fr !important;
    padding:26px 22px 30px !important;
    gap:22px !important;
  }
  .welcome .copy{order:1 !important}
  .welcome .visual{order:2 !important}
  .welcome h2{font-size:29px !important}
  .welcome p{max-width:none !important}
  .welcomeBenefits{max-width:none !important}
  .welcome .visual img{height:auto !important;aspect-ratio:1.55/1 !important}
}
@media (max-width:430px){
  .welcomeBenefits{grid-template-columns:repeat(2,1fr) !important;row-gap:16px !important}
}

/* R06-C16 — HOME BLOCK 02: approved canonical mockup convergence */
.welcome{
  position:relative !important;
  padding:34px 42px 34px !important;
  grid-template-columns:minmax(0, .94fr) minmax(0, 1.06fr) !important;
  gap:30px !important;
  align-items:stretch !important;
}
.welcome .copy{padding:0 !important}
.welcome small{font-size:12px !important;margin-bottom:9px !important}
.welcome h2{font-size:28px !important;line-height:1.01 !important;margin-bottom:17px !important}
.welcomeSeoCopy{max-width:510px !important}
.welcomeSeoCopy p{
  max-width:none !important;
  font-size:13px !important;
  line-height:1.34 !important;
  margin:0 0 12px !important;
}
.welcomeSeoCopy p:last-child{margin-bottom:0 !important}
.welcomeBenefits{
  max-width:510px !important;
  margin-top:18px !important;
  gap:13px !important;
}
.welcomeBenefit{font-size:11px !important}
.welcomeBenefit svg{width:34px !important;height:34px !important}
.welcome .visual{display:flex !important;align-items:stretch !important}
.welcome .visual img{
  width:100% !important;
  height:100% !important;
  min-height:330px !important;
  max-height:390px !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:16px !important;
}
/* Safe, CSS-only subtle brush edge between hero and Block 02.
   No hero asset modification; no DOM geometry dependency. */
.welcome::before{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  left:0 !important; right:0 !important; top:-7px !important;
  height:10px !important;
  pointer-events:none !important;
  background:
    linear-gradient(177deg, transparent 0 34%, #fff 36% 54%, transparent 56% 100%),
    linear-gradient(183deg, transparent 0 40%, #fff 42% 61%, transparent 63% 100%) !important;
  opacity:.98 !important;
}
@media (max-width:900px){
 .welcome{grid-template-columns:minmax(0,1fr) minmax(0,.95fr) !important;gap:22px !important;padding:30px 28px !important}
 .welcome h2{font-size:24px !important}
 .welcomeSeoCopy p{font-size:12.5px !important}
 .welcome .visual img{min-height:350px !important;max-height:none !important}
}
@media (max-width:768px){
 .welcome{grid-template-columns:1fr !important;gap:22px !important;padding:28px 22px 30px !important}
 .welcomeSeoCopy,.welcomeBenefits{max-width:none !important}
 .welcome .visual img{min-height:0 !important;height:auto !important;aspect-ratio:1.50/1 !important}
 .welcome::before{top:-5px !important;height:8px !important}
}

/* ==========================================================
   R06-C17 — HOME BLOCK 02 consolidation
   - C16 JS FAIL_CLOSED fixed defensively.
   - SEO copy compacted without losing local-intent terms.
   - Left information layer gains width; photo remains canonical.
   - Header/Hero/Popup frozen.
   ========================================================== */
.welcome{
  grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr) !important;
  gap:22px !important;
  padding-left:42px !important;
  padding-right:42px !important;
}
.welcomeSeoCopy{max-width:540px !important}
.welcomeSeoCopy p{
  font-size:13.5px !important;
  line-height:1.38 !important;
  margin-bottom:12px !important;
}
.welcomeBenefits{
  max-width:540px !important;
  margin-top:20px !important;
}
.welcome .visual img{
  min-height:318px !important;
  max-height:360px !important;
}
/* Keep brush transition subtle and irregular, without touching Hero asset. */
.welcome::before{
  top:-6px !important;
  height:9px !important;
  background:
    linear-gradient(178.5deg,transparent 0 31%,#fff 33% 50%,transparent 52% 100%),
    linear-gradient(181.5deg,transparent 0 43%,#fff 45% 65%,transparent 67% 100%) !important;
}
@media (max-width:900px){
  .welcome{
    grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr) !important;
    gap:18px !important;
  }
  .welcomeSeoCopy p{font-size:12.5px !important;line-height:1.36 !important}
  .welcome .visual img{min-height:330px !important;max-height:none !important}
}
@media (max-width:768px){
  .welcome{grid-template-columns:1fr !important}
  .welcome .visual img{min-height:0 !important;max-height:none !important}
}

/* ==========================================================
   R06-C18 — BLOCK 02 final fine-tuning:
   iconography + effective Hero brush edge only.
   ========================================================== */
.welcomeBenefit svg{
  width:36px !important;
  height:36px !important;
  stroke:#c39a5a !important;
  stroke-width:2.7 !important;
  fill:none !important;
}

/* Organic torn/brush transition. White belongs to Block 02 and overlays
   only the bottom pixels of the Hero; no Hero asset modification. */
.welcome::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:5 !important;
  left:-1px !important;
  right:-1px !important;
  top:-13px !important;
  height:17px !important;
  background:#fff !important;
  opacity:1 !important;
  pointer-events:none !important;
  clip-path:polygon(
    0% 58%, 2% 44%, 4% 55%, 7% 39%, 10% 52%, 13% 33%,
    16% 48%, 20% 29%, 23% 43%, 27% 35%, 31% 50%, 35% 31%,
    39% 45%, 43% 26%, 47% 42%, 51% 34%, 55% 48%, 59% 29%,
    63% 43%, 67% 32%, 71% 49%, 75% 28%, 79% 44%, 83% 35%,
    87% 51%, 91% 31%, 94% 46%, 97% 37%, 100% 52%,
    100% 100%, 0% 100%
  ) !important;
}
/* Secondary thin dry-brush interruptions to avoid a saw-tooth look. */
.welcome::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:6 !important;
  left:3% !important;
  right:4% !important;
  top:-9px !important;
  height:5px !important;
  pointer-events:none !important;
  background:repeating-linear-gradient(
    92deg,
    rgba(255,255,255,.95) 0 28px,
    transparent 28px 37px,
    rgba(255,255,255,.88) 37px 73px,
    transparent 73px 79px
  ) !important;
  transform:rotate(-.12deg) !important;
}
@media(max-width:768px){
  .welcome::before{top:-9px !important;height:13px !important}
  .welcome::after{top:-6px !important;height:4px !important}
}

/* ==========================================================
   R06-C19 — HOME BLOCK 03 CANONICAL MOCKUP
   Header/Hero/Popup/Block 02 frozen from C18.
   ========================================================== */
.flavors.block03Canonical{background:#052b43 !important;color:#fff !important;padding:28px 0 30px !important}
.block03Canonical .flavorGrid{display:grid !important;grid-template-columns:230px minmax(0,1fr) !important;gap:30px !important;align-items:center !important;padding-left:42px !important;padding-right:42px !important}
.block03Canonical .flavorIntro small{display:block !important;color:#b88a48 !important;font-size:12px !important;line-height:1 !important;font-weight:800 !important;letter-spacing:.12em !important;margin:0 0 12px !important}
.block03Canonical .flavorIntro h2{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive !important;font-size:31px !important;line-height:1.04 !important;font-style:italic !important;font-weight:800 !important;letter-spacing:-.045em !important;transform:rotate(-2deg) !important;transform-origin:left center !important;color:#fff !important;margin:0 !important;text-shadow:0 2px 12px rgba(0,0,0,.22) !important}
.block03Canonical .flavorBrush{width:92px !important;height:7px !important;background:linear-gradient(90deg,transparent 0,#b88a48 8%,#b88a48 88%,transparent 100%) !important;border-radius:70% 35% 65% 30% !important;transform:rotate(-5deg) skewX(-16deg) !important;clip-path:polygon(0 42%,10% 20%,31% 32%,52% 4%,77% 24%,100% 13%,96% 72%,72% 62%,49% 91%,26% 68%,4% 82%) !important;margin:14px 0 18px !important}
.block03Canonical .flavorIntro .btn{min-height:36px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;padding:0 15px !important;font-size:12.5px !important;font-weight:800 !important;border-radius:18px !important;background:#b88a48 !important;color:#fff !important}
.block03Canonical .flavorIntro .btn .ctaIcon{width:16px !important;height:16px !important}
.block03Cards{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important}
.block03Card{position:relative !important;overflow:hidden !important;border-radius:14px !important;border:1px solid rgba(255,255,255,.68) !important;aspect-ratio:.78/1 !important;background:#071e2d !important}
.block03Card img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important}
.block03CardLabel{position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;min-height:54px !important;display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;padding:7px 6px !important;background:linear-gradient(180deg,rgba(2,15,23,.55),rgba(2,15,23,.92)) !important;color:#fff !important;font-size:15px !important;line-height:1.05 !important;font-weight:800 !important}
@media(max-width:900px){
 .block03Canonical .flavorGrid{grid-template-columns:190px minmax(0,1fr) !important;gap:20px !important;padding-left:28px !important;padding-right:28px !important}
 .block03Canonical .flavorIntro h2{font-size:26px !important}.block03Cards{gap:8px !important}.block03CardLabel{font-size:12px !important;min-height:46px !important}
}
@media(max-width:768px){
 .flavors.block03Canonical{padding:28px 0 !important}.block03Canonical .flavorGrid{display:block !important;padding-left:22px !important;padding-right:22px !important}.block03Canonical .flavorIntro{max-width:330px !important}.block03Canonical .flavorIntro h2{font-size:30px !important}.block03Cards{margin-top:24px !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}.block03Card{aspect-ratio:.88/1 !important}.block03CardLabel{font-size:14px !important}
}

/* ==========================================================
   R06-C20 — BLOCK 03 fine tuning only
   C19 evidence: PASS 7/7; zero console/page/request/http errors.
   ========================================================== */
.block03Canonical .flavorIntro h2{
  font-size:28px !important;
  line-height:1.04 !important;
  font-weight:600 !important;
  letter-spacing:-.035em !important;
}
.block03Canonical .flavorIntro h2 .menuMomentAccent{
  color:#b88a48 !important;
  font:inherit !important;
}
.block03Canonical .flavorBrush{
  width:92px !important;
  height:4px !important;
  margin:13px 0 18px !important;
  background:linear-gradient(90deg,transparent 0,#b88a48 8%,#b88a48 88%,transparent 100%) !important;
  border-radius:70% 35% 65% 30% !important;
  transform:rotate(-5deg) skewX(-16deg) !important;
  clip-path:polygon(0 42%,10% 20%,31% 32%,52% 4%,77% 24%,100% 13%,96% 72%,72% 62%,49% 91%,26% 68%,4% 82%) !important;
}
@media(max-width:900px){
 .block03Canonical .flavorIntro h2{font-size:24px !important}
}
@media(max-width:768px){
 .block03Canonical .flavorIntro h2{font-size:27px !important}
}

/* R06-C21 — Block 03 CTA icon only */
.block03Canonical .block03MenuBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.block03Canonical .block03MenuIcon{width:16px!important;height:16px!important;flex:0 0 16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* ==========================================================
   R06-C22 — HOME BLOCK 04 canonical mockup implementation.
   Data adapters are prepared as fallback-first; no external API is activated.
   ========================================================== */
.block04Canonical{
  background:#fff !important;
  padding:28px 42px 30px !important;
  display:grid !important;
  grid-template-columns:1.18fr 1px .82fr !important;
  gap:28px !important;
  align-items:stretch !important;
}
.block04Canonical::before{
  content:"" !important;
  grid-column:2 !important;
  grid-row:1 !important;
  background:#dedede !important;
  width:1px !important;
  height:100% !important;
}
.block04Instagram{grid-column:1 !important;grid-row:1 !important}
.block04Reviews{grid-column:3 !important;grid-row:1 !important}
.block04Canonical small{
  display:block !important;
  color:#c39a5a !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.025em !important;
  margin:0 0 5px !important;
}
.block04Canonical h2{
  color:#071f33 !important;
  font-size:23px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.025em !important;
  margin:0 0 12px !important;
}
.instagramFeed{
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:7px !important;
  margin:0 0 11px !important;
}
.instagramFeed img{
  display:block !important;
  width:100% !important;
  aspect-ratio:1.18/1 !important;
  object-fit:cover !important;
  border-radius:9px !important;
}
.instagramBtn{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  border:1px solid #09283e !important;
  border-radius:18px !important;
  padding:6px 13px !important;
  color:#09283e !important;
  text-decoration:none !important;
  font-size:11px !important;
  font-weight:700 !important;
  background:#fff !important;
}
.instagramBtn svg{
  width:14px !important;height:14px !important;fill:none !important;
  stroke:currentColor !important;stroke-width:1.8 !important;
}
.reviewCarousel{position:relative !important;padding-bottom:22px !important}
.reviewCard{
  display:none !important;
  grid-template-columns:50px 1fr !important;
  gap:12px !important;
  align-items:center !important;
  min-height:84px !important;
  padding:12px 14px !important;
  background:#f2f2f2 !important;
  border-radius:10px !important;
}
.reviewCard.is-active{display:grid !important}
.googleMark{
  width:48px !important;height:48px !important;border-radius:8px !important;
  background:#fff !important;display:flex !important;align-items:center !important;
  justify-content:center !important;font-size:26px !important;font-weight:800 !important;
  color:#4285f4 !important;
}
.reviewContent p{
  margin:0 0 6px !important;color:#242424 !important;
  font-size:11px !important;line-height:1.28 !important;font-weight:600 !important;
}
.reviewMeta{display:flex !important;align-items:center !important;gap:7px !important;font-size:9px !important;color:#444 !important}
.reviewStars{color:#f5a000 !important;font-size:14px !important;letter-spacing:1px !important}
.reviewDots{
  position:absolute !important;left:50% !important;bottom:3px !important;
  transform:translateX(-50%) !important;display:flex !important;gap:5px !important;
}
.reviewDots button{
  appearance:none !important;border:0 !important;padding:0 !important;
  width:6px !important;height:6px !important;border-radius:50% !important;
  background:#aaa !important;cursor:pointer !important;
}
.reviewDots button.is-active{background:#c39a5a !important}

@media(max-width:900px){
 .block04Canonical{padding:26px 28px !important;gap:20px !important}
 .block04Canonical h2{font-size:20px !important}
 .instagramFeed{gap:5px !important}
}
@media(max-width:768px){
 .block04Canonical{grid-template-columns:1fr !important;gap:26px !important;padding:26px 22px 30px !important}
 .block04Canonical::before{display:none !important}
 .block04Instagram,.block04Reviews{grid-column:1 !important}
 .block04Instagram{grid-row:1 !important}
 .block04Reviews{grid-row:2 !important;border-top:1px solid #dedede !important;padding-top:24px !important}
 .block04Canonical h2{font-size:23px !important}
}
@media(max-width:430px){
 .instagramFeed{grid-template-columns:repeat(5,1fr) !important;gap:4px !important}
 .instagramFeed img{border-radius:6px !important}
}

/* ==========================================================
   R06-C23 — Block 04 CTA parity + canonical internal redirectors.
   External services are addressed only through site-local virtual paths.
   ========================================================== */
.block04Instagram,.block04Reviews{
  display:flex !important;
  flex-direction:column !important;
}
.block04Instagram .instagramBtn,
.block04Reviews .googleReviewBtn{
  margin-top:auto !important;
  align-self:flex-start !important;
  min-height:30px !important;
  box-sizing:border-box !important;
}
.block04Reviews .reviewCarousel{
  margin-bottom:11px !important;
}
.googleBtnIcon{
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
  stroke:none !important;
  fill:currentColor !important;
}
@media(max-width:768px){
 .block04Instagram .instagramBtn,
 .block04Reviews .googleReviewBtn{margin-top:11px !important}
}

/* R06-C24 — Block 04 Google CTA structural correction.
   CTA now belongs physically to the reviews column. */
.block04Canonical .block04Instagram,
.block04Canonical .block04Reviews{
  min-width:0 !important;
}
.block04Canonical .block04Reviews .googleReviewBtn{
  width:auto !important;
  max-width:max-content !important;
  align-self:flex-start !important;
  margin-top:auto !important;
}
.block04Canonical .block04Instagram .instagramBtn{
  width:auto !important;
  max-width:max-content !important;
}
@media(min-width:769px){
  .block04Canonical .block04Instagram,
  .block04Canonical .block04Reviews{height:100% !important}
}

/* R06-C25 — Block 04 brand SVG harmonization only */
.block04Canonical .brandIcon{
  display:block !important;
  width:15px !important;
  height:15px !important;
  flex:0 0 15px !important;
  overflow:visible !important;
}
.block04Canonical .instagramBrandIcon,
.block04Canonical .googleBrandIcon{
  stroke:none !important;
}

/* R06-C26 — Block 05 canonical */
.block05Canonical{position:relative!important;overflow:hidden!important;background:#06273d!important;color:#fff!important;display:grid!important;grid-template-columns:.88fr 1.55fr 1fr!important;gap:34px!important;align-items:center!important;padding:28px 64px 30px!important;border-bottom:1px solid rgba(255,255,255,.7)!important}
.block05Canonical>*:not(.block05Wave){position:relative!important;z-index:2!important}.block05Canonical small{display:block!important;font-size:10px!important;line-height:1!important;font-weight:500!important;letter-spacing:.04em!important;margin:0 0 6px!important;color:#fff!important}
.locationIntro h2{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 9px!important;font-size:20px!important;line-height:1!important;font-weight:800!important}.locationTitleIcon{width:24px!important;height:28px!important;fill:#fff!important;stroke:#fff!important;stroke-width:1.5!important}.locationIntro p{margin:0 0 14px!important;font-size:11px!important;line-height:1.34!important;color:#fff!important}
.mapsBtn{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:8px 15px!important;text-decoration:none!important}.mapsBtnIcon{width:14px!important;height:14px!important;fill:#fff!important;stroke:none!important}.locationMap img{display:block!important;width:100%!important;height:155px!important;object-fit:cover!important;border-radius:9px!important}
.locationInfo h3{display:flex!important;gap:8px!important;margin:0 0 11px!important;color:#fff!important;font-size:10px!important;line-height:1.12!important;font-weight:800!important}.infoFlame{display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;border-radius:50%!important;background:#c39a5a!important;color:#fff!important}
.locationInfo ul{list-style:none!important;padding:0!important;margin:0!important;display:grid!important;gap:8px!important}.locationInfo li{display:flex!important;align-items:center!important;gap:8px!important;font-size:10.5px!important;line-height:1.1!important}.locationInfo li svg{width:15px!important;height:15px!important;fill:none!important;stroke:#fff!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.block05Wave{position:absolute!important;z-index:1!important;right:-25px!important;bottom:28px!important;width:190px!important;height:50px!important;opacity:.55!important}.block05Wave:before,.block05Wave:after{content:""!important;position:absolute!important;left:0!important;width:220px!important;height:26px!important;border-radius:50%!important;border-top:12px solid #0b466a!important;transform:rotate(7deg)!important}.block05Wave:after{left:38px!important;top:13px!important;border-top-color:#0a3a59!important;transform:rotate(-6deg)!important}
@media(max-width:1024px){.block05Canonical{grid-template-columns:.9fr 1.4fr 1fr!important;gap:22px!important;padding:26px 36px!important}.locationMap img{height:145px!important}}
@media(max-width:768px){.block05Canonical{grid-template-columns:1fr!important;gap:22px!important;padding:28px 24px 32px!important}.locationMap img{height:auto!important;aspect-ratio:2.2/1!important}.block05Wave{right:-60px!important;bottom:18px!important}}

/* ==========================================================
   R06-C27 — canonical HOME design-system normalization + B05 refinement
   ========================================================== */
:root{
 --section-kicker-size:11px;
 --section-kicker-weight:800;
 --section-kicker-color:#c39a5a;
 --structural-title-weight:700;
 --canonical-btn-size:11px;
 --canonical-icon-stroke:1.9;
}
/* Canonical section kicker: reference = Block 03 "NOSSO CARDÁPIO". */
.heroCopy .eyebrow,
.block02Canonical small,
.block03Canonical small,
.block04Canonical small,
.block05Canonical small{
 font-family:inherit!important;
 font-size:var(--section-kicker-size)!important;
 line-height:1!important;
 font-weight:var(--section-kicker-weight)!important;
 letter-spacing:.025em!important;
 color:var(--section-kicker-color)!important;
 text-transform:uppercase!important;
}
/* Structural title family: lighter than previous extra-bold treatment. */
.block04Canonical h2,
.locationIntro h2{
 font-family:inherit!important;
 font-weight:var(--structural-title-weight)!important;
 letter-spacing:-.015em!important;
}
/* Canonical orange CTA family. */
.btn.orange,.mapsBtn{
 border-radius:18px!important;
 font-family:inherit!important;
 font-size:var(--canonical-btn-size)!important;
 font-weight:700!important;
 line-height:1!important;
 text-transform:none!important;
 background:#c39a5a!important;
 color:#fff!important;
}
.btn.orange svg,.mapsBtn svg{stroke-width:var(--canonical-icon-stroke)}
/* Continue the thin white site frame through B05 and downstream sections. */
.block05Canonical,
.block05Canonical ~ section,
.block05Canonical ~ footer{
 border-left:1px solid rgba(255,255,255,.9)!important;
 border-right:1px solid rgba(255,255,255,.9)!important;
 box-sizing:border-box!important;
}
/* Remove premature rounded termination before B05. */
.block04Canonical{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
/* Block 05 tighter canonical composition. */
.block05Canonical{
 grid-template-columns:1fr 1.72fr .96fr!important;
 gap:25px!important;
 padding-top:26px!important;
 padding-bottom:27px!important;
}
.locationMap{margin-left:-12px!important}
.locationMap img{height:174px!important;width:calc(100% + 12px)!important}
.locationInfo h3{
 font-family:inherit!important;
 font-size:11px!important;
 line-height:1.08!important;
 font-weight:800!important;
 letter-spacing:.025em!important;
}
.infoBrandMark{
 width:23px!important;height:29px!important;flex:0 0 23px!important;
 fill:#c39a5a!important;stroke:none!important;
}
.locationInfo ul{gap:9px!important}
.locationInfo li{font-size:10.5px!important}
.locationInfo li svg{
 width:18px!important;height:18px!important;flex:0 0 18px!important;
 stroke-width:2.05!important;
}
.whatsappInfoIcon{stroke-width:1.8!important}
.locationTitleIcon{width:27px!important;height:30px!important;flex:0 0 27px!important;stroke-width:1.8!important}
@media(max-width:1024px){
 .block05Canonical{grid-template-columns:.95fr 1.55fr 1fr!important;gap:19px!important}
 .locationMap{margin-left:-7px!important}
 .locationMap img{width:calc(100% + 7px)!important;height:160px!important}
}
@media(max-width:768px){
 .block05Canonical{grid-template-columns:1fr!important}
 .locationMap{margin-left:0!important}
 .locationMap img{width:100%!important;height:auto!important}
}
/* The final site footer owns the only lower corner closure. */
body footer:last-of-type{
 border-bottom-left-radius:10px!important;
 border-bottom-right-radius:10px!important;
 border-bottom:1px solid rgba(255,255,255,.9)!important;
 overflow:hidden!important;
}

/* ==========================================================
   R06-C28 — canonical buttons + B05 production iconography/alignment
   Icon geometry follows consistent 24x24 outline system (Lucide language).
   ========================================================== */
/* Hero "Como chegar" is the canonical button-text reference. */
:root{
 --site-button-font-family:inherit;
 --site-button-font-size:11px;
 --site-button-font-weight:700;
 --site-button-line-height:1;
 --site-button-icon-size:18px;
}
a.btn,button.btn,.instagramBtn,.googleReviewBtn,.mapsBtn{
 font-family:var(--site-button-font-family)!important;
 font-size:var(--site-button-font-size)!important;
 font-weight:var(--site-button-font-weight)!important;
 line-height:var(--site-button-line-height)!important;
}
a.btn svg,button.btn svg,.instagramBtn svg,.googleReviewBtn svg,.mapsBtn svg{
 width:var(--site-button-icon-size)!important;
 height:var(--site-button-icon-size)!important;
 flex:0 0 var(--site-button-icon-size)!important;
}
/* B05: clean white outline SVG system. */
.block05Canonical .lucideIcon{
 fill:none!important;
 stroke:#fff!important;
 stroke-width:2!important;
 stroke-linecap:round!important;
 stroke-linejoin:round!important;
}
.block05Canonical .locationTitleIcon{
 width:28px!important;height:28px!important;flex:0 0 28px!important;
}
.block05Canonical .locationInfo li svg{
 width:20px!important;height:20px!important;flex:0 0 20px!important;
}
/* Real transparent repository brand symbol, not an approximation. */
.block05Canonical .infoBrandMark{
 display:block!important;
 width:24px!important;height:30px!important;flex:0 0 24px!important;
 object-fit:contain!important;
}
/* Equal visual gutters around the center map. */
.block05Canonical{
 grid-template-columns:1fr 1.72fr 1fr!important;
 column-gap:28px!important;
}
.block05Canonical .locationMap{
 margin-left:0!important;
 margin-right:0!important;
}
.block05Canonical .locationMap img{
 width:100%!important;
}
@media(max-width:1024px){
 .block05Canonical{column-gap:22px!important}
 .block05Canonical .locationMap{margin-left:0!important}
 .block05Canonical .locationMap img{width:100%!important}
}
@media(max-width:768px){
 .block05Canonical{column-gap:0!important}
}

/* ==========================================================
   R06-C29 — B05 information restoration + frame continuity + dynamic-map seam
   ========================================================== */
.locationInfo .infoBrandMark{
 width:38px!important;height:44px!important;flex:0 0 38px!important;
 object-fit:contain!important;
}
.locationInfo h3{align-items:center!important;gap:11px!important}
.locationInfo ul{display:grid!important;gap:9px!important}
.locationInfo li{display:flex!important;visibility:visible!important;opacity:1!important;min-height:21px!important}
.locationMap{position:relative!important}
.locationMap .dynamicMapMount{display:none}
.locationMap .mapFallback{display:block!important}
/* One continuous site frame: B04 is not a terminal card. */
.block04Canonical{
 border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;
 margin-bottom:0!important;
}
.block05Canonical{
 margin-top:0!important;
 border-top:0!important;
 border-left:1px solid rgba(255,255,255,.9)!important;
 border-right:1px solid rgba(255,255,255,.9)!important;
 border-bottom:0!important;
}
.block05Canonical ~ section,
.block05Canonical ~ footer{
 border-left:1px solid rgba(255,255,255,.9)!important;
 border-right:1px solid rgba(255,255,255,.9)!important;
 border-radius:0!important;
 margin-top:0!important;
}
body footer:last-of-type{
 border-bottom:1px solid rgba(255,255,255,.9)!important;
 border-bottom-left-radius:10px!important;
 border-bottom-right-radius:10px!important;
}
/* Hide any pseudo/card termination accidentally inherited by B04. */
.block04Canonical::after{border-radius:0!important}

/* ==========================================================
   R06-C30 — B04→B05 continuity + B05 right-column optical grid
   Evidence-driven correction after C29 visual review.
   ========================================================== */

/* 1) B04 must NOT terminate as an independent rounded card. */
.block04Canonical,
section.block04Canonical,
.wrap.block04Canonical{
  border-bottom-left-radius:0!important;
  border-bottom-right-radius:0!important;
  border-bottom:0!important;
  margin-bottom:0!important;
  overflow:visible!important;
}

/* 2) B05 joins B04 physically: same content width/frame, no detached gutter. */
.block05Canonical,
section.block05Canonical,
.wrap.block05Canonical{
  width:auto!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  margin-top:0!important;
  border-radius:0!important;
  border-top:0!important;
  border-left:1px solid rgba(255,255,255,.9)!important;
  border-right:1px solid rgba(255,255,255,.9)!important;
  box-sizing:border-box!important;
}

/* Counteract generic .wrap horizontal inset specifically for B05 so its frame
   sits on the exact same vertical rails as B04. */
@media(min-width:769px){
  .block05Canonical.wrap{
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* 3) Right column: one explicit icon rail + one text rail. */
.locationInfo{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  align-items:start!important;
}
.locationInfo h3{
  display:contents!important;
}
.locationInfo .infoBrandMark{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:center!important;
  align-self:center!important;
  width:48px!important;
  height:58px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
}
.locationInfo h3 > span{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  margin:0!important;
}
.locationInfo ul{
  grid-column:1 / -1!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  row-gap:10px!important;
  column-gap:12px!important;
  margin-top:12px!important;
}
.locationInfo li{
  display:contents!important;
}
.locationInfo li svg{
  grid-column:1!important;
  justify-self:center!important;
  align-self:center!important;
  width:21px!important;
  height:21px!important;
  flex:none!important;
}
.locationInfo li span{
  grid-column:2!important;
  align-self:center!important;
  min-width:0!important;
}

/* 4) Downstream frame stays continuous; only the final footer closes it. */
.block05Canonical ~ section,
.block05Canonical ~ footer{
  border-left:1px solid rgba(255,255,255,.9)!important;
  border-right:1px solid rgba(255,255,255,.9)!important;
  border-radius:0!important;
  margin-top:0!important;
}
body footer:last-of-type{
  border-bottom:1px solid rgba(255,255,255,.9)!important;
  border-bottom-left-radius:10px!important;
  border-bottom-right-radius:10px!important;
}

/* Mobile returns right-column content to compact but keeps the shared rail. */
@media(max-width:768px){
  .locationInfo{grid-template-columns:46px minmax(0,1fr)!important;column-gap:10px!important}
  .locationInfo .infoBrandMark{width:42px!important;height:50px!important}
  .locationInfo ul{grid-template-columns:46px minmax(0,1fr)!important;column-gap:10px!important}
}

/* ==========================================================
   R06-C31 — B05 right-column redesign + definitive continuous shell
   ========================================================== */
/* Root cause correction: siteFrame itself must not expose a white rounded
   background between B04 and B05. Keep only top closure; footer closes bottom. */
.siteFrame{
  background:transparent!important;
  border-radius:16px 16px 0 0!important;
  overflow:visible!important;
}
.top.gate01{
  border-top-left-radius:15px!important;
  border-top-right-radius:15px!important;
  overflow:hidden!important;
}
/* B04 is a rectangular middle section, never a terminal card. */
.block04Canonical,.block04Canonical.wrap,section.block04Canonical{
  border-radius:0!important;
  margin-bottom:0!important;
  border-bottom:0!important;
}
/* B05 directly continues the same shell rails. */
.block05Canonical,.block05Canonical.wrap,section.block05Canonical{
  border-radius:0!important;
  margin-top:0!important;
  border-top:0!important;
}
/* Right column: logo + compact five-line information stack, same left rail. */
.locationInfo{
  display:block!important;
  min-width:0!important;
}
.locationInfo .locationBrandLogo{
  display:block!important;
  width:150px!important;
  height:auto!important;
  max-height:52px!important;
  object-fit:contain!important;
  object-position:left center!important;
  opacity:.78!important;
  margin:0 0 10px 0!important;
}
.locationInfo ul{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
}
.locationInfo li{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  column-gap:8px!important;
  align-items:center!important;
  min-height:20px!important;
}
.locationInfo li svg{
  grid-column:1!important;
  width:18px!important;
  height:18px!important;
  justify-self:start!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.locationInfo li span{
  grid-column:2!important;
  font-size:10px!important;
  line-height:1.12!important;
  color:#fff!important;
  align-self:center!important;
}
@media(max-width:1024px){
 .locationInfo .locationBrandLogo{width:132px!important}
 .locationInfo ul{gap:4px!important}
 .locationInfo li span{font-size:9.5px!important}
}
@media(max-width:768px){
 .locationInfo .locationBrandLogo{width:145px!important;margin-bottom:11px!important}
 .locationInfo ul{gap:7px!important}
 .locationInfo li{grid-template-columns:24px minmax(0,1fr)!important;column-gap:9px!important}
 .locationInfo li svg{width:19px!important;height:19px!important}
 .locationInfo li span{font-size:10.5px!important}
}
/* Final closure belongs only to footer. */
footer{border-radius:0!important}
body footer:last-of-type{
 border-bottom-left-radius:15px!important;
 border-bottom-right-radius:15px!important;
 overflow:hidden!important;
}

/* ==========================================================
   R06-C32 — B06 canonical footer + persistent header + contact float
   ========================================================== */
.top.gate01{position:sticky!important;top:0!important;z-index:120!important}
.block06Canonical{background:#03223a!important;color:#fff!important;padding:0!important;border-radius:0 0 15px 15px!important;overflow:hidden!important}
.footerPrimary{min-height:92px;display:grid!important;grid-template-columns:220px 1fr 210px;align-items:center;gap:28px;padding-top:12px!important;padding-bottom:12px!important}
.footerBrand img{display:block;width:150px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.footerSocials{display:flex;justify-content:center;align-items:center;gap:25px}
.footerSocials a{display:flex;width:31px;height:31px;align-items:center;justify-content:center;transition:transform .18s ease}
.footerSocials a:hover{transform:translateY(-2px)}
.footerBrandSvg{display:block;width:25px;height:25px}.footerIfood{width:42px!important;height:24px!important}
.footerMotto{justify-self:end;text-align:left;font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-style:italic;font-size:13px;line-height:1.12;transform:rotate(-5deg);position:relative;padding-right:8px}
.footerMotto b{color:#b88a48;font-weight:800}.footerMottoBrush{display:block;width:50px;height:3px;margin-top:3px;background:#b88a48;border-radius:75% 25% 68% 32%;transform:rotate(-5deg) skewX(-28deg);clip-path:polygon(0 52%,11% 30%,29% 44%,51% 12%,74% 38%,100% 25%,95% 62%,72% 56%,49% 76%,25% 62%,3% 72%)}
.footerLegal{min-height:42px;border-top:1px solid rgba(255,255,255,.18);display:flex!important;align-items:center;justify-content:space-between;gap:22px;font-size:9px;line-height:1.25;color:rgba(255,255,255,.86);padding-top:8px!important;padding-bottom:8px!important}
.footerLegal a{color:inherit}.footerSep{display:inline-block;margin:0 7px;color:rgba(255,255,255,.55)}
.footerCredits{min-height:58px;border-top:1px solid rgba(255,255,255,.18);display:grid!important;grid-template-columns:1fr 86px 1fr;align-items:center;gap:18px;padding-top:7px!important;padding-bottom:7px!important}
.footerCreditsLinks{display:flex;align-items:center;gap:18px}.footerCreditsLinks a{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.84);font-size:8.5px;white-space:nowrap}.footerCreditsRight{justify-content:flex-end}.creditIcon{color:#b88a48;font-size:12px;line-height:1}
.dotGreyBrand{justify-self:center;display:block;width:58px;height:44px;overflow:hidden;border-radius:50%}.dotGreyBrand img{display:block;width:58px;height:58px;object-fit:cover;transform:translateY(-7px);opacity:.78}
.contactFloat.is-open .contactFloat.is-open 
.contactFloat.is-open 
@media(max-width:760px){
 .footerPrimary{grid-template-columns:1fr 1fr!important;grid-template-areas:'brand motto' 'social social';gap:12px!important;min-height:132px}.footerBrand{grid-area:brand}.footerBrand img{width:125px}.footerMotto{grid-area:motto;font-size:11px}.footerSocials{grid-area:social;gap:22px}
 .footerLegal{display:block!important;text-align:center;font-size:8.5px}.footerLegal>div+div{margin-top:5px}
 .footerCredits{grid-template-columns:1fr 58px 1fr!important;gap:7px!important;min-height:70px}.footerCreditsLinks{display:block}.footerCreditsLinks a{font-size:7px;white-space:normal;line-height:1.15;margin:3px 0}.footerCreditsRight{text-align:right}.footerCreditsRight a{justify-content:flex-end}.dotGreyBrand{width:48px;height:40px}.dotGreyBrand img{width:48px;height:48px;transform:translateY(-4px)}
 }

/* ==========================================================
   R06-C33 — Block 06 final-row refinement + canonical order floating
   ========================================================== */
.footerProfessionalRow{
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 gap:18px!important;padding:10px 28px 11px!important;min-height:58px!important;
 border-top:1px solid rgba(255,255,255,.18)!important;
}
.professionalLinks{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:25px!important;min-width:0!important}
.professionalLink{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#fff!important;text-decoration:none!important;white-space:nowrap!important;font-size:10px!important;line-height:1!important}
.professionalLink svg{width:18px!important;height:18px!important;fill:none!important;stroke:#c39a5a!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 18px!important}
.dotGreyBrand{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:50%!important;overflow:hidden!important;text-decoration:none!important}
.dotGreyBrand img{display:block!important;width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:cover!important;aspect-ratio:1/1!important;border-radius:50%!important}

/* Floating always follows viewport, low/right. */
.orderFloating{position:fixed!important;right:24px!important;bottom:22px!important;z-index:9998!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:8px!important;pointer-events:none!important}
.orderFloating>*{pointer-events:auto!important}
.orderFloatingOptions{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:8px!important;opacity:0!important;transform:translateY(10px) scale(.96)!important;pointer-events:none!important;transition:opacity .18s ease,transform .18s ease!important}
.orderFloating.is-open .orderFloatingOptions{opacity:1!important;transform:none!important;pointer-events:auto!important}
.orderOption{display:flex!important;align-items:center!important;gap:9px!important;min-width:174px!important;padding:6px 13px 6px 7px!important;border-radius:999px!important;background:#fff!important;color:#111!important;text-decoration:none!important;font-size:12px!important;font-weight:700!important;box-shadow:0 6px 20px rgba(0,0,0,.24)!important}
.orderOptionBrand{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:50%!important;color:#fff!important}
.whatsappBrand{background:#19b84b!important}.whatsappBrand svg{width:22px!important;height:22px!important;fill:none!important;stroke:#fff!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ifoodBrand{background:#e7192d!important;font-size:10px!important;font-weight:900!important;letter-spacing:-.04em!important}
.orderFloatingMain{position:relative!important;display:flex!important;align-items:center!important}
.orderArrow{position:absolute!important;right:100%!important;bottom:10px!important;margin-right:9px!important;color:#c39a5a!important;font-size:29px!important;line-height:1!important;transform:rotate(-12deg)!important;font-weight:800!important}
.orderTrigger{display:flex!important;align-items:center!important;gap:9px!important;border:0!important;border-radius:999px!important;background:#c39a5a!important;color:#fff!important;padding:10px 17px!important;min-height:48px!important;box-shadow:0 7px 22px rgba(0,0,0,.27)!important;cursor:pointer!important;font:inherit!important;font-size:13px!important;font-weight:800!important}
.orderTrigger .cutleryIcon{width:21px!important;height:21px!important;fill:none!important;stroke:#fff!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
@media(max-width:768px){
 .footerProfessionalRow{padding:10px 16px!important;gap:11px!important}
 .professionalLinks{gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
 .professionalLink{font-size:9px!important}
 .dotGreyBrand,.dotGreyBrand img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;flex-basis:42px!important}
 .orderFloating{right:14px!important;bottom:14px!important}
 .orderOption{min-width:160px!important;font-size:11px!important}
 .orderTrigger{font-size:12px!important;padding:9px 14px!important}
}

/* R06-C34 — evidence-driven footer correction */
.footerProfessionalRow{min-height:52px!important;padding-top:8px!important;padding-bottom:8px!important}
.dotGreyBrand{
 width:40px!important;height:40px!important;flex:0 0 40px!important;
 aspect-ratio:1/1!important;border-radius:50%!important;overflow:hidden!important;
}
.dotGreyBrand img{
 display:block!important;width:40px!important;height:40px!important;
 max-width:40px!important;max-height:40px!important;aspect-ratio:1/1!important;
 object-fit:contain!important;object-position:center!important;border-radius:50%!important;
 transform:none!important;
}
.footerIfood{width:28px!important;height:28px!important;display:block!important}
@media(max-width:768px){
 .dotGreyBrand,.dotGreyBrand img{width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important}
 .dotGreyBrand{flex-basis:36px!important}
}

/* ==========================================================
   R06-C35 — cross-viewport closure for Blocks 05/06 + tablet hero
   Evidence basis: C34 desktop-1024 approved by Greg; residuals at
   1440 / 768 / 430 / 390 only.
   ========================================================== */

/* A. B05 + B06 must never exceed or detach from the canonical site shell. */
.block05Canonical,
.block06Canonical{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
.block05Canonical.wrap{
  width:100%!important;
  max-width:100%!important;
}
.block06Canonical{
  border-left:0!important;
  border-right:0!important;
}

/* B. PHONE — B05 becomes three explicit stacked rows:
      1 intro, 2 full-width map with breathing room, 3 establishment info. */
@media (max-width:600px){
  .block05Canonical,
  .block05Canonical.wrap{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "intro"
      "map"
      "info"!important;
    gap:20px!important;
    padding:26px 18px 28px!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }
  .block05Canonical .locationIntro{
    grid-area:intro!important;
    width:100%!important;
    min-width:0!important;
  }
  .block05Canonical .locationMap{
    grid-area:map!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .block05Canonical .locationMap .mapFallback{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:2/1!important;
    object-fit:cover!important;
    border-radius:10px!important;
  }
  .block05Canonical .locationInfo{
    grid-area:info!important;
    width:100%!important;
    min-width:0!important;
    display:block!important;
    padding:0!important;
  }
  .block05Canonical .locationInfo .locationBrandLogo{
    width:145px!important;
    max-width:145px!important;
    height:auto!important;
    margin:0 0 11px 0!important;
    object-position:left center!important;
  }
  .block05Canonical .locationInfo ul{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    width:100%!important;
  }
  .block05Canonical .locationInfo li{
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    column-gap:9px!important;
    min-height:21px!important;
  }
  .block05Canonical .locationInfo li svg{
    width:19px!important;height:19px!important;
  }
  .block05Canonical .locationInfo li span{
    font-size:10.5px!important;
    line-height:1.18!important;
    white-space:normal!important;
  }
}

/* C. TABLET 601–900 — preserve desktop-like three-column B05.
      The map is centered and receives equal gutters from both information columns. */
@media (min-width:601px) and (max-width:900px){
  .block05Canonical,
  .block05Canonical.wrap{
    display:grid!important;
    grid-template-columns:.92fr 1.42fr 1fr!important;
    grid-template-areas:"intro map info"!important;
    gap:24px!important;
    padding:28px 24px 30px!important;
    align-items:center!important;
  }
  .block05Canonical .locationIntro{grid-area:intro!important;min-width:0!important}
  .block05Canonical .locationMap{
    grid-area:map!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
  }
  .block05Canonical .locationMap .mapFallback{
    width:100%!important;
    max-width:100%!important;
    height:138px!important;
    object-fit:cover!important;
    border-radius:9px!important;
  }
  .block05Canonical .locationInfo{
    grid-area:info!important;
    min-width:0!important;
    padding-left:0!important;
  }
  .block05Canonical .locationInfo .locationBrandLogo{
    width:118px!important;
    max-width:118px!important;
    height:auto!important;
    margin-bottom:8px!important;
  }
  .block05Canonical .locationInfo ul{gap:4px!important}
  .block05Canonical .locationInfo li{
    grid-template-columns:18px minmax(0,1fr)!important;
    column-gap:7px!important;
    min-height:18px!important;
  }
  .block05Canonical .locationInfo li svg{width:16px!important;height:16px!important}
  .block05Canonical .locationInfo li span{font-size:8.4px!important;line-height:1.12!important}

  /* Tablet hero behaves like desktop: copy left, popup right. */
  .hero.gate01Hero{height:430px!important}
  .gate01Hero .heroShade{
    background:linear-gradient(90deg,rgba(0,18,31,.84) 0%,rgba(0,18,31,.54) 38%,rgba(0,18,31,.06) 74%)!important;
  }
  .gate01Hero .heroCopy{
    max-width:1120px!important;
    margin:0 auto!important;
    padding:52px 40px!important;
    text-align:left!important;
    transform:none!important;
  }
  .gate01Hero .eyebrow{text-align:left!important}
  .gate01Hero h1{
    font-size:48px!important;
    line-height:.91!important;
    transform:rotate(-2deg)!important;
    transform-origin:left center!important;
    text-align:left!important;
    margin-left:0!important;
  }
  .gate01Hero p{
    max-width:330px!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
  .gate01Hero .actions{
    justify-content:flex-start!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  #popup.popup{
    display:block!important;
    visibility:visible!important;
    pointer-events:auto!important;
    position:absolute!important;
    top:18px!important;
    right:18px!important;
    width:218px!important;
    min-height:300px!important;
    z-index:18!important;
  }
}

/* D. 1440+ shell continuity: B05/B06 use exactly the same 1120px parent rails.
   No viewport-width border/section can appear below B04. */
@media (min-width:901px){
  .siteFrame{max-width:1120px!important;width:calc(100% - 36px)!important}
  .block05Canonical,
  .block06Canonical{
    width:100%!important;
    max-width:100%!important;
  }
}

/* ==========================================================
   R06-C36 — surgical desktop shell repair + single floating CTA
   Preserve proven 768 / 430 / 390 responsive behavior.
   ========================================================== */

/* ROOT CAUSE:
   C35 applied a desktop .siteFrame width override at >=901px.
   B05/B06 are descendants of that shell; changing the shell itself moved
   their rails at BOTH 1024 and 1440. Revert the C35 desktop shell override
   and restore the pre-C35 canonical shell geometry. */
@media (min-width:901px){
  .siteFrame{
    width:auto!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .block05Canonical,
  .block06Canonical{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* Floating: the orange label IS the single primary floating button.
   No hidden/overlapped circular orange trigger underneath it. */
.orderFloatingMain{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.orderTrigger{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:46px!important;
  padding:10px 17px!important;
  border-radius:999px!important;
  overflow:visible!important;
}
.orderTrigger::before,
.orderTrigger::after{
  content:none!important;
  display:none!important;
}
.orderTrigger .cutleryIcon{
  position:static!important;
  margin:0!important;
  flex:0 0 21px!important;
}
.orderTrigger span{
  position:static!important;
  margin:0!important;
}

/* ==========================================================
   R06-C37 — 1440-only inner-rail convergence + floating cleanup
   Preserve C36 geometry at 1024 / 768 / 430 / 390.
   ========================================================== */

/* 1440 evidence residual:
   outer shell is now correct, but B02/B03/B04 inner rails were narrower.
   Scope this correction strictly above the 1024 desktop evidence range. */
@media (min-width:1200px){
  .block02Canonical,
  .block03Canonical,
  .block04Canonical{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* Their direct canonical content rails must consume the same usable width
     as the section rather than retaining a narrower desktop max-width. */
  .block02Canonical > .wrap,
  .block03Canonical > .wrap,
  .block04Canonical > .wrap,
  .block02Canonical.wrap,
  .block03Canonical.wrap,
  .block04Canonical.wrap{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* Floating: exactly one clean orange pill, no arrow and no pseudo/legacy orb. */
.orderArrow{display:none!important}
.orderFloatingMain{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  overflow:visible!important;
}
.orderTrigger{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:auto!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:0 18px!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:23px!important;
  background:#c39a5a!important;
  background-image:none!important;
  box-shadow:0 7px 22px rgba(0,0,0,.27)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.orderTrigger::before,
.orderTrigger::after,
.orderFloatingMain::before,
.orderFloatingMain::after{
  content:none!important;
  display:none!important;
}
.orderTrigger .cutleryIcon{
  position:static!important;
  display:block!important;
  width:21px!important;height:21px!important;
  flex:0 0 21px!important;
  margin:0!important;
}
.orderTrigger > span{
  position:static!important;
  display:inline!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* R06-C38 — ONLY remaining 1440 Block 02 rail correction.
   Floating and 1024/768/430/390 are frozen. */
@media (min-width:1200px){
  section.welcome.wrap#o-boteco{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:34px!important;
    padding-right:34px!important;
    box-sizing:border-box!important;
  }
}

/* ==========================================================
   R06-C46 — CLEAN CANONICAL HEADER CONTRACT
   Replaces C39-C45 header CSS entirely (no override pile).
   ========================================================== */
:root{--nav-stroke-w:72px;--nav-stroke-h:2px}
.sharedSiteHeader{
  position:sticky!important;top:0!important;z-index:1000!important;
  overflow:visible!important;isolation:isolate!important;
  height:70px!important;min-height:70px!important;
  display:grid!important;
  grid-template-columns:minmax(170px,1fr) auto minmax(150px,.75fr)!important;
  column-gap:24px!important;align-items:center!important;
}
.sharedSiteHeader .menuBtn{display:none!important}
.sharedSiteHeader .navItem{
  appearance:none;-webkit-appearance:none;background:none;border:0;
  color:inherit;font:inherit;cursor:pointer;text-decoration:none;
}
.sharedSiteHeader .primaryNav{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-wrap:nowrap!important;gap:28px!important;height:70px!important;
}
.sharedSiteHeader .socialNavGroup{position:relative!important;display:flex!important;align-items:center!important}
.sharedSiteHeader .primaryNav .navItem{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;height:70px!important;min-height:70px!important;
  padding:0 2px!important;margin:0!important;line-height:1!important;white-space:nowrap!important;
  transition:color .15s ease!important;
}
.sharedSiteHeader .primaryNav .navItem::after{content:none!important}
.sharedSiteHeader .primaryNav .navItem.active,
.sharedSiteHeader .primaryNav .navItem[aria-current="page"]{color:var(--orange)!important;pointer-events:none}
.sharedSiteHeader .primaryNav .navItem.active::after,
.sharedSiteHeader .primaryNav .navItem[aria-current="page"]::after{
  content:""!important;position:absolute!important;width:var(--nav-stroke-w)!important;
  left:50%!important;bottom:5px!important;transform:translateX(-50%)!important;
  height:var(--nav-stroke-h)!important;border-radius:2px!important;background:var(--orange)!important;
}
.sharedSiteHeader .primaryNav .navItem:not(.active):not([aria-current="page"]):hover,
.sharedSiteHeader .primaryNav .navItem:not(.active):not([aria-current="page"]):focus-visible{color:#fff!important}
.sharedSiteHeader .primaryNav .navItem:not(.active):not([aria-current="page"]):hover::after,
.sharedSiteHeader .primaryNav .navItem:not(.active):not([aria-current="page"]):focus-visible::after{
  content:""!important;position:absolute!important;width:var(--nav-stroke-w)!important;
  left:50%!important;bottom:5px!important;transform:translateX(-50%)!important;
  height:var(--nav-stroke-h)!important;border-radius:2px!important;background:#fff!important;
}
.sharedSiteHeader .socialMenuTrigger[aria-expanded="true"]{color:var(--orange)!important}
.sharedSiteHeader .socialMenuTrigger[aria-expanded="true"]::after{content:none!important}

/* Floating submenu */
.sharedSiteHeader .socialSubmenu{
  display:none;box-sizing:border-box!important;
}
.sharedSiteHeader .socialSubmenu.open{
  display:grid!important;position:fixed!important;z-index:2147483640!important;
  width:144px!important;padding:3px!important;gap:0!important;
  background:#111c1b!important;border:1px solid rgba(255,255,255,.30)!important;
  border-radius:8px!important;box-shadow:0 14px 36px rgba(0,0,0,.42)!important;
}
.sharedSiteHeader .socialSubmenu a{
  display:grid!important;grid-template-columns:17px minmax(0,1fr)!important;
  align-items:center!important;justify-items:start!important;column-gap:6px!important;
  width:100%!important;height:28px!important;min-height:28px!important;
  padding:1px 5px!important;margin:0!important;box-sizing:border-box!important;
  border-radius:5px!important;color:#fff!important;font-size:11px!important;
  line-height:1!important;text-align:left!important;white-space:nowrap!important;
}
.sharedSiteHeader .socialSubmenu a svg,
.sharedSiteHeader .socialSubmenu a img{
  display:block!important;width:15px!important;height:15px!important;
  max-width:15px!important;max-height:15px!important;justify-self:center!important;object-fit:contain!important;
}
.sharedSiteHeader .socialSubmenu a:hover,
.sharedSiteHeader .socialSubmenu a:focus-visible{background:rgba(255,126,20,.16)!important;color:var(--orange)!important;outline:none}
.sharedSiteHeader .socialSubmenu a:active{background:var(--orange)!important;color:#fff!important}

/* Tablet + mobile: one compact horizontal menu row. */
@media(max-width:768px){
  :root{--nav-stroke-w:64px}
  .sharedSiteHeader{
    height:82px!important;min-height:82px!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
    padding:4px 10px 2px!important;box-sizing:border-box!important;
  }
  .sharedSiteHeader .brand{
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 43px!important;height:43px!important;margin:0!important;padding:0!important;
  }
  .sharedSiteHeader .brand img{display:block!important;width:auto!important;max-width:128px!important;max-height:36px!important}
  .sharedSiteHeader .headerMotto{display:none!important}
  .sharedSiteHeader .primaryNav{
    display:flex!important;flex:0 0 33px!important;width:auto!important;height:33px!important;min-height:33px!important;
    align-items:center!important;justify-content:center!important;gap:clamp(12px,4vw,24px)!important;
    margin:0!important;padding:0!important;
  }
  .sharedSiteHeader .primaryNav>.navItem,
  .sharedSiteHeader .primaryNav>.socialNavGroup{width:auto!important;min-width:0!important;margin:0!important;padding:0!important}
  .sharedSiteHeader .socialNavGroup{height:33px!important}
  .sharedSiteHeader .primaryNav .navItem{
    width:auto!important;height:33px!important;min-height:33px!important;
    padding:0 1px!important;margin:0!important;font-size:clamp(11px,2.8vw,13px)!important;line-height:1!important;
  }
  .sharedSiteHeader .primaryNav .navItem.active::after,
  .sharedSiteHeader .primaryNav .navItem[aria-current="page"]::after,
  .sharedSiteHeader .primaryNav .navItem:not(.active):not([aria-current="page"]):hover::after,
  .sharedSiteHeader .primaryNav .navItem:not(.active):not([aria-current="page"]):focus-visible::after{bottom:1px!important}
  .sharedSiteHeader .socialSubmenu.open{width:126px!important;padding:2px!important}
  .sharedSiteHeader .socialSubmenu a{
    grid-template-columns:15px minmax(0,1fr)!important;column-gap:5px!important;
    height:25px!important;min-height:25px!important;padding:1px 4px!important;font-size:10px!important;
  }
  .sharedSiteHeader .socialSubmenu a svg,
  .sharedSiteHeader .socialSubmenu a img{width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important}
}

/* ==========================================================
   R06-C47 — runtime geometry hardening
   ========================================================== */
@media(max-width:768px){
  .top.gate01.sharedSiteHeader{
    height:82px!important;min-height:82px!important;
    display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:center!important;
    padding:4px 10px 2px!important;gap:0!important;box-sizing:border-box!important;
  }
  .top.gate01.sharedSiteHeader nav.primaryNav{
    display:flex!important;grid-template-columns:none!important;
    flex:0 0 33px!important;width:auto!important;height:33px!important;min-height:33px!important;
    margin:0!important;padding:0!important;gap:clamp(12px,4vw,24px)!important;
    align-items:center!important;justify-content:center!important;
  }
  .top.gate01.sharedSiteHeader nav.primaryNav>.navItem,
  .top.gate01.sharedSiteHeader nav.primaryNav>.socialNavGroup{
    width:auto!important;min-width:0!important;max-width:none!important;
  }
  .top.gate01.sharedSiteHeader .socialSubmenu.open{
    width:122px!important;padding:2px!important;
  }
  .top.gate01.sharedSiteHeader .socialSubmenu a{
    grid-template-columns:14px minmax(0,1fr)!important;
    column-gap:4px!important;height:22px!important;min-height:22px!important;
    padding:0 4px!important;font-size:9.5px!important;line-height:1!important;
  }
  .top.gate01.sharedSiteHeader .socialSubmenu a svg,
  .top.gate01.sharedSiteHeader .socialSubmenu a img{
    width:13px!important;height:13px!important;max-width:13px!important;max-height:13px!important;
  }
}

/* ==========================================================
   R06-C48 — RESPONSIVE SOCIAL SUBMENU CONTRACT
   Desktop/laptop: icon + label.
   Tablet/mobile <=768: text-only, single-line compact rows.
   ========================================================== */
@media(max-width:768px){
  .top.gate01.sharedSiteHeader .socialSubmenu.open{
    width:112px!important;
    padding:2px!important;
  }
  .top.gate01.sharedSiteHeader .socialSubmenu a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:21px!important;
    min-height:21px!important;
    padding:0 7px!important;
    margin:0!important;
    gap:0!important;
    font-size:10.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  .top.gate01.sharedSiteHeader .socialSubmenu a svg,
  .top.gate01.sharedSiteHeader .socialSubmenu a img{
    display:none!important;
  }
  .top.gate01.sharedSiteHeader .socialSubmenu a span{
    display:block!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    line-height:1!important;
  }
}

/* FINAL-SCOPE-20260925 — canonical closure A01/A02/A13/A19/A20 */
:root{--font-hand:'Kalam','Trebuchet MS',sans-serif}
body{background:#062b47!important;padding:24px 18px 0!important}
.siteFrame{width:min(1120px,100%)!important;max-width:1120px!important;margin:0 auto!important;background:transparent!important;overflow:hidden!important;border-radius:16px 16px 0 0!important}
.block05Canonical,.block05Canonical.wrap,.block06Canonical{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}
.headerMotto,.gate01Hero h1,.popup h3,.popupScript,.block03Canonical .flavorIntro h2,.footerMotto{font-family:var(--font-hand)!important}
.institutionalContactLink{display:flex!important;align-items:center!important;gap:8px!important;color:inherit!important;text-decoration:none!important;width:100%!important}
.institutionalContactLink svg{flex:0 0 auto!important}
@media(max-width:600px){body{padding:12px 8px 0!important}.siteFrame{width:100%!important}}

/* HUMAN-QA corrective v1.0.2 */
.site-shell,.page-shell,.contact-strip,.location-section,.footer-shell{width:min(1120px,calc(100% - 36px));max-width:1120px;margin-left:auto;margin-right:auto;box-sizing:border-box}
[data-capability][hidden],[data-capability-slot][hidden]{display:none!important}
[data-capability-slot="whatsapp"]{display:flex;align-items:center;gap:10px;min-width:0}
[data-capability-slot="whatsapp"] a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;line-height:1.2}
.location-section{overflow:hidden}
.location-section .institutional-info{min-width:300px}
@media(max-width:700px){[data-capability-slot="whatsapp"] a{white-space:normal}.location-section .institutional-info{min-width:0}}

/* GWO Maresias v1.0.5 — consolidated final-scope corrective */
.location-section,.block05Canonical{
  width:min(calc(100% - 40px),1180px)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:12px!important;
}
.locationMap{min-width:0!important;width:100%!important;overflow:hidden!important;border-radius:9px!important}
.locationMap .interactiveGoogleMap{
  display:block!important;width:100%!important;height:180px!important;border:0!important;border-radius:9px!important;
}
.locationMap .mapFallback{display:none!important}
[data-capability-slot="whatsapp"]{min-width:0!important}
[data-capability-slot="whatsapp"] .institutionalContactLink{
  display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:0!important;
  max-width:100%!important;white-space:nowrap!important;text-decoration:none!important;
}
[data-capability-slot="whatsapp"] .institutionalContactLink span{white-space:nowrap!important}
[data-capability-slot="phone"][hidden]{display:none!important}
@media(max-width:768px){
 .location-section,.block05Canonical{width:min(calc(100% - 28px),1180px)!important}
 .locationMap .interactiveGoogleMap{height:220px!important}
 [data-capability-slot="whatsapp"] .institutionalContactLink,
 [data-capability-slot="whatsapp"] .institutionalContactLink span{white-space:normal!important}
}

/* v1.0.6 corrective contracts */
@media(min-width:769px){
 .location-section,.block05Canonical,.site-footer,.footerCanonical{
  width:1118px!important;max-width:1118px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;
 }
}
[data-client-field="map"]{display:block;min-height:180px}
[data-client-map-frame]{display:block!important;width:100%!important;min-height:180px!important;border:0}
[data-capability-slot]:not([data-capability-valid="true"]),[data-capability]:not([data-capability-valid="true"]){display:none!important}
body.gwo-search-mode [data-category-context],body.gwo-search-mode [data-subcategory-context],body.gwo-search-mode .category-context,body.gwo-search-mode .subcategory-selector,body.gwo-search-mode .category-selector,body.gwo-search-mode .menu-category-selector{display:none!important}

/* R2 proven rendered geometry correction */
@media(min-width:769px){
 body > .block05Canonical,
 .block05Canonical{
   width:1118px!important;
   max-width:1118px!important;
   min-width:0!important;
   margin-left:auto!important;
   margin-right:auto!important;
   padding-left:0!important;
   padding-right:0!important;
   box-sizing:border-box!important;
 }
}
@media(max-width:768px){
 .block05Canonical{width:100%!important;max-width:100%!important}
}
/* R4 — targeted diagnostic proved .wrap cascade overrides inline width */
@media(min-width:769px){
  #localizacao.block05Canonical.wrap{
    width:1118px!important;
    max-width:1118px!important;
    min-width:1118px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
/* R4 — targeted diagnostic proved .wrap cascade overrides inline width */
@media(min-width:769px){
  #localizacao.block05Canonical.wrap{
    width:1118px!important;
    max-width:1118px!important;
    min-width:1118px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* v1.0.7 — HUMAN NOK ROOT-CAUSE CLOSURE
   One structural rail: B05/footer consume the siteFrame width; no local desktop pixel rail. */
.block05Canonical,
.block05Canonical.wrap,
section.block05Canonical{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
  border-radius:0!important;
}
@media(min-width:769px){
  .block05Canonical,
  .block05Canonical.wrap,
  section.block05Canonical{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}


/* v1.0.10 — PRE-HUMAN A01 closure
   Supersedes legacy R4 high-specificity fixed rail at >=769px.
   Keep Localização inside the same responsive siteFrame at tablet/desktop widths. */
@media(min-width:769px){
  #localizacao.block05Canonical.wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* ==========================================================
   v1.0.12 — CONSOLIDATED HUMAN-QA RESIDUAL CLOSURE
   Protected: canvas geometry, redirects, Maps CTA, previously approved layout.
   ========================================================== */

/* One visible outer frame only. Keep geometry, remove redundant inner rails. */
.siteFrame{
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:16px!important;
}
#localizacao.block05Canonical.wrap,
.block06Canonical,
#rodape.block06Canonical{
  border-left:0!important;
  border-right:0!important;
}
#rodape.block06Canonical,
body footer#rodape{
  border-bottom:0!important;
  border-radius:0!important;
}
body{padding-bottom:24px!important}
@media(max-width:600px){body{padding-bottom:12px!important}}

/* Location intro: add internal breathing without changing rail/grid dimensions. */
@media(min-width:769px){
  #localizacao .locationIntro{
    padding-left:28px!important;
    padding-right:8px!important;
    box-sizing:border-box!important;
  }
}

/* WhatsApp anchor is a wrapped child inside a 2-column list item:
   make the anchor span the full row and own icon/text columns itself. */
#localizacao .locationInfo li[data-capability-slot="whatsapp"] .institutionalContactLink{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  column-gap:12px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
}
#localizacao .locationInfo li[data-capability-slot="whatsapp"] .institutionalContactLink svg{
  grid-column:1!important;
  justify-self:center!important;
}
#localizacao .locationInfo li[data-capability-slot="whatsapp"] .institutionalContactLink span{
  grid-column:2!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
@media(max-width:768px){
  #localizacao .locationInfo li[data-capability-slot="whatsapp"] .institutionalContactLink{
    grid-template-columns:46px minmax(0,1fr)!important;
    column-gap:10px!important;
  }
}
@media(max-width:600px){
  #localizacao .locationInfo li[data-capability-slot="whatsapp"] .institutionalContactLink{
    grid-template-columns:22px minmax(0,1fr)!important;
    column-gap:9px!important;
  }
}

/* Cardápio: semantic hidden state wins over responsive display rules. */
.categoryMobileBar[hidden],
.categoryMobileHint[hidden],
.categoryNav[hidden]{display:none!important}
body.gwo-search-mode .categoryMobileBar,
body.gwo-search-mode .categoryMobileHint,
body.gwo-search-mode .categoryNav{display:none!important}
body.gwo-search-mode .groupNav button.active{background:#fff!important;border-color:#b8c4ca!important;color:#0b3a58!important}

/* Shared order floating: exactly one component, functional on HOME + CARDÁPIO. */
.orderFloating[data-shared-order-floating="true"]{pointer-events:none!important}
.orderFloating[data-shared-order-floating="true"] .orderTrigger,
.orderFloating[data-shared-order-floating="true"] .orderFloatingOptions,
.orderFloating[data-shared-order-floating="true"] .orderOption{pointer-events:auto!important}

/* ==========================================================
   v1.0.13 — FINAL HUMAN-QA CLOSURE
   1) legacy contactFloat removed structurally from HOME
   2) WhatsApp desktop aligns to the canonical institutional rail
   Mobile rules from v1.0.12 remain protected.
   ========================================================== */

/* Desktop: institutional list uses 22px icon rail + 8px gap.
   Make WhatsApp anchor use exactly the same geometry as sibling rows. */
@media(min-width:769px){
  #localizacao .locationInfo li[data-capability-slot="whatsapp"] .institutionalContactLink{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    column-gap:8px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
  }
  #localizacao .locationInfo li[data-capability-slot="whatsapp"] .institutionalContactLink svg{
    grid-column:1!important;
    justify-self:start!important;
    width:18px!important;
    height:18px!important;
  }
  #localizacao .locationInfo li[data-capability-slot="whatsapp"] .institutionalContactLink span{
    grid-column:2!important;
    font-size:10px!important;
    line-height:1.12!important;
    align-self:center!important;
    white-space:nowrap!important;
  }
}
@media(min-width:769px) and (max-width:1024px){
  #localizacao .locationInfo li[data-capability-slot="whatsapp"] .institutionalContactLink span{
    font-size:9.5px!important;
  }
}

/* Runtime guard: legacy floating must never render if old markup leaks back. */
#contactFloat,.contactFloat,.contactFloatToggle,.contactFloatOptions,.contactFloatOption{
  display:none!important;
}


/* v1.0.14 — category hint editorial closure. */
@media(max-width:768px){
  .categoryMobileHint:not([hidden]){
    color:#0b3a58!important;
    white-space:nowrap!important;
    font-size:11.5px!important;
    line-height:14px!important;
    font-weight:800!important;
    margin:8px 0 3px!important;
    padding:0!important;
    text-align:right!important;
    overflow:visible!important;
  }
}


/* ==========================================================
   v1.0.15 F4.3 R1 — institutional phone rail closure
   Same root cause previously solved for WhatsApp:
   anchor is a wrapped child inside a 2-column list item.
   Make phone anchor span the full row and own icon/text rails.
   ========================================================== */
#localizacao .locationInfo li[data-capability-slot="phone"] .institutionalContactLink{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  column-gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  color:inherit!important;
  text-decoration:none!important;
}
#localizacao .locationInfo li[data-capability-slot="phone"] .institutionalContactLink svg{
  grid-column:1!important;
  justify-self:start!important;
  width:18px!important;
  height:18px!important;
}
#localizacao .locationInfo li[data-capability-slot="phone"] .institutionalContactLink span{
  grid-column:2!important;
  min-width:0!important;
  font-size:10px!important;
  line-height:1.12!important;
  align-self:center!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
@media(max-width:600px){
  #localizacao .locationInfo li[data-capability-slot="phone"] .institutionalContactLink{
    grid-template-columns:22px minmax(0,1fr)!important;
    column-gap:9px!important;
  }
  #localizacao .locationInfo li[data-capability-slot="phone"] .institutionalContactLink span{
    font-size:10.5px!important;
    white-space:nowrap!important;
  }
}


/* ==========================================================
   v1.0.16 R1 — Instagram canonical crop guard
   This rail intentionally owns the rendered aspect ratio.
   Do not materialize intrinsic HTML height into this component.
   ========================================================== */
.instagramFeed img{
  height:auto!important;
  aspect-ratio:1.18/1!important;
  object-fit:cover!important;
}

/* Imperial identity adaptation QA: deep charcoal, warm brass; original official logo files unchanged */

/* Imperial Botafogo R02 — brand-specific visual treatment; HSB-01 R12 unchanged */
:root{--navy:#101918;--navy2:#0e2425;--orange:#c69a4d;--cream:#faf5ec;--ink:#182427}
body{background:#0b222b;color:#13252a}
.siteFrame{background:#fff}
.top,.sharedSiteHeader{background:#14201e!important}
.gate01Hero .heroShade{background:linear-gradient(90deg,rgba(7,11,10,.92) 0%,rgba(10,13,12,.66) 30%,rgba(6,9,9,.03) 77%)!important}
.heroSlide{background-position:center 54%!important;background-size:cover!important}
.heroCopy{filter:drop-shadow(0px 2px 5px rgba(0,0,0,.26))}
.gate01Hero h1 strong,.block03Canonical .flavorIntro h2 em{color:#d1a14f!important}
.welcome{background:#faf8f3!important}
.welcome .visual img{object-fit:cover!important;object-position:50% 53%!important;filter:contrast(1.07) saturate(1.10)}
.flavors,.block03Canonical{background:#112322!important}
.block03Card img{object-fit:cover!important;object-position:center!important;filter:contrast(1.08) saturate(1.12)}
.block03CardLabel{background:linear-gradient(0deg,rgba(4,13,14,.95),rgba(5,14,14,.77))!important;color:#fff!important;text-shadow:none!important;padding:17px 7px!important}
.block03Card{overflow:hidden!important}
.menuHero{background:linear-gradient(110deg,rgba(10,22,22,.91),rgba(19,40,35,.82)),url('/assets/images/hero-01-approved.webp') center 44%/cover!important;color:#fff!important}
.menuHero h1,.menuHero p,.menuHero label,.menuHero small{color:#fff!important}
.menuHero input{background:rgba(255,255,255,.96)!important;color:#122020!important}
.menuPage{background:#f9f5ed!important}
.menuExplorer .menuResults{color:#12242a}

/* Imperial R03: client-scoped COMPLETE palette mapping; original HSB-01 structure untouched. */
:root{--navy:#101918!important;--navy2:#182523!important;--orange:#c69a4d!important;--cream:#faf5ec!important;--ink:#182427!important;--imperial-dark:#101918;--imperial-panel:#192522;--imperial-gold:#c69a4d}
html,body{background:#101918!important;color:#192522}
.siteFrame{background:#faf8f3!important;border-color:rgba(198,154,77,.40)!important}
.top,.top.gate01,.sharedSiteHeader,.site-header{background:#101918!important;color:#fff!important}
.top .navItem,.top .navItem:not(.active),.primaryNav a{color:#f9f4eb!important}
.top .navItem.active,.primaryNav .active{color:#d4a34d!important}
.top .navItem.active:after{background:#c69a4d!important}
.headerMotto b{color:#d2a655!important}
.hero.gate01Hero{background-color:#101918!important}
.gate01Hero .heroShade{background:linear-gradient(90deg,rgba(12,13,12,.88) 0%,rgba(12,13,12,.45) 34%,transparent 77%)!important}
.flavors.block03Canonical,.flavors,.block03Canonical{background:#172320!important}
.block03CardLabel{background:linear-gradient(0deg,rgba(11,19,17,.98),rgba(10,19,16,.67))!important}
.welcome,.welcome.wrap,.social,.reviews,.socialReviews,.menuExplorer,.menuPage{background:#faf5ec!important}
.location-section,.block05Canonical,#localizacao,.locationBlock,.locationSection,.address,.address-section{background:#182523!important;color:#fff!important}
footer,.siteFooter,.site-footer,.footerCanonical,.footer-shell,.footerPrimary,.footerLegal,.footerCredits,.footerProfessionalRow{background:#101918!important;color:#fff!important}
.footerLegal,.footerCredits,.footerProfessionalRow{border-color:rgba(198,154,77,.25)!important}
.siteFrame .btn.orange,.siteFrame a.orange,.menuNav button.active{background:#c69a4d!important;color:#101918!important}
.siteFrame .menuStatus,.siteFrame .wineSectionTitle,.siteFrame .menuPrice,.siteFrame .menuNav button.active+span{color:#a46e22}
/* Full image control: distinct real Imperial assets without faux background blur. */
#popup.popup{background:#121e1c!important;border:1px solid rgba(239,214,164,.7)!important;overflow:hidden!important;box-shadow:0 18px 35px rgba(0,0,0,.43)!important}
#popup .popupBgImage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 46%!important;filter:none!important;opacity:1!important;display:block!important}
#popup .popupBgOverlay{position:absolute!important;inset:0!important;display:block!important;background:linear-gradient(180deg,rgba(9,18,16,.72) 0%,rgba(9,18,16,.20) 47%,rgba(6,12,11,.89) 100%)!important}
#popup .popupPhoto{display:none!important}
#popup .popupContent{background:transparent!important;position:relative!important;z-index:3!important}
#popup .x{z-index:5!important}
#popup .popupScript b,#popup .popupContent b{color:#d3a351!important}
@media(max-width:760px){#popup.popup{display:none!important}}

#popup .popupBgImage{content:url("../images/imperial-popup-r03.webp")!important}

/* GWO IMPERIAL R04: order floating and hero headline line cohesion */
.orderFloating[data-shared-order-floating="true"]{left:max(14px,calc((100vw - 1120px)/2 + 18px))!important;right:auto!important;align-items:flex-start!important}
.orderFloating[data-shared-order-floating="true"] .orderFloatingOptions{align-items:flex-start!important}
.heroCopy h1 strong{white-space:nowrap!important;font-size:clamp(26px,4.1vw,59px)!important;display:inline-block!important}
@media(max-width:680px){.heroCopy h1 strong{font-size:clamp(24px,6.6vw,42px)!important}.orderFloating[data-shared-order-floating="true"]{left:14px!important;right:auto!important}}
.locationMap .interactiveGoogleMap{display:block!important;min-height:210px!important;width:100%!important}
/* Keep footer floating within canonical rail. */

/* Imperial R05: preserve HSB-01 geometry, guarantee map and professional credit visibility */
.locationMap .interactiveGoogleMap{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:215px!important;min-height:215px!important;position:relative!important;z-index:1!important;background:#e8e8e2}
.locationMap{display:block!important;visibility:visible!important;min-height:215px!important}
.developerTextCredit{display:inline-block;color:#f7f2e5;font-family:Arial,sans-serif;font-size:11px;font-weight:500;line-height:1.13;text-align:left;letter-spacing:.08em;white-space:nowrap}
.developerTextCredit strong{font-size:13px;letter-spacing:.13em}
@media(max-width:768px){.locationMap .interactiveGoogleMap{height:235px!important}}

/* IMPERIAL R06: genuine supplied developer logo, preserving original site footer component */
.dotGreyBrand .developerOfficialLogo{display:block!important;object-fit:contain!important;width:84px!important;height:84px!important;max-width:100%!important;border-radius:50%!important}
/* iframe occupies the EXISTING locationMap slot, no invented extra section */
.block05Canonical [data-client-field="map"],.block05Canonical .locationMap{display:block!important;min-height:210px!important;visibility:visible!important;opacity:1!important}
.block05Canonical .locationMap iframe{display:block!important;width:100%!important;height:215px!important;min-height:215px!important;visibility:visible!important;opacity:1!important;border:0!important}

/* Imperial QA R07: menu backdrop is exclusively selected through the category JS variable. */
body[data-page="cardapio"] .menuHero{background-image:linear-gradient(90deg,rgba(9,16,15,.91) 0%,rgba(9,16,15,.70) 34%,rgba(9,16,15,.05) 75%),var(--menu-hero-image)!important;background-size:cover!important;background-position:center center!important;}

/* QA R11 / HSB R13 backlog: normalize main-menu typography in ALL states. */
.top.gate01.sharedSiteHeader nav.primaryNav .navItem,
.top.gate01.sharedSiteHeader nav.primaryNav .socialMenuTrigger,
.top.gate01.sharedSiteHeader nav.primaryNav .navItem.active,
.top.gate01.sharedSiteHeader nav.primaryNav .navItem[aria-current="page"],
.top.gate01.sharedSiteHeader nav.primaryNav .navItem:hover,
.top.gate01.sharedSiteHeader nav.primaryNav .navItem:focus-visible{
  font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;
  font-style:normal!important;font-weight:600!important;letter-spacing:0!important;
  text-transform:none!important;line-height:1!important;
}
@media(max-width:768px){
.top.gate01.sharedSiteHeader nav.primaryNav .navItem,
.top.gate01.sharedSiteHeader nav.primaryNav .socialMenuTrigger,
.top.gate01.sharedSiteHeader nav.primaryNav .navItem.active,
.top.gate01.sharedSiteHeader nav.primaryNav .navItem[aria-current="page"]{font-size:12px!important}
}


/* IMPERIAL CLIENT R14: isolated component, avoids historic #popup.popup CSS cascade. */
#imperialDeliveryPopup.imperialDeliveryModal{position:fixed;z-index:1500;box-sizing:border-box;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 32px));height:min(574px,calc(100dvh - 32px));min-height:0;max-width:none;max-height:none;padding:0;margin:0;display:block;overflow:hidden;isolation:isolate;border-radius:22px;border:1px solid #d7af6a;background:#17140f;box-shadow:0 19px 65px #000b;clip-path:none;color:#fff;font-family:Arial,Helvetica,sans-serif}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryImage,#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryShade{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryImage{object-fit:cover;object-position:center center}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryShade{z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.90) 0%,rgba(0,0,0,.82) 43%,rgba(0,0,0,.42) 64%,rgba(0,0,0,.02) 100%)}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryContent{position:relative;z-index:2;display:flex;align-items:center;width:100%;height:100%;padding:26px 30px;box-sizing:border-box;overflow-y:auto;background:transparent}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryCopy{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;width:53%;max-width:315px;min-width:0;gap:0;margin:0}
#imperialDeliveryPopup.imperialDeliveryModal h3{color:white;font:800 22px/1.13 Arial,Helvetica,sans-serif;letter-spacing:.01em;text-align:left;margin:0;padding:0}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryAccent{height:3px;width:52px;background:#ecc05d;border-radius:3px;margin:12px 0 18px;flex:none}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryPhone{color:white;font:900 31px/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.05em;white-space:nowrap;margin:0 0 14px;padding:0}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryButton{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin:0;padding:10px 12px;text-align:center;text-decoration:none;border:1px solid #ffffff25;border-radius:10px;font:800 16px/1.2 Arial,Helvetica,sans-serif;letter-spacing:0;white-space:nowrap}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryCall{background:#f0b947;color:#0c100f}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryIfood{background:#d30b20;color:#fff;margin-top:13px}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryText{font:400 13px/1.48 Arial,Helvetica,sans-serif;color:#fff;max-width:none;text-align:left;text-shadow:0 1px 3px #000b;margin:16px 0 0;padding:0}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryDivider{box-sizing:border-box;width:100%;border-top:1px solid #ffffff8c;margin:17px 0 0}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryOther{margin-top:14px}
#imperialDeliveryPopup.imperialDeliveryModal .red{color:#ff3748}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryClose{position:absolute;right:12px;top:12px;z-index:5;display:grid;place-items:center;box-sizing:border-box;width:36px;height:36px;border:1px solid #dedacf;border-radius:50%;background:#17242a;color:#fff;font:24px/1 Arial,Helvetica,sans-serif;cursor:pointer}
#imperialDeliveryPopup.imperialDeliveryModal :is(a,button):focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(max-width:650px){
#imperialDeliveryPopup.imperialDeliveryModal{width:min(94vw,430px);height:min(610px,86dvh);border-radius:19px}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryImage{object-position:64% center}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryShade{background:linear-gradient(90deg,#000e 0%,#000d 55%,#0005 100%)}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryContent{padding:30px 18px 22px;align-items:center}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryCopy{width:82%;max-width:300px}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryPhone{font-size:clamp(24px,6.5vw,31px)}
#imperialDeliveryPopup.imperialDeliveryModal h3{font-size:21px}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryText{font-size:12.5px}
#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryButton{font-size:15px}
}
@media(max-height:580px){#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryContent{align-items:flex-start}#imperialDeliveryPopup.imperialDeliveryModal .imperialDeliveryCopy{margin:auto 0}}

/* Imperial R15 — compact anchored popup; override only client-specific modal. */
#popup.imperialDeliveryModal {top:22px;right:max(24px,calc((100vw - 1300px)/2 + 24px));left:auto;bottom:auto;transform:none;width:min(610px,calc(100vw - 44px));height:410px;max-height:calc(100dvh - 34px);border-radius:18px}
#popup.imperialDeliveryModal .imperialDeliveryImage{object-fit:cover;object-position:56% 48%}
#popup.imperialDeliveryModal .imperialDeliveryContent{align-items:center;padding:19px 23px;overflow:auto}
#popup.imperialDeliveryModal .imperialDeliveryCopy{width:49%;max-width:290px;gap:0}
#popup.imperialDeliveryModal h3{font-size:20px;line-height:1.09}
#popup.imperialDeliveryModal .imperialDeliveryAccent{margin:9px 0 10px;width:45px}
#popup.imperialDeliveryModal .imperialDeliveryPhone{font-size:26px;line-height:1.12;margin-bottom:9px}
#popup.imperialDeliveryModal .imperialDeliveryButton{width:204px;max-width:100%;min-height:37px;padding:7px 11px;font-size:13px;border-radius:8px;gap:7px}
#popup.imperialDeliveryModal .imperialDeliveryText{font-size:12px;line-height:1.36;margin-top:10px}
#popup.imperialDeliveryModal .imperialDeliveryDivider{width:204px;max-width:100%;margin-top:12px}
#popup.imperialDeliveryModal .imperialDeliveryOther{margin-top:10px}
#popup.imperialDeliveryModal .imperialDeliveryIfood{margin-top:11px}
#popup.imperialDeliveryModal .imperialDeliveryClose{width:31px;height:31px;right:9px;top:9px;font-size:21px}
@media(max-width:650px){
#popup.imperialDeliveryModal{top:12px;right:10px;left:auto;bottom:auto;transform:none;width:min(355px,calc(100vw - 20px));height:430px;max-height:calc(100dvh - 24px);border-radius:16px}
#popup.imperialDeliveryModal .imperialDeliveryImage{object-position:63% center}
#popup.imperialDeliveryModal .imperialDeliveryShade{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.80) 66%,rgba(0,0,0,.2))}
#popup.imperialDeliveryModal .imperialDeliveryContent{padding:17px 18px;align-items:center}
#popup.imperialDeliveryModal .imperialDeliveryCopy{width:82%;max-width:273px}
#popup.imperialDeliveryModal h3{font-size:19px}
#popup.imperialDeliveryModal .imperialDeliveryPhone{font-size:25px}
#popup.imperialDeliveryModal .imperialDeliveryText{font-size:12px;line-height:1.36}
#popup.imperialDeliveryModal .imperialDeliveryButton{font-size:13px;width:204px;min-height:36px}
}
@media(max-height:470px){#popup.imperialDeliveryModal .imperialDeliveryContent{align-items:flex-start}#popup.imperialDeliveryModal .imperialDeliveryCopy{margin:0}}
/* R15 critical isolation from host's aggressive rules */
#popup.imperialDeliveryModal{position:fixed!important;z-index:999999!important;display:block!important;overflow:hidden!important}
#popup.imperialDeliveryModal .imperialDeliveryImage{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important}
#popup.imperialDeliveryModal .imperialDeliveryShade{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important}
#popup.imperialDeliveryModal .imperialDeliveryContent{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;height:100%!important}
#popup.imperialDeliveryModal .imperialDeliveryCopy{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important}
#popup.imperialDeliveryModal .imperialDeliveryButton{display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important}
#popup.imperialDeliveryModal .imperialDeliveryClose{position:absolute!important;display:grid!important}

#popup.imperialDeliveryModal{position:fixed!important;left:auto!important;right:max(24px,calc((100vw - 1300px)/2 + 24px))!important;top:22px!important;bottom:auto!important;transform:none!important;width:min(540px,calc(100vw - 44px))!important;height:355px!important;max-height:calc(100dvh - 44px)!important;padding:0!important;margin:0!important;overflow:hidden!important;border-radius:18px!important;display:block!important;z-index:999999!important;background:#15120c!important}
#popup.imperialDeliveryModal .imperialOrderFrame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;border:0!important;max-width:none!important;max-height:none!important;opacity:1!important}
#popup.imperialDeliveryModal .imperialOrderOuterClose{position:absolute!important;right:10px!important;top:10px!important;width:32px!important;height:32px!important;border-radius:50%!important;display:grid!important;place-items:center!important;z-index:30!important;background:#152832!important;color:#fff!important;border:1px solid #fff!important;font:22px Arial!important;cursor:pointer!important;padding:0!important}
@media(max-width:650px){#popup.imperialDeliveryModal{right:10px!important;top:12px!important;width:min(355px,calc(100vw - 20px))!important;height:355px!important;max-height:calc(100dvh - 24px)!important}}

/* Imperial R17 client-only: narrow desktop modal; keep approved height. */
@media(min-width:651px){#popup.imperialDeliveryModal{width:min(475px,calc(100vw - 44px))!important}}
@media(max-width:650px){#popup.imperialDeliveryModal{top:48px!important;max-height:calc(100dvh - 64px)!important}}

/* Imperial R18: popup positioned below header and inset within site content on desktop. Mobile R17 unchanged. */
@media(min-width:651px){#popup.imperialDeliveryModal{top:108px!important;right:max(38px,calc((100vw - 1120px)/2 + 34px))!important;}}