@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Cinzel+Decorative:wght@700&family=MedievalSharp&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--font-cinzel:"Cinzel", serif;--font-decorative:"Cinzel Decorative", serif;--font-medieval:"MedievalSharp", cursive;--gold-primary:#e6c587;--gold-light:#fff2d0;--gold-bright:gold;--gold-dark:#a67c37;--gold-shadow:#3b280b;--stone-dark:#121820;--stone-mid:#1c2533;--stone-light:#283344;--stone-border:#3b495e;--parchment-bg:#e6d3b4;--gem-cyan:#00d9ff;--gem-glow:#00d9ff99}body,html{width:100%;height:100%;font-family:var(--font-cinzel);color:#321;scroll-behavior:smooth;background-color:#0b0e14;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#121820}::-webkit-scrollbar-thumb{background:#a67c37;border:2px solid #121820;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#e6c587}.fantasy-navbar-container{z-index:100;justify-content:center;align-items:center;width:100%;height:96px;padding:0 10px;display:flex;position:relative}.fantasy-nav-bar{background:linear-gradient(#2b1f14 0%,#17110c 50%,#2b1f14 100%);border-top:3px solid #d4af37;border-bottom:3px solid #d4af37;flex:1;justify-content:space-between;align-items:center;height:72px;padding:0 16px;display:flex;position:relative;box-shadow:0 4px 15px #000c,inset 0 2px 4px #ffebb433}.fantasy-nav-bar:before{content:"";opacity:.7;background:#fdf0cd;height:1px;position:absolute;top:3px;left:0;right:0}.fantasy-nav-bar:after{content:"";background:#7a5a23;height:1px;position:absolute;bottom:3px;left:0;right:0}.nav-group{flex:1;align-items:center;gap:clamp(10px,1.4vw,20px);display:flex}.nav-left{justify-content:flex-end;padding-inline-end:80px}.nav-right{justify-content:flex-start;padding-inline-start:80px}.nav-item{color:#e6c587;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;padding:4px;text-decoration:none;transition:all .25s;display:flex;position:relative}.nav-item:hover,.nav-item.active{color:#fff;text-shadow:0 0 12px #ffd700f2,0 0 22px #ffb400b3;transform:translateY(-2px)scale(1.04)}.icon-wrapper{justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:2px;display:flex;position:relative}.nav-icon{filter:drop-shadow(0 2px 4px #000000e6);width:24px;height:24px}.sparkle-badge{color:#00d9ff;width:14px;height:14px;animation:2s ease-in-out infinite pulse-glow;position:absolute;top:-4px;right:-4px}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.nav-label{font-family:var(--font-cinzel);letter-spacing:.8px;text-transform:uppercase;font-size:clamp(10px,1.1vw,13px);font-weight:700}.scroll-cap{z-index:10;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:24px;height:80px;display:flex}.scroll-roll{background:linear-gradient(90deg,#6e4d26 0%,#d4af37 40%,#fff2d0 60%,#8a5a22 100%);border:1px solid #3b250c;border-radius:4px;flex:1;width:18px;box-shadow:0 0 6px #000c}.scroll-knob{background:radial-gradient(circle at 30% 30%,gold,#997528);border:1px solid #3b250c;border-radius:4px;width:26px;height:12px;box-shadow:0 2px 4px #0009}.nav-center-emblem{z-index:35;cursor:pointer;justify-content:center;align-items:center;width:145px;height:145px;transition:transform .3s;display:flex;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.nav-center-emblem:hover{transform:translate(-50%)scale(1.06)}.hogward-logo-ring{background:#17110c;border:3px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 6px 20px #000000f2,0 0 15px #ffd70099}.hogward-badge-logo-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.lang-switcher-wrapper{margin-inline-start:4px;position:relative}.fantasy-lang-btn{color:#f5e4c6;cursor:pointer;background:linear-gradient(#3a2815 0%,#1c1209 100%);border:2px solid #d4af37;border-radius:20px;outline:none;align-items:center;gap:6px;padding:4px 8px;transition:all .25s;display:flex;box-shadow:0 2px 8px #000c,inset 0 0 5px #ffd7004d}.fantasy-lang-btn:hover{background:linear-gradient(#523b20 0%,#2b1c0e 100%);border-color:gold;transform:scale(1.04);box-shadow:0 0 12px #ffd70099}.lang-globe-icon{color:gold;width:16px;height:16px}.lang-flag{font-size:14px}.lang-code{font-family:var(--font-cinzel);color:#fff2d0;letter-spacing:1px;font-size:11px;font-weight:700}.lang-arrow{color:#d4af37;width:14px;height:14px;transition:transform .25s}.lang-arrow.open{transform:rotate(180deg)}.fantasy-view-toggle-btn{color:gold;cursor:pointer;white-space:nowrap;background:linear-gradient(#2e1d0f 0%,#150b04 100%);border:1.5px solid #d4af37;border-radius:20px;align-items:center;gap:6px;margin-inline-end:6px;padding:5px 12px;transition:all .25s;display:flex;box-shadow:0 2px 8px #000c,inset 0 0 6px #ffd70040}.fantasy-view-toggle-btn:hover{background:linear-gradient(#523b20 0%,#2b1c0e 100%);border-color:gold;transform:translateY(-1px)scale(1.05);box-shadow:0 0 14px #ffd700b3}.fantasy-view-toggle-btn.active-photo{color:#fff;background:linear-gradient(#8a5a22 0%,#3d250b 100%);border-color:#00d9ff;box-shadow:0 0 14px #00d9ffb3}.toggle-icon{color:gold;filter:drop-shadow(0 0 4px #ffd70099)}.active-photo .toggle-icon{color:#00d9ff;filter:drop-shadow(0 0 4px #00d9ffcc)}.toggle-label{font-family:var(--font-cinzel);letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:700}.mobile-view-toggle-btn{color:gold;font-family:var(--font-cinzel);cursor:pointer;background:linear-gradient(#3a2512 0%,#170d05 100%);border:1.5px solid #d4af37;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:12px;font-size:14px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 12px #0009}.mobile-view-toggle-btn.active-photo{color:#fff;background:linear-gradient(#8a5a22 0%,#3d250b 100%);border-color:#00d9ff;box-shadow:0 0 14px #00d9ffb3}.lang-dropdown-menu{z-index:100;background:linear-gradient(#24180d 0%,#120b05 100%);border:2px solid #d4af37;border-radius:8px;flex-direction:column;gap:4px;min-width:120px;padding:6px;animation:.2s ease-out fadeIn;display:flex;position:absolute;top:115%;right:0;box-shadow:0 8px 24px #000000f2}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lang-option{color:#d4af37;cursor:pointer;font-family:var(--font-cinzel);text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.lang-option:hover{color:#fff;background:#d4af3733;border-color:#d4af37}.lang-option.selected{color:#fff;background:linear-gradient(90deg,#d4af37 0%,#8a5a22 100%);border-color:gold}.opt-flag{font-size:15px}.opt-label{letter-spacing:.5px}.mobile-hamburger-btn{color:gold;cursor:pointer;z-index:50;background:linear-gradient(#3a2815 0%,#1c1209 100%);border:2px solid #d4af37;border-radius:6px;padding:6px 10px;display:none}.mobile-header-view-toggle{color:gold;cursor:pointer;z-index:50;background:linear-gradient(#2e1d0f 0%,#150b04 100%);border:1.5px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s;display:none;box-shadow:0 2px 8px #000c,inset 0 0 6px #ffd70040}.mobile-header-view-toggle.active-photo{color:#fff;background:linear-gradient(#8a5a22 0%,#3d250b 100%);border-color:#00d9ff;box-shadow:0 0 12px #00d9ffb3}.mobile-nav-drawer,.mobile-drawer-overlay{display:none}@media (width<=1200px){.nav-left{padding-inline-end:55px}.nav-right{padding-inline-start:55px}.nav-center-emblem{width:110px;height:110px;top:-14px}.nav-group{gap:12px}.nav-label{font-size:11px}}@media (width<=960px){.fantasy-navbar-container{height:76px}.fantasy-nav-bar{height:60px;padding:0 12px}.mobile-header-view-toggle{display:flex;position:absolute;left:14px}.nav-group{display:none}.nav-center-emblem{width:76px;height:76px;top:-6px}.scroll-cap{width:16px;height:64px}.mobile-hamburger-btn{justify-content:center;align-items:center;display:flex;position:absolute;right:14px}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:150;background:#000000a6;display:block;position:fixed;inset:0}.mobile-nav-drawer{z-index:200;background:linear-gradient(#24180d 0%,#0f0904 100%);border:3px solid #d4af37;border-radius:12px;max-height:calc(100vh - 75px);padding:14px;animation:.25s ease-out fadeIn;display:flex;position:absolute;top:72px;left:8px;right:8px;overflow-y:auto;box-shadow:0 10px 30px #000000f2}.mobile-drawer-inner{flex-direction:column;gap:10px;width:100%;display:flex}.mobile-nav-item{color:#e6c587;font-family:var(--font-cinzel);background:#ffffff08;border:1px solid #d4af3733;border-radius:6px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-item:hover{color:#fff;background:#d4af3733;border-color:gold}.mobile-lang-section{border-top:1px dashed #7a5a23;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;display:flex}.mobile-lang-title{font-family:var(--font-cinzel);color:#d4af37;font-size:12px}.mobile-lang-options{gap:8px;display:flex}.mobile-lang-btn{color:#e6c587;font-family:var(--font-cinzel);cursor:pointer;background:#1a1005;border:1px solid #7a5a23;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.mobile-lang-btn.active{color:#fff;background:linear-gradient(#d4af37 0%,#8a5a22 100%);border-color:gold}}@media (width<=480px){.fantasy-navbar-container{height:66px;padding:0 4px}.fantasy-nav-bar{height:52px;padding:0 8px}.mobile-header-view-toggle{width:34px;height:34px;left:8px}.mobile-hamburger-btn{padding:5px 8px;right:8px}.nav-center-emblem{width:62px;height:62px;top:-5px}.scroll-cap{display:none}.mobile-nav-drawer{padding:12px;top:66px;left:4px;right:4px}}@media (width<=360px),(height<=400px){.fantasy-navbar-container{height:54px;padding:0 2px}.fantasy-nav-bar{height:44px;padding:0 4px}.nav-center-emblem{width:48px;height:48px;top:-2px}.mobile-header-view-toggle{width:30px;height:30px;left:4px}.mobile-hamburger-btn{padding:4px 6px;right:4px}.mobile-nav-drawer{max-height:calc(100vh - 56px);padding:8px;top:52px;left:2px;right:2px;overflow-y:auto}.mobile-nav-item{gap:6px;padding:6px 8px;font-size:11px}.mobile-lang-btn{padding:5px;font-size:10px}}.fantasy-homepage{flex-direction:column;flex:1;justify-content:stretch;align-items:stretch;width:100%;max-width:100%;height:100%;margin:0;padding:0;display:flex;position:relative}.hero-video-frame{background:#0d1219;border:none;border-radius:0;flex:1;width:100%;height:100%;min-height:520px;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #000000e6}.video-gold-border{pointer-events:none;z-index:10;border:1.5px solid #d4af3766;border-radius:4px;position:absolute;inset:10px;box-shadow:inset 0 0 20px #000000b3}.hero-video-media{object-fit:cover;width:100%;height:100%;min-height:520px;display:block}.cafe-interior-img{animation:.6s ease-out forwards fadeInZoom}@keyframes fadeInZoom{0%{opacity:.2;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.gallery-arrow-btn{z-index:25;color:gold;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#24180de0 0%,#120b05f2 100%);border:2px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .25s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 15px #000c,0 0 10px #ffd70066}.gallery-arrow-btn.left{left:20px}.gallery-arrow-btn.right{right:20px}.gallery-arrow-btn:hover{color:#121820;background:linear-gradient(gold 0%,#a67c37 100%);border-color:#fff;transform:translateY(-50%)scale(1.12);box-shadow:0 0 20px #ffd700f2}.gallery-arrow-btn:active{transform:translateY(-50%)scale(.96)}.gallery-counter-badge{z-index:25;color:gold;font-family:var(--font-cinzel);letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#121820e0;border:1.5px solid #d4af37;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:flex;position:absolute;top:20px;left:24px;box-shadow:0 4px 12px #000c}.video-overlay-shade{z-index:2;background:linear-gradient(#00000026 0%,#00000005 50%,#0000004d 100%);position:absolute;inset:0}.hero-bottom-banner{z-index:15;pointer-events:none;justify-content:center;width:90%;max-width:820px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.banner-content-box{pointer-events:auto;text-align:center;width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;padding:10px 20px;animation:.3s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.scroll-ornament-header{justify-content:center;align-items:center;gap:12px;margin-bottom:6px;display:flex}.flame-icon{color:gold;filter:drop-shadow(0 0 8px #ffd700f2);width:22px;height:22px}.fantasy-title{font-family:var(--font-cinzel);color:#fff2d0;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #000000f2);letter-spacing:1px;background:linear-gradient(#fff 0%,gold 60%,#e6c587 100%);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900}.fantasy-subtitle{font-family:var(--font-medieval);color:#f5e4c6;text-shadow:0 2px 4px #000000f2;max-width:650px;margin:0 auto 16px;font-size:16px;line-height:1.4}.fantasy-cta-container{justify-content:center;align-items:center;gap:18px;display:flex}.fantasy-btn{font-family:var(--font-cinzel);cursor:pointer;letter-spacing:1px;border-radius:6px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:700;transition:all .25s;display:flex}.fantasy-btn.primary{color:#1a1005;background:linear-gradient(gold 0%,#a67c37 100%);border:1.5px solid #fff2d0;box-shadow:0 4px 15px #000c,0 0 12px #ffd70099}.fantasy-btn.primary:hover{background:linear-gradient(#fff 0%,gold 100%);transform:translateY(-2px)scale(1.04);box-shadow:0 6px 18px #ffd700e6}.fantasy-btn.secondary{color:#fff2d0;background:linear-gradient(#2b1f14 0%,#17110c 100%);border:1.5px solid #d4af37;box-shadow:0 4px 15px #000c}.fantasy-btn.secondary:hover{color:#fff;border-color:gold;transform:translateY(-2px)scale(1.04);box-shadow:0 6px 18px #d4af37b3}.btn-icon{width:18px;height:18px}.video-controls{z-index:20;align-items:center;gap:8px;display:flex;position:absolute;bottom:20px;right:24px}.video-control-btn{color:gold;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#121820d9;border:1.5px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s;display:flex}.video-control-btn:hover{color:#121820;background:#d4af37;transform:scale(1.12);box-shadow:0 0 12px #ffd700e6}@media (width<=1024px){.hero-video-frame,.hero-video-media{min-height:440px}.fantasy-title{font-size:22px}.fantasy-subtitle{font-size:15px}}@media (width<=768px){.hero-video-frame,.hero-video-media{min-height:380px}.video-gold-border{inset:6px}.hero-bottom-banner{width:95%;bottom:12px}.banner-content-box{padding:8px 12px}.fantasy-title{font-size:clamp(16px,4.5vw,20px)}.flame-icon{width:16px;height:16px}.fantasy-subtitle{margin-bottom:10px;font-size:clamp(11px,3.2vw,14px)}.fantasy-cta-container{flex-wrap:wrap;gap:10px}.fantasy-btn{padding:8px 16px;font-size:12px}.video-controls{gap:6px;top:14px;bottom:auto;right:14px}.video-control-btn{width:32px;height:32px}.gallery-arrow-btn{width:38px;height:38px}.gallery-arrow-btn.left{left:10px}.gallery-arrow-btn.right{right:10px}.gallery-counter-badge{padding:3px 10px;font-size:11px;top:14px;left:14px}}@media (width<=480px){.hero-video-frame,.hero-video-media{min-height:320px}.fantasy-cta-container{flex-direction:row;justify-content:center;width:100%}.fantasy-btn{flex:1;justify-content:center;max-width:160px;padding:8px 10px;font-size:11px}}@media (width<=360px),(height<=400px){.hero-video-frame,.hero-video-media{min-height:220px}.video-gold-border{inset:3px}.gallery-counter-badge{padding:2px 6px;font-size:10px;top:6px;left:6px}.gallery-arrow-btn{width:28px;height:28px}.gallery-arrow-btn.left{left:4px}.gallery-arrow-btn.right{right:4px}.video-controls{gap:4px;top:6px;right:6px}.video-control-btn{width:26px;height:26px}.hero-bottom-banner{width:98%;bottom:4px}.banner-content-box{padding:4px 6px}.scroll-ornament-header{gap:6px;margin-bottom:2px}.flame-icon{width:12px;height:12px}.fantasy-title{font-size:14px}.fantasy-subtitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:10px;display:-webkit-box;overflow:hidden}.fantasy-cta-container{gap:6px}.fantasy-btn{letter-spacing:.5px;padding:5px 8px;font-size:10px}.btn-icon{width:12px;height:12px}}.parchment-menu-section{z-index:10;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:50px 20px 70px;display:flex;position:relative}.parchment-divider-header{justify-content:center;align-items:center;gap:16px;width:100%;max-width:860px;margin-bottom:8px;display:flex}.divider-line{background:linear-gradient(90deg,#0000 0%,#7a5a23 50%,#0000 100%);flex:1;height:2px}.divider-emblem{color:#7a5a23;align-items:center;gap:10px;display:flex}.emblem-sparkle{color:#a67c37;filter:drop-shadow(0 0 4px #a67c3799)}.menu-section-title{font-family:var(--font-cinzel);color:#3b250c;text-shadow:0 1px 2px #fff6;text-transform:uppercase;letter-spacing:2px;text-align:center;font-size:clamp(22px,3.5vw,32px);font-weight:900}.menu-section-subtitle{font-family:var(--font-medieval);color:#5a3d1b;text-align:center;margin-bottom:30px;font-size:clamp(14px,2vw,17px)}.menu-image-container{justify-content:center;width:100%;max-width:840px;margin:0 auto;display:flex}.menu-image-frame{background:#17110c;border:4px solid #7a5a23;border-radius:12px;width:100%;transition:transform .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c,0 10px 30px #0009}.menu-image-frame:hover{border-color:#d4af37;transform:scale(1.008)}.menu-board-img{object-fit:contain;width:100%;height:auto;display:block}@media (width<=768px){.parchment-menu-section{padding:30px 10px 45px}.menu-image-frame{border-width:2px}}.menu-tabs-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;max-width:900px;margin-bottom:30px;display:flex}.menu-tab-btn{color:#e6c587;font-family:var(--font-cinzel);cursor:pointer;letter-spacing:.8px;background:linear-gradient(#2e1d0f 0%,#150b04 100%);border:1.5px solid #8a5a22;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .25s;box-shadow:0 3px 8px #0006}.menu-tab-btn:hover,.menu-tab-btn.active{color:#fff;background:linear-gradient(#d4af37 0%,#8a5a22 100%);border-color:gold;transform:translateY(-2px);box-shadow:0 0 12px #ffd70099}.interactive-menu-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;width:100%;max-width:1050px;margin:0 auto;display:grid}.menu-item-card{background:linear-gradient(#24190ef0 0%,#120c06f5 100%);border:2px solid #8a5a22;border-radius:10px;flex-direction:column;justify-content:space-between;padding:18px;transition:all .25s;display:flex;position:relative;box-shadow:0 6px 18px #000000b3,inset 0 0 10px #d4af3726}.menu-item-card:hover{border-color:gold;transform:translateY(-4px);box-shadow:0 10px 25px #000c,0 0 15px #ffd70080}.card-top-row{justify-content:center;align-items:center;width:100%;margin-bottom:12px;display:flex}.card-badge{color:#121820;font-family:var(--font-cinzel);letter-spacing:1.5px;text-transform:uppercase;text-align:center;background:linear-gradient(#ffe57f 0%,gold 45%,#b8860b 100%);border:1px solid #fff6;border-radius:14px;padding:5px 14px;font-size:12px;font-weight:900;box-shadow:0 4px 12px #0009,0 0 10px #ffd70066}.card-item-name{font-family:var(--font-cinzel);color:#fff2d0;margin-bottom:6px;font-size:16px;font-weight:700}.card-item-desc{font-family:var(--font-medieval);color:#d4b886;flex:1;margin-bottom:16px;font-size:13px;line-height:1.35}.card-bottom-row{border-top:1px dashed #d4af374d;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.card-item-price{font-family:var(--font-cinzel);color:gold;letter-spacing:.5px;font-size:14px;font-weight:900}.card-order-btn{color:#f5e4c6;font-family:var(--font-cinzel);cursor:pointer;background:linear-gradient(#3a2512 0%,#170d05 100%);border:1px solid #d4af37;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.card-order-btn:hover{color:#121820;background:#d4af37;border-color:gold;box-shadow:0 0 10px #ffd70099}.card-media-wrapper{background:#0d0905;border:1px solid #d4af3766;border-radius:8px;width:100%;height:170px;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000c}.card-media-wrapper.is-video{border-color:#ffd70099;box-shadow:0 0 10px #ffd70033,inset 0 0 15px #000c}.card-media-video{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.menu-item-card:hover .card-media-video{transform:scale(1.05)}.media-badge.video-badge{color:gold;font-family:var(--font-cinzel);letter-spacing:.8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#120c06d9;border:1px solid gold;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:8px;font-weight:800;display:flex;position:absolute;bottom:8px;left:8px;box-shadow:0 2px 6px #000000b3}.card-media-img{object-fit:cover;width:100%;height:100%;display:block}.animated-magical-img{transition:transform .4s,filter .4s;animation:5s ease-in-out infinite alternate magicalFloatGlow}.menu-item-card:hover .animated-magical-img{filter:brightness(1.15)contrast(1.05);transform:scale(1.08)}.magic-shimmer-overlay{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffd70040 50%,#0000 100%);width:60%;height:100%;animation:4s ease-in-out infinite magicShimmer;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes magicalFloatGlow{0%{filter:brightness()drop-shadow(0 0 2px #d4af3733);transform:translateY(0)scale(1)}50%{filter:brightness(1.1)drop-shadow(0 4px 10px #ffd70066);transform:translateY(-4px)scale(1.03)}to{filter:brightness()drop-shadow(0 0 2px #d4af3733);transform:translateY(0)scale(1)}}@keyframes magicShimmer{0%{left:-100%}30%{left:200%}to{left:200%}}@media (width<=480px){.parchment-menu-section{padding:24px 8px 36px}.menu-tabs-container{gap:6px}.menu-tab-btn{padding:6px 10px;font-size:11px}.interactive-menu-grid{grid-template-columns:1fr;gap:14px}}@media (width<=360px),(height<=400px){.parchment-menu-section{padding:16px 4px 24px}.menu-section-title{letter-spacing:1px;font-size:16px}.menu-section-subtitle{margin-bottom:14px;font-size:11px}.menu-tabs-container{gap:4px;margin-bottom:14px}.menu-tab-btn{letter-spacing:.4px;padding:4px 8px;font-size:10px}.interactive-menu-grid{grid-template-columns:1fr;gap:10px}.menu-item-card{padding:10px}.card-media-wrapper{height:130px;margin-bottom:10px}.card-badge{padding:3px 10px;font-size:10px}.card-item-name{font-size:14px}.card-item-desc{margin-bottom:10px;font-size:11px}.card-item-price{font-size:12px}.card-order-btn{padding:4px 8px;font-size:10px}}.fantasy-footer-container{z-index:40;flex-direction:column;align-items:center;width:100%;margin-top:auto;display:flex;position:relative}.footer-top-arch{z-index:10;background:linear-gradient(#1c2533 0%,#0d121a 100%);border:2px solid #d4af37;border-bottom:none;border-radius:8px 8px 0 0;justify-content:center;align-items:center;height:38px;margin-bottom:-2px;padding:0 16px;display:flex;position:relative;box-shadow:0 -4px 12px #000000b3}.stone-pillar{background:linear-gradient(90deg,#121820 0%,#3b495e 50%,#121820 100%);border:1px solid #d4af37;border-radius:2px;width:12px;height:26px}.stone-pillar.left{margin-right:12px}.stone-pillar.right{margin-left:12px}.arch-badge-content{align-items:center;gap:8px;display:flex}.arch-title{font-family:var(--font-cinzel);letter-spacing:2px;color:#fff2d0;text-shadow:0 1px 3px #000000e6;font-size:15px;font-weight:900}.arch-sub{font-family:var(--font-cinzel);color:#d4af37;letter-spacing:1px;font-size:13px}.footer-stone-body{background:linear-gradient(#161e29 0%,#0d1219 100%);border-top:3px solid #d4af37;width:100%;padding:16px 24px;position:relative;box-shadow:0 -2px 10px #000c,inset 0 2px 4px #ffebb426}.footer-grid{grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:20px;max-width:1200px;margin:0 auto;display:grid}.footer-col{text-align:center;flex-direction:column;align-items:center;display:flex}.col-title{font-family:var(--font-cinzel);letter-spacing:1.5px;color:#d4af37;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:700}.col-text{font-family:var(--font-cinzel);color:#cbb898;letter-spacing:.5px;font-size:12px}.social-parchment-icons{align-items:center;gap:12px;display:flex}.social-scroll-box{color:#2b1a0a;background:linear-gradient(135deg,#f5e4c6 0%,#d4b886 100%);border:2px solid #8a5a22;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 3px 6px #0009,inset 0 0 4px #fff9}.social-scroll-box:hover{color:#000;background:linear-gradient(135deg,#fff 0%,gold 100%);border-color:gold;transform:translateY(-3px)scale(1.08);box-shadow:0 5px 12px #ffd70099}.social-icon{width:18px;height:18px}.footer-nav-links{align-items:center;gap:8px;margin-bottom:4px;display:flex}.footer-nav-links a{font-family:var(--font-cinzel);color:#cbb898;font-size:12px;text-decoration:none;transition:color .2s}.footer-nav-links a:hover{color:gold;text-shadow:0 0 6px #ffd70099}.link-divider{color:#7a5a23;font-size:12px}.copyright-text{font-family:var(--font-cinzel);color:#8c7960;letter-spacing:.5px;font-size:10px}@media (width<=850px){.footer-grid{grid-template-columns:1fr;gap:16px}.footer-top-arch{height:auto;padding:4px 12px}.arch-title{letter-spacing:1px;font-size:13px}.arch-sub{font-size:11px}.stone-pillar{width:8px;height:20px}.footer-stone-body{padding:14px 16px}.footer-nav-links{flex-wrap:wrap;justify-content:center;gap:6px}.social-scroll-box{width:38px;height:38px}}@media (width<=480px){.footer-grid{gap:14px}.arch-badge-content{flex-direction:row;gap:6px}.arch-title{font-size:11px}.arch-sub{font-size:10px}.col-title{margin-bottom:4px;font-size:11px}.col-text{font-size:11px}}@media (width<=360px),(height<=400px){.footer-stone-body{padding:10px 8px}.arch-title{font-size:10px}.arch-sub{font-size:9px}.stone-pillar{width:6px;height:16px}.col-title,.col-text{font-size:10px}.social-scroll-box{width:30px;height:30px}.social-icon{width:14px;height:14px}.footer-nav-links a{font-size:10px}.copyright-text{font-size:9px}}.fantasy-frame-wrapper{box-sizing:border-box;background:#0d1117;flex-direction:column;width:100%;min-height:100vh;padding:18px;display:flex;position:relative}.parchment-viewport{background-blend-mode:overlay;background-color:#dfc498;background-image:url(/HogWard_Cafe/assets/parchment-0i-lIwQf.png),radial-gradient(circle,#fff3 0%,#78501e4d 100%);background-size:cover;border:3px solid #7c5c29;border-radius:4px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #28140599,0 0 25px #000000e6}.frame-border-corner{pointer-events:none;z-index:50;width:90px;height:90px;position:absolute}.frame-border-corner.top-left{top:4px;left:4px}.frame-border-corner.top-right{top:4px;right:4px;transform:scaleX(-1)}.frame-border-corner.bottom-left{bottom:4px;left:4px;transform:scaleY(-1)}.frame-border-corner.bottom-right{bottom:4px;right:4px;transform:scale(-1)}.glowing-gem{background:radial-gradient(circle at 30% 30%,#a6f6ff,#00b4d8 60%,#004e64);border:1px solid #e6c587;width:12px;height:12px;position:absolute;transform:rotate(45deg);box-shadow:0 0 8px #00d9ff,0 0 15px #00d9ffcc}.top-left .glowing-gem{top:22px;left:22px}.top-right .glowing-gem{top:22px;right:22px}.bottom-left .glowing-gem{bottom:22px;left:22px}.bottom-right .glowing-gem{bottom:22px;right:22px}.main-content{z-index:2;flex-direction:column;flex:1;width:100%;display:flex;position:relative}@media (width<=1024px){.fantasy-frame-wrapper{padding:12px}.frame-border-corner{width:65px;height:65px}}@media (width<=768px){.fantasy-frame-wrapper{padding:6px}.frame-border-corner{width:45px;height:45px}.glowing-gem{width:8px;height:8px}.top-left .glowing-gem{top:11px;left:11px}.top-right .glowing-gem{top:11px;right:11px}.bottom-left .glowing-gem{bottom:11px;left:11px}.bottom-right .glowing-gem{bottom:11px;right:11px}}@media (width<=480px){.fantasy-frame-wrapper{padding:4px}.frame-border-corner{width:35px;height:35px}}@media (width<=360px),(height<=400px){.fantasy-frame-wrapper{padding:2px}.frame-border-corner{width:24px;height:24px}.glowing-gem{width:5px;height:5px}.top-left .glowing-gem{top:6px;left:6px}.top-right .glowing-gem{top:6px;right:6px}.bottom-left .glowing-gem{bottom:6px;left:6px}.bottom-right .glowing-gem{bottom:6px;right:6px}}