/* R8.4 public website – exact visual direction from the supplied reference */
html{scroll-behavior:smooth}
[x-cloak]{display:none!important}
body{background:#F9F6F0;color:#3A2618;overflow-x:hidden}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#F9F6F0}
::-webkit-scrollbar-thumb{background:#5A4030;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#3A2618}
.site-nav-link{position:relative;color:#3A2618;font:700 11px/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;transition:color .2s}
.site-nav-link:hover{color:#5A4030}
.site-nav-link:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:2px;background:#3A2618;transform:scaleX(0);transform-origin:right;transition:transform .3s}
.site-nav-link:hover:after{transform:scaleX(1);transform-origin:left}
.menu-leader{flex:1;border-bottom:1px dotted #5A4030;opacity:.4;margin:0 12px;position:relative;top:-6px;min-width:22px}
.ticket-card{position:relative;-webkit-mask-image:radial-gradient(circle at 0 50%,transparent 12px,#000 13px),radial-gradient(circle at 100% 50%,transparent 12px,#000 13px);mask-image:radial-gradient(circle at 0 50%,transparent 12px,#000 13px),radial-gradient(circle at 100% 50%,transparent 12px,#000 13px);-webkit-mask-size:51% 100%;mask-size:51% 100%;-webkit-mask-position:0 0,100% 0;mask-position:0 0,100% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}

/* Inner pages keep their existing functionality but visually follow the same public identity. */
.page-header{padding:160px 0 82px!important;background:linear-gradient(180deg,#F9F6F0 0%,#fff 100%)!important;color:#3A2618!important;border-bottom:1px solid rgba(58,38,24,.1)!important}
.page-header .kicker,.page-header .kicker--light{color:#5A4030!important;font-family:Inter,sans-serif;letter-spacing:.25em;font-size:10px;font-weight:700;text-transform:uppercase}
.page-header h1{font-family:"Playfair Display",serif!important;font-size:clamp(44px,6vw,70px)!important;font-weight:600!important;letter-spacing:-.025em;line-height:1.04!important;color:#3A2618!important;margin:10px 0 18px!important}
.page-header p{font-family:Inter,sans-serif!important;font-size:15px!important;line-height:1.75!important;color:#5A4030!important;font-weight:300!important}
.section{background:#F9F6F0}
.section--paper{background:#E8E2D5!important}
.section--white{background:#fff!important}
.kicker{font-family:Inter,sans-serif!important;color:#5A4030!important;letter-spacing:.22em!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase}
.section-heading h2,.menu-section-head h2,.allergen-card h2,.drink-list h2,.contact-bottom-grid h2,.text-panel h2{font-family:"Playfair Display",serif!important;color:#3A2618!important}
.button,.pub-button{border-radius:999px!important;font-family:Inter,sans-serif!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:10px!important;font-weight:700!important}
.button--dark,.button--primary{background:#3A2618!important;color:#F9F6F0!important;border-color:#3A2618!important}
.button--dark:hover,.button--primary:hover{background:#25170E!important}
.button--light{background:#F9F6F0!important;color:#3A2618!important;border-color:#3A2618!important}
.menu-section--clean,.drink-list,.allergen-card,.contact-info-stack article,.hours-card-modern,.map-card-modern,.order-form--clean,.payment-main-card,.selected-voucher-card,.payment-summary-clean{border-radius:24px!important;border-color:rgba(58,38,24,.12)!important;box-shadow:0 18px 60px rgba(58,38,24,.06)!important}
.menu-item--readable{border-color:rgba(90,64,48,.18)!important}
.menu-item--readable strong,.drink-row strong,.hours-list--large strong,.selected-voucher-card dd,.payment-summary-clean dd{color:#3A2618!important}
.order-form input,.order-form textarea{border-radius:12px!important;background:#fff!important;border-color:rgba(58,38,24,.18)!important}
.order-form input:focus,.order-form textarea:focus{border-color:#3A2618!important;box-shadow:0 0 0 3px rgba(58,38,24,.08)!important}
.qr-image{border-radius:24px!important}

@media(max-width:640px){
  .page-header{padding-top:130px!important;padding-bottom:60px!important}
  .menu-leader{margin:0 .55rem}
  .ticket-card{-webkit-mask-image:none;mask-image:none}
}