/* MEKAN ET MANGAL — clean mobile-first edition, 2026-10 */
:root{color-scheme:dark;--bg:#13110f;--panel:#201c18;--panel2:#28231e;--line:#45382c;--softline:#302920;--gold:#dcb77d;--goldlight:#f3d6a7;--white:#f7f0e7;--text:#d5c7b8;--muted:#ad9e8d;--header:70px;--max:1120px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 18px);-webkit-text-size-adjust:100%}
body{margin:0;min-width:0;background:var(--bg);color:var(--white);font:400 15px/1.58 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12;letter-spacing:-.032em}h3{line-height:1.3}p{color:var(--text)}img,svg{display:block;max-width:100%}.icon{height:19px;width:19px;flex-shrink:0}::selection{background:var(--gold);color:#17120e}:focus-visible{outline:3px solid #f6d4a0;outline-offset:3px}
.wrap{width:min(calc(100% - 32px),var(--max));margin-inline:auto}
.skip-link{position:fixed;top:-150px;left:12px;z-index:1000;padding:12px 18px;border-radius:8px;background:var(--gold);color:#1a1410}.skip-link:focus{top:12px}
.gold,em{font-style:normal;color:var(--gold)}.eyebrow{color:var(--gold);font-weight:750;font-size:.72rem;line-height:1.5;letter-spacing:.14em;text-transform:uppercase}
/* header: centered mobile logo, independent buttons and true modal-like navigation */
.site-header{height:var(--header);position:sticky;top:0;z-index:80;background:#151310f7;border-bottom:1px solid var(--softline);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.header-row{height:100%;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:8px}
.brand{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;min-width:0;white-space:nowrap;justify-self:center}.brand img{width:29px;height:38px;object-fit:contain}.brand-text{display:flex;flex-direction:column;min-width:0;gap:2px}.brand-text strong{font:400 1.47rem/.98 Georgia,serif;letter-spacing:.06em;color:var(--goldlight)}.brand-text small{font-size:.56rem;font-weight:750;letter-spacing:.24em;color:var(--gold);line-height:1.2}
.nav-toggle,.mobile-phone{display:grid;place-items:center;width:46px;height:46px;border:1px solid transparent;border-radius:11px;background:transparent}.nav-toggle .icon,.mobile-phone .icon{width:24px;height:24px;color:var(--goldlight)}.mobile-phone{justify-self:end}
.desktop-nav,.desktop-phone{display:none}.mobile-nav{position:absolute;left:0;right:0;top:var(--header);background:#1c1915;border-bottom:1px solid var(--line);padding:12px max(16px,calc((100vw - var(--max))/2)) 17px;box-shadow:0 22px 35px #050403bb}.mobile-nav>a{display:block;min-height:50px;padding:13px 12px;border-bottom:1px solid var(--softline);font-weight:650}.mobile-nav>a[aria-current=page]{color:var(--goldlight);background:#292218}.mobile-meta{display:flex;justify-content:space-between;gap:8px;padding:15px 12px 0;color:var(--muted);font-size:.75rem}.mobile-meta span{color:var(--gold)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 17px;border-radius:10px;border:1px solid transparent;white-space:nowrap;font-weight:720;font-size:.87rem;text-align:center}.button .icon{width:17px;height:17px}.button.primary{background:var(--gold);color:#1a1510}.button.primary:hover{background:#ecc994}.button.secondary{border-color:#826242;background:#241e18;color:var(--goldlight)}.button.secondary:hover{border-color:var(--gold)}
/* home */
.hero{display:grid;gap:21px;padding-top:33px}.hero-copy h1{font-size:clamp(2.8rem,11vw,4.9rem);margin:16px 0 14px}.hero-copy em{font-style:italic}.hero-copy>p{font-size:.97rem;max-width:52ch;line-height:1.7}.hero-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:23px}.hero-links>.button{flex:1 1 145px}
.hero-art{position:relative;min-height:178px;display:flex;justify-content:space-between;flex-direction:column;padding:14px 17px;border-radius:15px;border:1px solid #796043;background:radial-gradient(ellipse at center,#39291b,#1d1813 70%,#181510)}.hero-art:after{content:"";position:absolute;inset:9px;border:1px solid #c39a592c;pointer-events:none}.hero-art>span{color:#c5a26b;font-size:.59rem;letter-spacing:.16em;font-weight:750}.hero-art>span:last-child{align-self:flex-end}.art-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:110px;height:110px;border:1px solid #ae84539c;border-radius:50%;box-shadow:0 0 0 19px #d3a26e0e}.art-ring img{height:75px;width:62px;object-fit:contain}
.home-section{padding-top:58px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:20px}.section-heading h2{font-size:clamp(1.75rem,5.8vw,2.6rem);margin-top:7px}.section-link{display:none;color:var(--gold);font-weight:700;font-size:.87rem;min-height:44px;align-items:center;gap:7px;white-space:nowrap}.section-link .icon{width:17px;height:17px}
.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:0;min-height:133px;padding:15px;border:1px solid #4d3c2e;border-radius:12px;background:#221d18}.tile:hover{border-color:var(--gold)}.tile-top{display:flex;justify-content:space-between;color:#b99463}.tile-top .icon{height:16px;width:16px}.tile strong{display:block;font:400 1.19rem/1.2 Georgia,serif;overflow-wrap:break-word}.tile-more{font-size:.72rem;color:var(--muted)}.all-categories{display:flex;gap:8px;align-items:center;justify-content:center;min-height:48px;color:var(--gold);font-weight:750;font-size:.87rem;margin-top:8px}.all-categories .icon{height:17px;width:17px}
.featured-grid{display:grid;gap:11px}.location-strip{display:grid;gap:23px;padding:26px 21px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.location-strip h2{font-size:clamp(1.85rem,4vw,2.55rem);margin:9px 0 12px}.location-strip p{max-width:48ch}.location-mark{min-height:142px;display:flex;align-items:center;justify-content:space-around;flex-direction:column;border:1px solid #70563b;border-radius:11px;background:radial-gradient(circle,#34291d,#211b16);color:var(--gold);font-size:.65rem;letter-spacing:.15em}.location-mark .icon{width:43px;height:43px;padding:9px;border-radius:50%;border:1px solid #b48a5599}
/* menu: only one category exists per URL; independent search across all menu items */
.menu-page{padding-top:27px;padding-bottom:12px}.menu-hero{margin-bottom:20px}.menu-hero h1{font-size:clamp(2.7rem,8vw,4.1rem);margin-top:9px}.menu-hero p{font-size:.92rem;margin-top:5px}
.search-box{display:flex;gap:8px;margin-bottom:15px}.search-box label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:51px;padding:0 14px;border:1px solid #846541;background:#25201b;border-radius:12px}.search-box label:focus-within{outline:2px solid #e5bd7e;outline-offset:1px}.search-box .icon{color:var(--gold);width:20px;height:20px}.search-box input{width:100%;min-width:0;color:var(--white);border:0;outline:0;background:transparent;font-size:.91rem}.search-box input::placeholder{color:#b4a38f}.search-box>button{padding:0 8px;border:0;background:none;font-size:.82rem;color:var(--gold)}
.category-bar{position:sticky;top:var(--header);z-index:35;background:var(--bg);margin:0 -16px;padding:9px 16px 0;border-bottom:1px solid var(--softline);box-shadow:0 7px 13px #09080645}.category-hint{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.65rem;font-weight:700;letter-spacing:.12em;margin-bottom:8px}.category-hint span:last-child{letter-spacing:0;color:#b9996b;font-weight:500}.category-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;padding-bottom:12px}.category-scroll::-webkit-scrollbar{display:none}.category-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:max-content;flex-shrink:0;padding:9px 15px;border:1px solid #574637;border-radius:99px;background:#241f1b;color:#eadbca;font-size:.83rem;font-weight:650;white-space:nowrap}.category-pill[aria-current=page]{color:#1c160f;background:var(--gold);border-color:var(--gold);font-weight:780}.category-pill:hover:not([aria-current]){border-color:var(--gold)}
.category-heading{margin:22px 0 17px}.category-heading .category-count{color:var(--gold);font-weight:750;font-size:.74rem;letter-spacing:.06em}.category-heading h2{margin:4px 0 5px;font-size:clamp(1.9rem,5.5vw,2.5rem)}.category-heading p{font-size:.88rem;color:var(--muted)}.product-list{display:grid;gap:11px}.product{min-width:0;border:1px solid #4a3a2d;background:var(--panel);border-radius:13px;padding:17px 16px}.product-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.product h3{font-size:1.04rem;font-weight:710;letter-spacing:-.015em;min-width:0;overflow-wrap:anywhere}.price{color:var(--goldlight);font-size:1.02rem;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}.product-description{font-size:.88rem;line-height:1.56;margin-top:8px;max-width:58ch}.variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.variant{display:grid;place-items:center;gap:1px;padding:10px 4px;border:1px solid #534333;border-radius:8px;background:#2b251f;font-variant-numeric:tabular-nums}.variant small{font-size:.76rem;color:#cfbb9e}.variant strong{color:var(--goldlight);font-size:.98rem}.breakfast-note{padding:14px;margin-bottom:15px;border:1px solid #55422e;border-radius:10px;background:#282118;font-size:.88rem;line-height:1.65;color:#e1cbb2}.breakfast-note strong{color:var(--goldlight)}
.search-result{min-height:200px}.no-result{padding:25px 14px;text-align:center;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.menu-end{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:.85rem;color:var(--muted);padding:28px 2px 5px}.menu-end a{display:inline-flex;align-items:center;gap:4px;color:var(--gold)}.menu-end .icon{height:16px;width:16px}
/* inner pages */
.inner-page{padding-top:38px}.inner-head{margin-bottom:26px}.inner-head h1{font-size:clamp(2.6rem,7vw,4.5rem);max-width:690px;margin:14px 0}.inner-head h1 em{font-style:italic}.inner-head>p{max-width:54ch;line-height:1.7}.about-grid,.contact-grid{display:grid;gap:17px}.content-panel{background:var(--panel);border:1px solid var(--line);padding:26px 21px;border-radius:15px}.content-panel h2{font-size:clamp(1.75rem,4vw,2.5rem);margin:8px 0 18px}.content-panel>p:not(.eyebrow){line-height:1.8;margin:0 0 14px}.about-art{display:flex;align-items:center;justify-content:space-around;flex-direction:column;min-height:250px;background:radial-gradient(circle,#3a2a1c,#1b1713 72%);border:1px solid #725539;border-radius:15px;color:var(--gold);font:400 1.9rem Georgia,serif;letter-spacing:.15em}.about-art img{width:90px;height:110px;object-fit:contain}.about-art small{font:750 .65rem system-ui;letter-spacing:.16em}
.contact-detail{padding:16px 0;border-top:1px solid var(--softline)}.contact-detail strong{display:block;font-size:.71rem;letter-spacing:.13em;color:var(--gold);margin-bottom:5px}.contact-detail a{color:var(--goldlight);font-weight:720}.contact-buttons{display:grid;gap:9px;margin-top:10px}.copy-btn{background:none;border:1px solid var(--line);color:var(--goldlight)}.map-card{display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:14px;min-height:325px;padding:27px 18px;border:1px solid #7d6041;border-radius:15px;background:repeating-linear-gradient(130deg,#23201b,#23201b 26px,#26221d 27px,#26221d 28px);text-align:center}.map-pin{display:grid;place-items:center;width:82px;height:82px;background:#2c241c;border:1px solid #936e45;border-radius:50%;color:var(--gold)}.map-pin .icon{width:41px;height:41px}.map-card strong{font:400 1.6rem Georgia,serif;color:var(--goldlight)}.map-address{color:var(--text);font-size:.88rem;max-width:30ch}.map-more{display:inline-flex;align-items:center;gap:5px;color:var(--gold);font-size:.9rem;font-weight:740}.map-more .icon{height:17px;width:17px}
/* footer + thumb reachable actions */
.site-footer{margin-top:70px;padding:35px 0 calc(96px + env(safe-area-inset-bottom));border-top:1px solid var(--softline)}.footer-layout{display:grid;gap:25px}.footer-name{color:var(--gold);font:400 1.35rem Georgia,serif;letter-spacing:.07em}.footer-name span{font-size:.84rem}.footer-layout p{font-size:.85rem;margin-top:7px}.footer-info>strong,.footer-links>strong{display:block;margin-bottom:8px;color:var(--gold);font-size:.8rem}.footer-info a{display:block;color:var(--goldlight);font-size:.86rem;margin-top:7px}.footer-links{display:flex;flex-wrap:wrap;gap:11px 19px}.footer-links strong{width:100%;margin:0}.footer-links a{font-size:.88rem;color:var(--text)}.footer-bottom{display:flex;flex-wrap:wrap;gap:5px 20px;justify-content:space-between;padding-top:18px;margin-top:25px;border-top:1px solid var(--softline);color:var(--muted);font-size:.73rem}
.bottom-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:70;height:calc(65px + env(safe-area-inset-bottom));padding:5px 6px calc(5px + env(safe-area-inset-bottom));background:#1b1714fa;border-top:1px solid #60492e;backdrop-filter:blur(12px)}.bottom-nav>a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:48px;font-weight:650;font-size:.72rem;color:var(--text)}.bottom-nav>a .icon{height:21px;width:21px;color:var(--gold)}.bottom-nav>a[aria-current=page]{color:var(--goldlight)}
@media(min-width:600px){.wrap{width:min(calc(100% - 52px),var(--max))}.hero{grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding-top:54px}.hero-art{min-height:330px}.art-ring{width:155px;height:155px}.art-ring img{width:75px;height:93px}.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-grid,.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.product{padding:20px}.location-strip{grid-template-columns:1.1fr .9fr;align-items:center;padding:32px;gap:27px}.location-mark{min-height:250px}.about-grid,.contact-grid{grid-template-columns:1fr 1fr;gap:22px}.content-panel{padding:30px}.about-art{min-height:400px}.contact-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-buttons .copy-btn{grid-column:1/-1}.footer-layout{grid-template-columns:1.2fr 1fr .6fr;gap:25px}.footer-links{display:flex;flex-direction:column;align-items:flex-start}.footer-links strong{width:auto}.category-bar{margin:0;padding-left:0;padding-right:0}.menu-page{padding-top:41px}.search-box{max-width:510px}.variants{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:900px){:root{--header:77px}.wrap{width:min(calc(100% - 72px),var(--max))}.site-header .header-row{display:flex;justify-content:space-between;gap:26px}.brand{justify-self:auto}.brand img{width:33px;height:43px}.brand-text strong{font-size:1.66rem}.desktop-nav{display:flex;align-items:center;gap:27px;margin-left:auto}.desktop-nav a{display:flex;align-items:center;min-height:44px;font-size:.88rem;color:var(--text);font-weight:690;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--gold)}.desktop-phone{display:flex;align-items:center;gap:7px;padding:0 14px;border:1px solid #8e6a42;border-radius:9px;min-height:43px;font-size:.83rem;font-weight:700;color:var(--goldlight)}.desktop-phone .icon{height:17px;width:17px}.nav-toggle,.mobile-phone,.bottom-nav,.mobile-nav{display:none!important}.hero{padding-top:63px;gap:50px}.hero h1{font-size:5.05rem}.hero-art{min-height:420px}.art-ring{width:185px;height:185px}.home-section{padding-top:82px}.section-link{display:inline-flex}.tile-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.tile{min-height:156px;padding:16px}.tile strong{font-size:1.17rem}.all-categories{display:none}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.featured-grid .product-head{display:block}.featured-grid .price{display:block;margin-top:6px}.featured-grid .product-description{font-size:.83rem}.menu-page{padding-top:55px}.menu-hero{margin-bottom:25px}.category-bar{position:static;box-shadow:none;border:0;padding-top:5px}.category-hint{display:none}.category-scroll{flex-wrap:wrap;overflow:visible;padding-bottom:13px;gap:9px}.category-pill{min-height:43px}.product-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.page-menu .variants{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-end{margin-top:15px}.site-footer{padding:41px 0 25px}.inner-page{padding-top:65px}}
@media(min-width:1100px){.page-menu .product-list:has(.variants){grid-template-columns:repeat(2,minmax(0,1fr))}.page-menu .product-list:has(.variants) .variants{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:359px){.wrap{width:calc(100% - 26px)}.brand-text strong{font-size:1.36rem}.brand img{width:26px;height:35px}.category-bar{margin:0 -13px;padding-inline:13px}.hero-copy h1{font-size:2.62rem}.hero-links .button{font-size:.79rem;padding-inline:8px}.variant strong{font-size:.9rem}.product h3{font-size:.99rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}