/* ===== GLOBAL THEME VARIABLES ===== */
  :root{--gold:#F5B800;--red:#C0272D;--dark:#1A1008;}

  /* ===== GLOBAL RESET STYLES ===== */
  *{margin:0;padding:0;box-sizing:border-box;}

  /* ===== DOCUMENT OVERFLOW PROTECTION ===== */
  html,body{max-width:100%;overflow-x:hidden;}

  /* ===== BODY BASE STYLES ===== */
  body{font-family:'Barlow',sans-serif;background:#1a1008;color:#fff;}

  /* ===== NAVIGATION SECTION STYLES ===== */
  nav{background:#1a1008;position:sticky;top:0;z-index:1000;height:100px;border-bottom:1px solid rgba(255,255,255,0.07);}

  /* ===== NAVIGATION LAYOUT WRAPPER ===== */
  .nav-wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100%;padding:0 36px;max-width:1600px;margin:0 auto;}

  /* ===== LEFT NAVIGATION LIST ===== */
  .nav-left{display:flex;align-items:center;justify-content:flex-end;gap:22px;list-style:none; padding-right: 22px;}

  /* ===== RIGHT NAVIGATION LIST ===== */
  .nav-right{display:flex;align-items:center;justify-content:flex-start;gap:22px;list-style:none; padding-left: 22px}

  /* ===== DESKTOP NAVIGATION LINKS ===== */
  .nav-left a,.nav-right a{color:rgba(255,255,255,0.85);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:16px;letter-spacing:0.12em;text-transform:uppercase;white-space:nowrap;}

  /* ===== DESKTOP NAVIGATION HOVER STATES ===== */
  .nav-left a:hover,.nav-right a:hover{color:var(--gold);}

  /* ===== ORDER BUTTON NAVIGATION STYLE ===== */
  .nav-order a{border:2px solid var(--gold);color:var(--gold)!important;padding:5px 10px;}

  /* ===== NAVIGATION LOGO IMAGE ===== */
  .nav-logo img{height:80px;display:block;}

  /* ===== SOCIAL AND RIGHT NAVIGATION WRAPPER ===== */
  .nav-social-wrap{display:flex;align-items:center;gap:12px;}

  /* ===== SOCIAL ICON LIST ===== */
  .nav-social{display:flex;gap:8px;}

  /* ===== SOCIAL ICON LINKS ===== */
  .nav-social a{color:rgba(255,255,255,0.6);text-decoration:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;}

  /* ===== SOCIAL SVG ICONS ===== */
  .nav-social svg{width:13px;height:13px;fill:currentColor;}

  /* ===== MOBILE MENU BUTTON ===== */
  .mob-btn{display:none;background:none;border:none;cursor:pointer;padding:4px;}

  /* ===== MOBILE MENU BUTTON BARS ===== */
  .mob-btn span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;}

  /* ===== MOBILE NAVIGATION PANEL ===== */
  .mob-nav{display:none;background:#1a1008;padding:16px 20px;border-top:1px solid rgba(255,255,255,0.1);}

  /* ===== MOBILE NAVIGATION LINKS ===== */
  .mob-nav a{display:block;color:rgba(255,255,255,0.85);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.07);}

  /* ===== LAST MOBILE NAVIGATION LINK ===== */
  .mob-nav a:last-child{border-bottom:none;}

  /* ===== MOBILE NAVIGATION HOVER STATE ===== */
  .mob-nav a:hover{color:var(--gold);}

  /* ===== MOBILE STICKY ACTION BAR ===== */
  .mob-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:8888;background:#1a1008;border-top:2px solid var(--gold);}

  /* ===== MOBILE STICKY ACTION BAR LAYOUT ===== */
  .mob-bar-inner{display:flex;}

  /* ===== MOBILE STICKY ACTION BAR LINKS ===== */
  .mob-bar a{flex:1;display:flex;align-items:center;justify-content:center;padding:14px 4px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;color:#fff;border-right:1px solid rgba(255,255,255,0.1);}

  /* ===== LAST MOBILE STICKY ACTION BAR LINK ===== */
  .mob-bar a:last-child{border-right:none;}

  /* ===== PRIMARY MOBILE STICKY ACTION BAR LINK ===== */
  .mob-bar a:first-child{background:#C0272D;}

  /* ===== SECONDARY MOBILE STICKY ACTION BAR LINK ===== */
  .mob-bar a:nth-child(2){color:var(--gold);}

  /* ===== RESPONSIVE NAVIGATION BREAKPOINT ===== */
  @media(max-width:900px){nav{height:80px;}.nav-left,.nav-right,.nav-social{display:none!important;}.mob-btn{display:block;}.mob-bar{display:block;}body{padding-bottom:54px;}.nav-wrap{grid-template-columns:1fr auto auto;padding:0 20px;}}

  /* ===== HERO SECTION STYLES ===== */
  .hero{position:relative;height:460px;overflow:hidden;display:flex;align-items:flex-end;padding:0 0 52px 60px;}

  /* ===== HERO BACKGROUND IMAGE ===== */
  .hero-bg{position:absolute;inset:0;background-image:url('https://static.spotapps.co/spots/14/8c025beac24d41ba0a0dd321d2ff70/:original');background-size:cover;background-position:center;}

  /* ===== HERO GRADIENT OVERLAY ===== */
  .hero-ov{position:absolute;inset:0;background:linear-gradient(105deg,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.25) 70%);}

  /* ===== HERO CONTENT WRAPPER ===== */
  .hero-c{position:relative;z-index:2;}

  /* ===== HERO EYEBROW TEXT ===== */
  .hero-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:10px;}

  /* ===== HERO HEADLINE ===== */
  .hero-c h1{font-family:'Oswald',sans-serif;font-size:clamp(48px,7vw,84px);font-weight:700;text-transform:uppercase;color:#fff;line-height:0.9;margin-bottom:14px;}

  /* ===== HERO HEADLINE ACCENT ===== */
  .hero-c h1 em{color:var(--gold);font-style:normal;}

  /* ===== HERO SUPPORTING TEXT ===== */
  .hero-c p{font-size:17px;color:rgba(255,255,255,0.85);max-width:420px;line-height:1.6;margin-bottom:24px;}

  /* ===== HERO BUTTON GROUP ===== */
  .hero-btns{display:flex;gap:10px;flex-wrap:wrap;}

  /* ===== HERO BUTTON BASE STYLE ===== */
  .hero-btns a{display:inline-block;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;padding:11px 20px;}

  /* ===== RED BUTTON STYLE ===== */
  .btn-r{background:#C0272D;color:#fff;}

  /* ===== GOLD BUTTON STYLE ===== */
  .btn-g{background:var(--gold);color:#1a1008;}

  /* ===== OUTLINE BUTTON STYLE ===== */
  .btn-o{background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.5);padding:9px 18px!important;}

  /* ===== RESPONSIVE HERO BREAKPOINT ===== */
  @media(max-width:900px){.hero{height:360px;padding:0 16px 36px 20px;}.hero-btns a{font-size:12px;padding:9px 14px;}}

  /* ===== DRINK TABS SECTION STYLES ===== */
  .tabs{background:#111008;border-bottom:2px solid rgba(245,184,0,0.2);display:flex;overflow-x:auto;scrollbar-width:none;position:sticky;top:80px;z-index:100;}

  /* ===== HIDE WEBKIT TAB SCROLLBAR ===== */
  .tabs::-webkit-scrollbar{display:none;}

  /* ===== DRINK TAB BUTTONS ===== */
  .tab{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.5);padding:15px 18px;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-2px;background:none;border-top:none;border-left:none;border-right:none;transition:all 0.2s;}

  /* ===== ACTIVE DRINK TAB BUTTON ===== */
  .tab.active{color:var(--gold);border-bottom-color:var(--gold);}

  /* ===== RESPONSIVE DRINK TABS BREAKPOINT ===== */
  @media(max-width:900px){.tab{padding:12px 12px;font-size:12px;}}

  /* ===== DRINK MENU CONTENT WRAPPER ===== */
  .wrap{padding:0 60px 80px;}

  /* ===== DRINK MENU SECTION PANELS ===== */
  .sec{display:none;padding-top:40px;}

  /* ===== ACTIVE DRINK MENU SECTION PANEL ===== */
  .sec.active{display:block;}

  /* ===== DRINK MENU SECTION HEADING ===== */
  .sec-h{font-family:'Oswald',sans-serif;font-size:clamp(26px,4vw,44px);font-weight:700;text-transform:uppercase;color:var(--gold);margin-bottom:6px;}

  /* ===== DRINK MENU SECTION SUBTITLE ===== */
  .sec-sub{font-size:13px;color:rgba(255,255,255,0.4);font-family:'Barlow Condensed',sans-serif;letter-spacing:0.15em;text-transform:uppercase;margin-bottom:28px;}

  /* ===== DRINK MENU GROUP WRAPPER ===== */
  .grp{margin-bottom:40px;}

  /* ===== DRINK MENU GROUP TITLE ===== */
  .grp-t{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.4);padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:14px;}

  /* ===== BEER CARD GRID ===== */
  .beer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;}

  /* ===== BEER CARD ===== */
  .bc{background:#2a1c10;border:1px solid rgba(255,255,255,0.07);border-radius:4px;padding:16px 18px;display:flex;gap:14px;align-items:flex-start;}

  /* ===== BEER CARD HOVER STATE ===== */
  .bc:hover{border-color:rgba(245,184,0,0.2);}

  /* ===== BEER CARD IMAGE ===== */
  .bc-img{width:52px;height:52px;border-radius:4px;object-fit:cover;flex-shrink:0;}

  /* ===== BEER CARD PLACEHOLDER ICON ===== */
  .bc-ph{width:52px;height:52px;border-radius:4px;background:#1a1008;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}

  /* ===== BEER CARD INFO ===== */
  .bc-info{flex:1;min-width:0;}

  /* ===== BEER CARD NAME ===== */
  .bc-name{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;color:#fff;margin-bottom:2px;}

  /* ===== BEER CARD BREWERY ===== */
  .bc-brew{font-size:11px;color:rgba(255,255,255,0.4);font-style:italic;margin-bottom:4px;}

  /* ===== BEER CARD TYPE ===== */
  .bc-type{font-size:11px;color:rgba(255,255,255,0.5);margin-bottom:5px;}

  /* ===== BEER CARD META ROW ===== */
  .bc-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;}

  /* ===== BEER BADGE BASE STYLE ===== */
  .badge{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;padding:2px 6px;border-radius:2px;}

  /* ===== ABV BADGE STYLE ===== */
  .ba{background:rgba(245,184,0,0.15);color:var(--gold);}

  /* ===== IBU BADGE STYLE ===== */
  .bi{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.5);}

  /* ===== BEER PRICE STYLE ===== */
  .bp{font-family:'Oswald',sans-serif;font-weight:700;font-size:15px;color:var(--gold);margin-left:auto;flex-shrink:0;}

  /* ===== COCKTAIL ROW CARD ===== */
  .cr{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,0.06);}

  /* ===== LAST COCKTAIL ROW CARD ===== */
  .cr:last-child{border-bottom:none;}

  /* ===== COCKTAIL IMAGE WRAPPER ===== */
  .cr-img{width:56px;height:56px;border-radius:4px;overflow:hidden;background:#2a1c10;display:flex;align-items:center;justify-content:center;font-size:22px;}

  /* ===== COCKTAIL IMAGE ===== */
  .cr-img img{width:100%;height:100%;object-fit:cover;}

  /* ===== COCKTAIL TITLE ===== */
  .cr-info h4{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:17px;color:#fff;margin-bottom:3px;}

  /* ===== COCKTAIL DESCRIPTION ===== */
  .cr-info p{font-size:13px;color:rgba(255,255,255,0.6);line-height:1.5;}

  /* ===== COCKTAIL PRICE ===== */
  .cr-price{font-family:'Oswald',sans-serif;font-weight:700;font-size:17px;color:var(--gold);white-space:nowrap;padding-top:2px;}

  /* ===== WHISKEY GRID ===== */
  .wgrid{columns:2;gap:20px;}

  /* ===== WHISKEY ITEM ===== */
  .wi{break-inside:avoid;padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.06);font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;color:rgba(255,255,255,0.85);}

  /* ===== RESPONSIVE DRINK MENU BREAKPOINT ===== */
  @media(max-width:900px){.wrap{padding:0 16px 80px;}.beer-grid{grid-template-columns:1fr;}.cr{grid-template-columns:44px 1fr auto;gap:10px;}.wgrid{columns:1;}}

  /* ===== FOOTER SECTION STYLES ===== */
  .foot{background:#0e0a06;padding:36px 60px;display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:center;}

  /* ===== FOOTER COLUMN HEADINGS ===== */
  .foot-l h5,.foot-r h5{font-family:'Oswald',sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;color:var(--gold);letter-spacing:0.1em;margin-bottom:5px;}

  /* ===== FOOTER COLUMN TEXT ===== */
  .foot-l,.foot-r{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,0.65);line-height:2;}

  /* ===== RIGHT FOOTER COLUMN ALIGNMENT ===== */
  .foot-r{text-align:right;}

  /* ===== FOOTER CONTACT LINKS ===== */
  .foot-r a{color:rgba(255,255,255,0.65);text-decoration:none;}

  /* ===== FOOTER LOGO IMAGE ===== */
  .foot-logo img{height:100px;display:block;}

  /* ===== FOOTER COPYRIGHT BAR ===== */
  .foot-copy{background:#0e0a06;border-top:1px solid rgba(255,255,255,0.07);padding:10px 60px;text-align:center;font-size:11px;color:rgba(255,255,255,0.3);font-family:'Barlow',sans-serif;}

  /* ===== RESPONSIVE FOOTER BREAKPOINT ===== */
  @media(max-width:900px){.foot{grid-template-columns:1fr;text-align:center;padding:24px 20px;}.foot-r{text-align:center;}.foot-logo img{margin:0 auto;}.foot-copy{padding:10px 20px;}}