/* ============================================================
   The Jukebox — base styles
   Layout geometry for each page lives in /css/g/*.css (generated
   from the measured original design); this file holds fonts,
   primitives and the interactive widgets.
   ============================================================ */
@font-face{font-family:'Madefor Text';src:url(/fonts/madefor-text.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Madefor Text';src:url(/fonts/madefor-text-italic.woff2) format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:'Madefor Display';src:url(/fonts/madefor-display.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Madefor Display Bold';src:url(/fonts/madefor-display.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Microbrew One';src:url(/fonts/microbrew.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Fredericka the Great';src:url(/fonts/fredericka.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Caveat Brush';src:url(/fonts/caveat-brush.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Bukhari Script';src:url(/fonts/bukhari.woff2) format('woff2');font-display:swap}

:root{--coral:#f26249;--gold:#ffd070;--cream:#fff7e6;--ink:#0a0100}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:#000;font-family:'Madefor Text',Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;overflow-x:hidden}
img{border:0}
a{color:inherit}
button{font:inherit;color:inherit}
.site{container-type:inline-size;position:relative;overflow-x:clip;width:100%}
.S{position:relative;display:block;width:100%}
.L{position:absolute;display:block;margin:0}
img.L{max-width:none}
img.L:not([data-day]){pointer-events:none}
[data-t] :where(p,h1,h2,h3,h4,h5,h6,ul,ol){margin:0}
[data-t] a{color:inherit}
[data-t] ul{padding-left:1.3em}
.skip{position:absolute;left:-9999px;top:8px;z-index:2000;background:#fff;color:#116dff;padding:8px 14px;font:14px Helvetica,Arial,sans-serif}
.skip:focus{left:8px}
:focus-visible{outline:2px solid #116dff;outline-offset:2px}

/* ------------------------------------------------ header nav */
.w-band{left:0;width:100%;top:6.2207cqw;height:2.7409cqw;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 2.4cqw 0 3.1771cqw}
header [data-t]:has(a[href*="facebook.com"]){display:none}
.w-follow{display:inline-flex;align-items:center;gap:.45em;color:#fff;text-decoration:none;font:400 max(16px,1.55cqw)/1 'Microbrew One',Impact,sans-serif;letter-spacing:.04em;text-shadow:2px 2px 2px rgba(0,0,0,.55);white-space:nowrap;transition:transform .15s}
.w-follow svg{width:1.15em;height:1.15em;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.45));transition:transform .3s}
.w-follow:hover{transform:translateY(-1px)}
.w-follow:hover svg{transform:rotate(-12deg) scale(1.1)}
.w-nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.w-nav a{display:block;padding:3px 9px;border:1px solid transparent;font:500 15px/20px 'Madefor Text',Helvetica,Arial,sans-serif;color:#fff;text-decoration:none;white-space:nowrap;text-shadow:1px 1px 1px rgba(0,0,0,.35);transition:background-color .15s,color .15s,box-shadow .15s,transform .15s}
.w-nav a:hover{background:var(--gold);color:#000;border-color:#000;box-shadow:3px 3px 0 0 #000;text-shadow:none;transform:translate(-1px,-1px)}
.w-nav a[aria-current]{background:#fff;color:#000;border-color:#000;box-shadow:3px 3px 0 0 #000;text-shadow:none}
.w-burger{display:none;position:absolute;z-index:5;left:calc(-49.9px + 97.3438cqw);top:1.5625cqw;width:50px;height:39px;padding:0;border:1px solid #000;background:#fff;box-shadow:3px 3px 0 0 #000;cursor:pointer}
.w-burger span{display:block;width:24px;height:2px;margin:5px auto;background:#000}
.w-burger span:nth-child(2){width:24px}

.m-drawer{position:fixed;inset:0;z-index:1000}
.m-drawer[hidden]{display:none}
.m-shade{position:absolute;inset:0;background:rgba(0,0,0,.5);animation:fade .25s ease}
.m-panel{position:absolute;top:0;bottom:0;left:10%;right:0;background:#fff;padding:24px 20px 24px 20px;overflow-y:auto;animation:slidein .3s ease}
.m-panel ul{list-style:none;margin:0;padding:0}
.m-panel li{margin:0 0 30px}
.m-panel a{display:inline-block;padding:4px 3px;border:1px solid transparent;font:17px/25px 'Madefor Text',Helvetica,Arial,sans-serif;color:#000;text-decoration:none}
.m-panel a[aria-current]{background:var(--coral);color:#fff;border-color:#000;box-shadow:4px 4px 0 0 #000}
.m-close{position:absolute;right:14px;top:18px;width:40px;height:40px;border:0;background:none;padding:8px;cursor:pointer}
@keyframes slidein{from{transform:translateX(100%)}to{transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}

.to-top{position:fixed;z-index:900;right:4.0cqw;right:4vw;bottom:5vw;width:3.3203vw;height:3.3203vw;display:flex;align-items:center;justify-content:center;background:var(--coral);border:1px solid #000;border-radius:1.7px;opacity:0;pointer-events:none;transition:opacity .3s}
.to-top.on{opacity:1;pointer-events:auto}
.to-top svg{width:34%;height:auto}

/* ------------------------------------------------ home: View Our Menu CTA */
.cta-menu{position:absolute;z-index:3;right:4cqw;top:2.6cqw;display:flex;flex-direction:column;align-items:center;padding:12px 30px 14px;background:var(--coral);color:#fff;text-decoration:none;border:3px solid #000;border-radius:6px;box-shadow:6px 6px 0 #000;transform:rotate(-3deg);transition:transform .2s,box-shadow .2s,background-color .2s;animation:ctaBob 3.2s ease-in-out infinite;overflow:hidden}
.cta-menu::after{content:'';position:absolute;top:-20%;left:-60%;width:40%;height:140%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:ctaShine 3.2s ease-in-out infinite}
.cta-kick{font:400 22px/1 'Bukhari Script',cursive;color:var(--gold);text-shadow:1px 1px 0 #000}
.cta-main{display:flex;align-items:center;gap:10px;font:400 34px/1.05 'Microbrew One',Impact,sans-serif;letter-spacing:.03em;text-shadow:2px 2px 0 #000;white-space:nowrap}
.cta-main svg{width:28px;height:28px;fill:#fff;filter:drop-shadow(2px 2px 0 #000)}
.cta-ring{position:absolute;inset:-3px;border-radius:6px;border:3px solid var(--gold);animation:ctaRing 3.2s ease-out infinite;pointer-events:none}
.cta-menu:hover{animation-play-state:paused;transform:rotate(0) scale(1.06);box-shadow:9px 9px 0 #000;background:#e04e35}
.cta-menu:hover .cta-main svg{animation:ctaWiggle .5s ease-in-out}
.cta-menu:focus-visible{outline:3px solid #fff;outline-offset:4px}
@keyframes ctaBob{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-4px)}}
@keyframes ctaShine{0%,60%{left:-60%}85%,100%{left:130%}}
@keyframes ctaRing{0%,55%{opacity:0;transform:scale(1)}65%{opacity:1}100%{opacity:0;transform:scale(1.18,1.4)}}
@keyframes ctaWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}

/* ------------------------------------------------ home: marquee */
.w-marquee{left:0;width:100%;top:calc(-2px + 1.3542cqw);height:calc(4px + 2.36cqw);overflow:hidden}
.w-marquee-track{display:flex;width:max-content;animation:marquee 90s linear infinite}
.w-marquee h2{margin:0;padding-right:.3em;font:400 1.9763cqw/1.3 'Bukhari Script',cursive;color:var(--coral);white-space:nowrap}
@keyframes marquee{from{transform:translateX(-18%)}to{transform:translateX(-68%)}}

/* ------------------------------------------------ home: specials */
[data-day]{cursor:pointer;transition:transform .25s ease-out,scale .3s ease-in-out}
img[data-day]:hover,img[data-day]:focus-visible{scale:1.15;animation:boing .6s ease-out}
@keyframes boing{0%{scale:1}30%{scale:1.26}55%{scale:1.08}75%{scale:1.18}100%{scale:1.15}}
.sp-dialog{width:min(620px,94vw);max-height:none;padding:0;border:0;background:transparent;overflow:visible;margin:auto}
.sp-dialog[open]{animation:cbIn .35s cubic-bezier(.2,1.3,.4,1)}
.sp-dialog::backdrop{background:rgba(10,1,0,.68)}
@keyframes cbIn{from{transform:scale(.85) rotate(-2deg);opacity:0}to{transform:none;opacity:1}}
.sp-close{position:absolute;z-index:5;right:-10px;top:-14px;width:44px;height:44px;border:3px solid #000;border-radius:50%;background:var(--coral);color:#fff;font:700 28px/1 Arial,sans-serif;cursor:pointer;box-shadow:3px 3px 0 #000;display:flex;align-items:center;justify-content:center;padding:0 0 3px}
.sp-close:hover{background:#d9472f}

/* client poster as the advert */
.sp-dialog:has(.cb-ad-wrap:not([hidden])){width:min(980px,94vw)}
.cb-ad{display:block;cursor:zoom-in;border-radius:10px;overflow:hidden;box-shadow:0 0 0 4px #000,10px 10px 0 #000,0 24px 50px rgba(0,0,0,.5)}
.cb-ad img{display:block;width:100%;height:auto;max-height:84vh;object-fit:contain;background:#000}
.cb-extra{margin-top:22px}
.cb-extra .cb-board{padding:12px 24px}
/* wooden frame */
.cb-frame{position:relative;padding:16px;border-radius:6px;
  background:
    repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 2px,transparent 2px 9px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 6px),
    linear-gradient(135deg,#8a5a2b,#6b4220 40%,#8f5f30 60%,#5e3a1b);
  box-shadow:0 0 0 3px #3b230f,0 18px 40px rgba(0,0,0,.55),inset 0 0 0 2px rgba(255,255,255,.12),inset 0 0 14px rgba(0,0,0,.45)}
/* slate */
.cb-board{position:relative;max-height:calc(92vh - 90px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6c7a72 transparent;
  padding:30px 34px 22px;color:#f4f1ea;text-align:center;
  background:
    radial-gradient(ellipse 60% 40% at 22% 18%,rgba(255,255,255,.10),transparent 70%),
    radial-gradient(ellipse 50% 35% at 80% 70%,rgba(255,255,255,.08),transparent 70%),
    radial-gradient(ellipse 40% 30% at 55% 95%,rgba(255,255,255,.06),transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    #26302b;
  box-shadow:inset 0 0 40px rgba(0,0,0,.7),inset 0 0 4px rgba(0,0,0,.9)}
.cb-board::-webkit-scrollbar{width:6px}.cb-board::-webkit-scrollbar-thumb{background:#6c7a72;border-radius:3px}
.cb-board :where(h3,h4,p,ul){margin:0}
.cb-head,.cb-txt,.cb-price,.cb-empty,.cb-foot,.cb-line{filter:url(#chalk)}

.cb-icon{position:absolute;top:-6px;right:-4px;width:150px;height:auto;transform:rotate(9deg);filter:drop-shadow(3px 4px 0 rgba(0,0,0,.45));pointer-events:none}
.cb-head{position:relative;padding:0 96px 4px;margin:0 0 14px}
.cb-kicker{font:400 30px/1 'Bukhari Script',cursive;color:#fff;opacity:.92}
.cb-title{display:flex;flex-direction:column;align-items:center;line-height:.95;margin-top:4px!important}
.cb-day{font:400 64px/1 'Fredericka the Great','Microbrew One',serif;color:#ffd070;letter-spacing:1px;text-shadow:0 0 6px rgba(255,208,112,.35)}
.cb-sp{font:400 38px/1.05 'Caveat Brush','Bukhari Script',cursive;color:#fff}
.cb-line{display:block;width:72%;height:14px;margin:6px auto 0}
.cb-line path{fill:none;stroke:#f4a9a0;stroke-width:3;stroke-linecap:round}
.cb-line path+path{stroke:#fff;stroke-width:2;opacity:.6}

.cb-list{list-style:none;padding:0;text-align:left}
.cb-item{display:flex;align-items:center;gap:16px;padding:14px 4px;border-top:2px dashed rgba(244,241,234,.28)}
.cb-item:first-child{border-top:0}
.cb-photo{margin:0;flex:none;width:104px;background:#fff;padding:6px 6px 16px;transform:rotate(-4deg);box-shadow:2px 4px 8px rgba(0,0,0,.6);position:relative}
.cb-item:nth-child(even) .cb-photo{transform:rotate(3deg)}
.cb-photo::before{content:'';position:absolute;top:-9px;left:50%;width:46px;height:16px;transform:translateX(-50%) rotate(-3deg);background:rgba(255,236,170,.75);box-shadow:0 1px 2px rgba(0,0,0,.3)}
.cb-photo img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.cb-txt{flex:1;min-width:0}
.cb-name{font:400 34px/1.05 'Caveat Brush',cursive;color:#fff}
.cb-desc{margin-top:4px!important;font:400 21px/1.25 'Caveat Brush',cursive;color:#d9e4dd;opacity:.92}
.cb-price{flex:none;display:flex;align-items:center;justify-content:center;min-width:92px;height:74px;padding:0 10px;
  border:3px solid #ffd070;border-radius:48% 52% 45% 55%/55% 45% 55% 45%;transform:rotate(-6deg);
  font:400 34px/1 'Fredericka the Great',serif;color:#ffd070;white-space:nowrap}
.cb-poster{display:block;margin:4px auto 16px;max-width:88%;background:#fff;padding:8px;transform:rotate(-1.5deg);box-shadow:3px 6px 12px rgba(0,0,0,.6);position:relative;cursor:zoom-in}
.cb-poster::before,.cb-poster::after{content:'';position:absolute;top:-10px;width:60px;height:18px;background:rgba(255,236,170,.75);box-shadow:0 1px 2px rgba(0,0,0,.3)}
.cb-poster::before{left:10px;transform:rotate(-8deg)}.cb-poster::after{right:10px;transform:rotate(7deg)}
.cb-poster img{display:block;width:100%;height:auto}
.cb-empty{padding:8px 10px 6px;font:400 24px/1.3 'Caveat Brush',cursive;color:#d9e4dd}
.cb-big{font:400 40px/1.1 'Caveat Brush',cursive;color:#fff;margin-bottom:10px!important}
.cb-empty a,.cb-foot a{color:#ffd070;text-decoration:none;border-bottom:2px solid rgba(255,208,112,.6)}
.cb-foot{margin-top:18px!important;font:400 24px/1 'Bukhari Script',cursive;color:#f4a9a0}
/* chalk ledge */
.cb-ledge{position:absolute;left:12%;right:12%;bottom:-2px;height:14px;border-radius:0 0 4px 4px;background:linear-gradient(#7a4e24,#4d2f14);box-shadow:0 4px 6px rgba(0,0,0,.5)}
.cb-ledge i{position:absolute;bottom:9px;height:9px;border-radius:3px}
.ck{width:46px}.ck.w{left:14%;background:#f3efe6;transform:rotate(-4deg)}.ck.y{left:26%;width:34px;background:#ffd070}.ck.p{left:36%;width:28px;background:#f4a9a0;transform:rotate(6deg)}
.er{right:14%;width:74px;height:16px!important;background:linear-gradient(#e9e2d0 0 55%,#3a3a3a 55%)}
@media (max-width:560px){
  .sp-close{right:2px;top:-16px}
  .cb-frame{padding:10px}
  .cb-board{padding:22px 16px 18px}
  .cb-icon{width:92px;top:-10px;right:-8px}
  .cb-head{padding:0 46px 4px}
  .cb-kicker{font-size:23px}.cb-day{font-size:44px}.cb-sp{font-size:30px}
  .cb-item{gap:10px;flex-wrap:wrap}
  .cb-photo{width:76px;padding:4px 4px 10px}
  .cb-name{font-size:27px}.cb-desc{font-size:18px}
  .cb-price{min-width:72px;height:58px;font-size:26px}
  .cb-big{font-size:32px}.cb-empty{font-size:21px}
  .cb-foot{font-size:18px}
}

/* ------------------------------------------------ home: reviews + slider */
.w-reviews{left:4.4781cqw;top:14.3cqw;width:90.7194cqw;height:36.66cqw;overflow:auto;overscroll-behavior:contain}
.w-greviews{left:50%;top:10.05cqw;transform:translateX(-50%);display:inline-flex;align-items:center;gap:9px;padding:8px 18px;white-space:nowrap;background:#fff;border:2px solid #000;box-shadow:4px 4px 0 #000;color:#000;text-decoration:none;font:500 16px/1.2 'Madefor Text',Helvetica,Arial,sans-serif;transition:transform .15s,box-shadow .15s;z-index:2}
.w-greviews:hover{transform:translate(calc(-50% - 2px),-2px);box-shadow:6px 6px 0 #000}
.w-greviews .stars{color:#fbbc05;letter-spacing:1px;font-size:15px}
/* Wix "background reveal": pinned wallpaper */
.fixbg{overflow:hidden;clip-path:inset(0)}
.fixbg img{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100lvh;object-fit:cover;pointer-events:none}
.w-slider{left:0;top:0;width:100%;height:100%}
.w-slider-track{display:flex;gap:.6944cqw;height:100%;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}
.w-slider-track::-webkit-scrollbar{display:none}
.w-slider-track li{flex:0 0 25.1389cqw;height:100%;scroll-snap-align:start}
.w-slider-track img{display:block;width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.w-slider-btn{position:absolute;top:14.6875cqw;width:4.1667cqw;height:4.1667cqw;border:0;border-radius:50%;background:rgba(0,0,0,.5);opacity:.9;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.w-slider-btn svg{width:25%;height:auto}
.w-slider-btn.next{left:94.2361cqw}
.w-slider-btn.prev{left:1.5972cqw}
.w-slider-btn[hidden]{display:none}

/* ------------------------------------------------ about: blog cards */
/* the cards section grows with its content (it was a fixed Wix height) */
.S:has(> .w-blogcards){height:auto!important;padding:3.4722cqw 0 3.4722cqw}
.S:has(> .w-blogcards) > img.L{top:0!important;height:100%!important}
.w-blogcards{position:relative;left:auto;top:auto;margin-left:3.3333cqw;width:93.2639cqw;display:grid;grid-template-columns:repeat(3,1fr);gap:2.2222cqw}
.bc{position:relative;aspect-ratio:1;border-radius:1.6667cqw;overflow:hidden;color:#fff;background:transparent}
.bc-link{position:absolute;inset:0;display:block;color:#fff;text-decoration:none}
.bc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bc-shade{position:absolute;inset:0;background:rgba(0,0,0,.55);transition:background .3s}
.bc:hover .bc-shade{background:rgba(0,0,0,.45)}
.bc h2{position:absolute;left:7.04%;right:7.04%;bottom:calc(14.3% + 14px);margin:0;font:400 26px/1.27 'Madefor Display',Helvetica,sans-serif;color:#fff}
.bc-meta{position:absolute;left:7.04%;right:7.04%;top:85.7%;border-top:1px solid #fff;padding-top:17px;display:flex;align-items:center;gap:22px;font:12px 'Madefor Display',sans-serif;pointer-events:none}
.bc-meta .like{margin-left:auto;pointer-events:auto}
.ic-eye,.ic-cmt{display:inline-flex;align-items:center;gap:6px}
.ic-eye::before{content:'';width:19px;height:19px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath fill='none' stroke='%23000' d='M1.5 9.5S4.5 4 9.5 4s8 5.5 8 5.5-3 5.5-8 5.5-8-5.5-8-5.5z'/%3E%3Ccircle cx='9.5' cy='9.5' r='2.6' fill='none' stroke='%23000'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath fill='none' stroke='%23000' d='M1.5 9.5S4.5 4 9.5 4s8 5.5 8 5.5-3 5.5-8 5.5-8-5.5-8-5.5z'/%3E%3Ccircle cx='9.5' cy='9.5' r='2.6' fill='none' stroke='%23000'/%3E%3C/svg%3E") center/contain no-repeat}
.ic-cmt::before{content:'';width:19px;height:19px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath fill='none' stroke='%23000' d='M3.5 4.5h12v8h-7l-3 2.5v-2.5h-2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath fill='none' stroke='%23000' d='M3.5 4.5h12v8h-7l-3 2.5v-2.5h-2z'/%3E%3C/svg%3E") center/contain no-repeat}
.like{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;cursor:pointer;color:inherit;font:inherit}
.ic-heart{width:19px;height:19px;background:#f04a4a;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.1' d='M9.5 16S2 11.4 2 6.8A3.8 3.8 0 0 1 9.5 5a3.8 3.8 0 0 1 7.5 1.8C17 11.4 9.5 16 9.5 16z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.1' d='M9.5 16S2 11.4 2 6.8A3.8 3.8 0 0 1 9.5 5a3.8 3.8 0 0 1 7.5 1.8C17 11.4 9.5 16 9.5 16z'/%3E%3C/svg%3E") center/contain no-repeat}
.like[aria-pressed=true] .ic-heart{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath fill='%23000' d='M9.5 16S2 11.4 2 6.8A3.8 3.8 0 0 1 9.5 5a3.8 3.8 0 0 1 7.5 1.8C17 11.4 9.5 16 9.5 16z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath fill='%23000' d='M9.5 16S2 11.4 2 6.8A3.8 3.8 0 0 1 9.5 5a3.8 3.8 0 0 1 7.5 1.8C17 11.4 9.5 16 9.5 16z'/%3E%3C/svg%3E") center/contain no-repeat}

/* ------------------------------------------------ forms */
.w-form{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:24px;align-content:start;padding:24px;font:14px/1.4 'Madefor Text',Helvetica,Arial,sans-serif}
.w-form-contact{left:6.6797cqw;top:7.5716cqw;width:40cqw}
.w-form-rooie{left:calc(-384.7px + 36.6439cqw);top:calc(28.8px + 0.9993cqw);width:calc(388.8px + 13.5026cqw)}
.w-form .f{display:flex;flex-direction:column;gap:8px;min-width:0}
.w-form .f-wide{grid-column:1/-1}
.w-form label{font-size:14px;line-height:19.6px;color:#000}
.w-form input,.w-form textarea,.w-form .ph{width:100%;height:42px;border:1px solid rgba(0,0,0,.6);border-radius:0;background:#fff;padding:0 12px;font:14px 'Madefor Text',Helvetica,Arial,sans-serif;color:#000;outline:none}
.w-form input::placeholder,.w-form textarea::placeholder{color:rgba(0,0,0,.6)}
.w-form input:hover,.w-form textarea:hover,.w-form .ph:hover{border-color:#000}
.w-form input:focus,.w-form textarea:focus,.w-form .ph:focus-within{border-color:#000;box-shadow:inset 0 0 0 1px #000}
.w-form textarea{height:92px;padding:9px 12px;resize:vertical}
.w-form .ph{display:flex;align-items:center;padding:0}
.w-form .ph input{border:0;height:40px;padding-left:4px;box-shadow:none}
.w-form .ph-cc{display:flex;align-items:center;gap:6px;padding:0 6px 0 12px;color:#555}
.w-form .f-submit button{width:100%;height:41px;border:0;background:var(--coral);color:#fff;font:16px 'Madefor Text',Helvetica,Arial,sans-serif;cursor:pointer;transition:opacity .2s}
.w-form .f-submit button:hover{opacity:.88}
.w-form .f-submit button[disabled]{opacity:.6;cursor:progress}
.w-form .f-status{grid-column:1/-1;margin:-8px 0 0;min-height:20px;font-size:14px}
.w-form .f-status.ok{color:#1a7f37}.w-form .f-status.err{color:#c0262d}
.w-form .bad{border-color:#c0262d!important}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.w-map{left:52.2222cqw;top:10.2778cqw;width:40.7639cqw;height:35.8333cqw}
.w-map iframe{display:block;width:100%;height:100%;border:0}

/* ------------------------------------------------ contact: FAQ */
.w-faq{left:14.9609cqw;top:9.9479cqw;width:70cqw;padding:32px;display:flex;flex-direction:column;gap:18px}
.faq-i{background:#fff;border:1px solid #000}
.faq-i h3{margin:0}
.faq-i button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:80px;padding:28px 24px;border:0;background:none;text-align:left;font:400 20px/24px 'Madefor Text',Helvetica,Arial,sans-serif;color:#000;cursor:pointer}
.faq-i button svg{flex:none;transition:transform .25s}
.faq-i button[aria-expanded=true] svg{transform:rotate(180deg)}
.faq-a{padding:2px 24px 42px}
.faq-a p{margin:0;font:16px/24px 'Madefor Text',Helvetica,Arial,sans-serif}

/* ------------------------------------------------ De Rooie Deur grid */
.w-rdg{left:0;top:0;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.w-rdg a{display:block;aspect-ratio:352/235;overflow:hidden}
.w-rdg img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.w-rdg a:hover img{transform:scale(1.03)}

/* ------------------------------------------------ gallery page */
.S:has(> .w-gallery){height:auto!important;min-height:0}
.w-gallery{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 30px}
.w-gallery::after{content:'';flex-grow:999999}
.w-gallery a{display:block;position:relative;height:16.6cqw;flex-grow:var(--ar);width:calc(var(--ar) * 16.6cqw);overflow:hidden}
.w-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.w-gallery a:hover img{transform:scale(1.03)}

/* ------------------------------------------------ footer */
.ft{position:relative;overflow:hidden;color:#efe7da;background:radial-gradient(ellipse 70% 55% at 50% 0,rgba(242,98,73,.28),transparent 70%),radial-gradient(ellipse 40% 40% at 0 100%,rgba(255,208,112,.10),transparent 70%),#0a0100;font:16px/1.5 'Madefor Text',Helvetica,Arial,sans-serif}
.ft-check{height:34px;background:url(/img/8b3776_0924f1589f-c0x1187x2000x227.webp) 0 50%/auto 100% repeat-x;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}
.ft-rays{position:absolute;left:50%;top:34px;width:1800px;height:1800px;margin-left:-900px;margin-top:-900px;background:repeating-conic-gradient(from 0deg,rgba(255,208,112,.055) 0 6deg,transparent 6deg 14deg);border-radius:50%;-webkit-mask:radial-gradient(circle,#000 0,#000 30%,transparent 62%);mask:radial-gradient(circle,#000 0,#000 30%,transparent 62%);animation:raySpin 120s linear infinite;pointer-events:none}
@keyframes raySpin{to{transform:rotate(360deg)}}
.ft-wrap{position:relative;max-width:1280px;margin:0 auto;padding:56px 32px 30px;display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:26px;align-items:start}
.ft-brand{text-align:center}
.ft-logo{display:inline-block;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.ft-logo:hover{transform:rotate(-4deg) scale(1.05)}
.ft-logo img{display:block;width:min(270px,100%);height:auto;filter:drop-shadow(0 10px 22px rgba(242,98,73,.35))}
.ft-tag{margin:10px 0 4px;font:400 30px/1.1 'Bukhari Script',cursive;color:var(--gold);text-shadow:0 0 12px rgba(255,208,112,.45)}
.ft-blurb{margin:0 auto 16px;max-width:280px;font-size:14px;color:#bfb3a2}
.ft-social{display:flex;justify-content:center;gap:12px}
.ft-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--coral);border:2px solid #000;box-shadow:3px 3px 0 #000;transition:transform .2s,background-color .2s}
.ft-social a:hover{transform:translateY(-3px) rotate(-8deg);background:var(--gold)}
.ft-social svg{width:22px;height:22px;fill:#fff}
.ft-social a:hover svg{fill:#000}
.ft-card{position:relative;padding:24px 22px 22px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.35)}
.ft-card::before{content:'';position:absolute;left:22px;right:22px;top:-1px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--coral),var(--gold))}
.ft h2{margin:0 0 14px;font:400 32px/1 'Bukhari Script',cursive;color:#fff;text-shadow:0 0 6px rgba(242,98,73,.9),0 0 18px rgba(242,98,73,.55)}
.ft-hours ul,.ft-lines{list-style:none;margin:0;padding:0;font-style:normal}
.ft-hours li{display:flex;justify-content:space-between;gap:12px;padding:7px 10px;margin:0 -10px;border-radius:8px;font-size:15px}
.ft-hours li b{color:#fff;font-weight:700;white-space:nowrap}
.ft-hours li.today{background:rgba(255,208,112,.14);color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.ft-hours li.today b{color:var(--gold)}
.ft-open{display:inline-flex;align-items:center;gap:7px;margin:-4px 0 12px;padding:4px 12px 4px 9px;border-radius:99px;font-size:13px;font-weight:700;letter-spacing:.02em}
.ft-open svg{width:15px;height:15px;fill:currentColor}
.ft-open.is-open{background:rgba(52,199,89,.16);color:#5be37f}
.ft-open.is-open::after{content:'';width:8px;height:8px;border-radius:50%;background:#5be37f;box-shadow:0 0 0 0 rgba(91,227,127,.7);animation:blip 1.8s infinite}
.ft-open.is-closed{background:rgba(255,255,255,.08);color:#d8cfc2}
@keyframes blip{70%{box-shadow:0 0 0 8px rgba(91,227,127,0)}100%{box-shadow:0 0 0 0 rgba(91,227,127,0)}}
.ft-lines li,.ft-lines>span{display:flex;align-items:flex-start;gap:10px;margin:0 0 10px;font-size:15px;word-break:break-word}
.ft-lines svg,.ft-btn svg{width:18px;height:18px;fill:var(--coral);flex:none;margin-top:2px}
.ft-lines a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,208,112,.4);transition:color .15s,border-color .15s}
.ft-lines a:hover{color:var(--gold);border-color:var(--gold)}
.ft-note{margin:0 0 14px;font-size:13.5px;color:#bfb3a2}
.ft-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.ft-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border:2px solid #000;border-radius:6px;background:var(--gold);color:#000;text-decoration:none;font-weight:700;font-size:14px;box-shadow:3px 3px 0 #000;transition:transform .15s,box-shadow .15s}
.ft-btn svg{fill:#000;margin:0}
.ft-btn.wa{background:#25d366}
.ft-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #000}
.ft-nav{position:relative;border-top:1px solid rgba(255,255,255,.1);margin:0 32px}
.ft-nav ul{list-style:none;margin:0 auto;padding:18px 0;max-width:1216px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 26px}
.ft-nav a{color:#d8cfc2;text-decoration:none;font:400 19px/1 'Microbrew One',Impact,sans-serif;letter-spacing:.05em;transition:color .15s}
.ft-nav a:hover{color:var(--gold)}
.ft-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:14px max(32px,calc((100% - 1216px)/2));background:var(--coral);color:#fff;font-size:14px;border-top:3px solid #000}
.ft-bottom p{margin:0}
.ft-love span{color:#000;display:inline-block;animation:beat 1.4s ease-in-out infinite}
@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}}
@media (max-width:1100px){.ft-wrap{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1/-1}}
@media (max-width:640px){.ft-wrap{grid-template-columns:1fr;padding:40px 18px 22px;gap:18px}.ft-nav{margin:0 18px}.ft-nav a{font-size:17px}.ft-bottom{justify-content:center;text-align:center;padding:14px 18px 22px}.ft-tag{font-size:26px}}
@media (prefers-reduced-motion:reduce){.ft-rays,.cta-menu,.cta-menu::after,.cta-ring,.ft-love span,.ft-open::after{animation:none}}

/* ------------------------------------------------ lightbox */
.lb{position:fixed;inset:0;z-index:1500;background:rgba(10,10,10,.94);display:flex;align-items:center;justify-content:center;animation:fade .2s}
.lb img{max-width:92vw;max-height:88vh;object-fit:contain;box-shadow:0 8px 40px rgba(0,0,0,.6)}
.lb button{position:absolute;border:0;background:none;color:#fff;cursor:pointer;padding:14px;font:40px/1 Arial,sans-serif;opacity:.85}
.lb button:hover{opacity:1}
.lb .lb-x{top:8px;right:12px}
.lb .lb-p{left:8px;top:50%;transform:translateY(-50%)}
.lb .lb-n{right:8px;top:50%;transform:translateY(-50%)}
.lb .lb-c{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#ddd;font:14px 'Madefor Text',sans-serif}

/* ------------------------------------------------ blog */
.blog-main{background:#fff;padding:0 0 80px}
.blog-wrap{max-width:1232px;margin:0 auto;padding:0 20px}
.post-wrap{max-width:980px;margin:0 auto;padding:0 20px}
.blog-crumb{padding:50px 0 0;font:14px 'Madefor Text',sans-serif}
.blog-crumb a{text-decoration:none;color:#116dff}
.post-wrap .blog-crumb a{color:#000}
.blog-h1{margin:70px 0 70px 20px;font:700 36px/1.2 'Madefor Display',Helvetica,sans-serif}
.pc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.pc{border:1px solid #eee;background:#fff;display:flex;flex-direction:column}
.pc-img{display:block;aspect-ratio:284/213;overflow:hidden}
.pc-img img{width:100%;height:100%;object-fit:contain;display:block}
.pc-body{padding:24px 24px 18px;display:flex;flex-direction:column;flex:1}
.pc-author{display:flex;align-items:center;gap:10px;font:12px/1.4 'Madefor Text',sans-serif;color:#000}
.pc-author>div{display:flex;flex-direction:column}
.av{width:32px;height:32px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center}
.av-j{background:#c22d0e;color:#fff;font:14px 'Madefor Text',sans-serif}
.av-img{background:radial-gradient(circle at 40% 40%,#9b8a5a,#2b2a1f)}
.pc h2{margin:20px 0 14px;font:700 22px/1.36 'Madefor Display',Helvetica,sans-serif}
.pc h2 a{text-decoration:none}
.pc h2 a:hover{color:var(--coral)}
.pc-ex{margin:0 0 28px;font:15px/1.6 'Madefor Text',sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc-foot{margin-top:auto;border-top:1px solid #ccc;padding-top:14px;display:flex;align-items:center;gap:20px;font:12px 'Madefor Text',sans-serif}
.pc-foot .like{margin-left:auto}
.post{border:1px solid #eee;margin:40px 0 50px;padding:48px 96px 30px}
.post-head .pc-author{gap:6px}
.post-head .av{width:24px;height:24px;font-size:11px}
.post-head .dot{opacity:.7}
.post h1{margin:26px 0 30px;font:700 40px/1.35 'Madefor Display',Helvetica,sans-serif}
.post-body{font:18px/1.65 'Madefor Text',sans-serif}
.post-body p{margin:0 0 22px}
.post-body h2,.post-body h3{font-family:'Madefor Display',sans-serif;margin:34px 0 14px}
.post-body figure{margin:0 0 30px}
.post-body img{width:100%;height:auto;display:block}
.post-foot{margin-top:36px}
.post-share{display:flex;gap:22px;align-items:center;padding:18px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.post-share a,.post-share button{display:inline-flex;border:0;background:none;padding:0;cursor:pointer;color:#000;fill:#000}
.post-foot .pc-foot{border:0}
.recent{margin:0 0 40px}
.recent-h{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 18px}
.recent-h h2{margin:0;font:400 16px 'Madefor Text',sans-serif}
.recent-h a{font-size:14px;text-decoration:none}
.rc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.rc{border:1px solid #eee;padding:0 0 18px}
.rc-img{display:block;aspect-ratio:292/164;overflow:hidden}
.rc-img img{width:100%;height:100%;object-fit:contain}
.rc h3{margin:18px 24px 26px;font:700 16px/1.45 'Madefor Display',sans-serif}
.rc h3 a{text-decoration:none}
.rc .pc-foot{margin:0 24px}
.nf p{margin:0 20px;font-size:18px}

/* ================================================ mobile (Wix mobile breakpoint) */
@media (max-width:750px){
  .w-nav{display:none}
  .w-band{top:calc(63.6px - 10.5729cqw);height:10.5729cqw;padding:0 0 0 3.2cqw}
  .w-follow{font-size:15px}
  .w-burger{display:block}
  .to-top{width:28.5px;height:28.5px;right:4vw;bottom:5vw}
  .w-marquee{top:.6771cqw;height:13px}
  .cta-menu{right:3.5cqw;top:4.5cqw;padding:6px 14px 8px;border-width:2px;box-shadow:4px 4px 0 #000}
  .cta-kick{font-size:14px}
  .cta-main{font-size:19px;gap:6px}
  .cta-main svg{width:16px;height:16px}
  .w-marquee h2{font-size:10px;line-height:13px}
  .w-reviews{left:4.4792cqw;top:22cqw;width:90.7292cqw;height:127.8cqw}
  .w-greviews{top:10.6cqw;font-size:13px;padding:6px 12px;gap:7px}
  .w-greviews svg{width:16px;height:16px}.w-greviews .stars{font-size:12px}
  .w-slider-btn{width:9cqw;height:9cqw;top:12.3cqw}
  .w-slider-btn.next{left:auto;right:1.6cqw}
  .S:has(> .w-blogcards){padding:3.5417cqw 0 32px}
  .w-blogcards{margin-left:3.2812cqw;width:93.2292cqw;grid-template-columns:1fr;gap:32px}
  .bc{border-radius:0}
  .bc h2{font-size:22px}
  .w-form{grid-template-columns:1fr}
  .w-form-contact,.w-form-rooie{left:1.4062cqw;top:0;width:94.2708cqw}
  .w-form-rooie{top:7.9687cqw;width:94.0104cqw}
  .w-form .f-wide{grid-column:auto}
  .w-map{left:1.4062cqw;top:612px;width:90.6cqw;height:135px}
  .S:has(> .w-faq){height:auto!important}
  .w-faq{position:relative;left:15cqw;top:auto;margin-top:9.9479cqw;width:70cqw;padding:32px 15.8px 48px}
  .faq-i button{padding:20px;align-items:flex-start}
  .faq-i button svg{margin-top:8px}
  .faq-a{padding:0 20px 24px}
  .w-rdg{grid-template-columns:1fr}
  .w-rdg a{aspect-ratio:390/261}
  .w-gallery a{height:28cqw;width:calc(var(--ar) * 28cqw)}
  .pc-grid{grid-template-columns:1fr}
  .blog-h1{margin:40px 0}
  .post{padding:28px 18px;border:0;margin-top:20px}
  .post h1{font-size:28px}
  .post-body{font-size:16px}
  .rc-grid{grid-template-columns:1fr}
}
@media (min-width:751px) and (max-width:1000px){
  .pc-grid{grid-template-columns:repeat(2,1fr)}
  .post{padding:40px 40px 30px}
}
/* ------------------------------------------------ interactive motion */
/* parallax layers (--px/--py set from the mouse) and scroll reveals (--ry) share one translate */
.px,.rv{translate:var(--px,0px) calc(var(--py,0px) + var(--ry,0px))}
.px{transition:translate .7s cubic-bezier(.2,.8,.2,1)}
.rv{--ry:26px;opacity:0;transition:translate .8s cubic-bezier(.2,.8,.2,1) var(--rv-d,0s),opacity .8s ease var(--rv-d,0s)}
.rv.in{--ry:0px;opacity:1}
/* hard-shadow buttons press into their shadow */
.cta-menu:active{translate:6px 6px;box-shadow:0 0 0 #000!important;transition-duration:.06s}
.w-nav a:active,.ft-btn:active,.ft-social a:active,.sp-close:active,.w-burger:active,.like:active{translate:3px 3px;box-shadow:0 0 0 #000!important;transition-duration:.06s}
.w-greviews:active{translate:4px 4px;box-shadow:0 0 0 #000!important;transition-duration:.06s}
.w-form .f-submit button:active{translate:0 2px;filter:brightness(.92)}

@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;--ry:0px;transition:none}
  .px{translate:none;transition:none}
  img[data-day]:hover{animation:none}
  .w-marquee-track{animation-duration:400s}
  html{scroll-behavior:auto}
}