/* BuildYourSystem v0.11 shared refinement layer. Loaded last on every page. */
:root{--v11-radius:18px;--v11-soft-shadow:0 18px 45px rgba(15,23,42,.08)}
html[data-mode=dark]{--v11-soft-shadow:0 22px 54px rgba(0,0,0,.28)}
/* Dashboard sidebar: always readable on desktop, no nested scrolling or filler copy. */
@media(min-width:901px){.hub-sidebar,.sidebar{overflow:visible!important}.hub-sidebar .nav-scroll,.sidebar .nav-scroll{overflow:visible!important;min-height:auto!important}.hub-workspace{min-height:100vh}.hub-sidebar{height:100vh}.hub-sidebar .sidebar-footer{margin-top:auto}.hub-nav-intro,.hub-sidebar-note,[data-sidebar-collapse]{display:none!important}}
/* Unified filter language based on the commissions filter. */
.v5-filter-line,.v6-category-search,.studio-filters,.toolbar:has(.toolbar-search),.c9-filter{border:1px solid var(--line)!important;border-radius:18px!important;background:var(--surface)!important;box-shadow:0 12px 28px color-mix(in srgb,var(--ink) 5%,transparent)!important;padding:11px 13px!important}
.v5-filter-line>.v5-search,.v6-category-search .v6-search,.toolbar-search,.c9-search{position:relative!important;border-radius:12px!important;background:var(--bg)!important;border:1px solid var(--line)!important;min-height:42px!important}
.v5-search>.icon,.v6-search>.icon,.toolbar-search>.icon,.c9-search>.icon{position:absolute!important;inset-inline-start:12px!important;top:50%!important;transform:translateY(-50%)!important;width:17px!important;height:17px!important;color:var(--muted)!important;pointer-events:none!important;z-index:2}
.v5-search input,.v6-search input,.toolbar-search input,.c9-search input{padding-inline-start:40px!important;background:transparent!important;border:0!important;box-shadow:none!important;min-height:40px!important;width:100%!important}
.c9-quick-dates,.v5-filter-line .v5-quick-dates{gap:6px!important}.c9-quick-dates button,.v5-filter-line [data-filter-preset]{min-height:30px!important;border-radius:10px!important;padding:5px 10px!important;font-size:11px!important;display:inline-flex!important;align-items:center!important;gap:5px!important}
@media(max-width:720px){.c9-filter,.v5-filter-line,.studio-filters{padding:9px!important}.c9-filter-bar>.c9-search,.v5-filter-line>.v5-search,.studio-filters .filter-primary>label:first-child{flex:1 1 calc(100% - 92px)!important;max-width:none!important}.c9-filter-bar>label:not(.c9-search),.v5-filter-line>.v5-filter-count,.v5-filter-line>select,.studio-filters .filter-primary>label:not(:first-child){display:none!important}.c9-quick-dates{display:none!important}.c9-filter-expanded,.v5-filter-pop{border-radius:20px 20px 0 0!important}.v6-category-search{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}.v6-category-search .btn{min-width:80px!important}}
/* Compact child category cards. */
.v6-subcategories{display:grid!important;gap:8px!important;margin-top:12px!important}.v6-subcategory{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto auto!important;align-items:center!important;gap:10px!important;min-height:54px!important;padding:7px 10px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--bg)!important;text-align:start!important}.v6-subcategory img,.v6-subcategory>svg{width:40px!important;height:40px!important;border-radius:11px!important;object-fit:cover!important}.v6-subcategory span{font-size:12px!important;font-weight:700!important}.v6-subcategory small{font-size:10px!important;color:var(--muted)!important}.v6-directory-grid .v6-directory-subs{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:8px!important}.v6-directory-subs a{display:flex!important;align-items:center!important;min-height:48px!important;padding:8px 12px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--surface)!important}
/* Restaurant category navigation with explicit light/dark contrast. */
.m9-menu .m9-category-nav{position:sticky!important;top:86px!important;z-index:22!important;display:flex!important;gap:8px!important;padding:10px!important;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line))!important;border-radius:16px!important;background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 10%,var(--m9-background)),color-mix(in srgb,var(--m9-secondary) 11%,var(--m9-background)))!important;box-shadow:0 14px 34px color-mix(in srgb,var(--ink) 8%,transparent)!important;backdrop-filter:blur(16px)!important}.m9-menu .m9-category-nav a{min-height:44px!important;padding:7px 12px!important;border-radius:12px!important;color:var(--ink)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--m9-surface)),color-mix(in srgb,var(--m9-secondary) 10%,var(--m9-surface)))!important;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent)!important;font-weight:700!important}.m9-menu .m9-category-nav a:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--m9-surface)),color-mix(in srgb,var(--m9-secondary) 16%,var(--m9-surface)))!important}.m9-menu .m9-category-nav a.active{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 82%,#111 18%),color-mix(in srgb,var(--m9-secondary) 78%,#111 22%))!important;color:#fff!important;border-color:transparent!important}.m9-menu .m9-category-nav a.active :is(span,small,svg){color:#fff!important}.m9-menu .m9-category-nav small{color:var(--muted)!important}
html[data-mode=dark] .m9-menu .m9-category-nav{background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 13%,#151719),color-mix(in srgb,var(--m9-secondary) 12%,#151719))!important;border-color:rgba(255,255,255,.1)!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important}html[data-mode=dark] .m9-menu .m9-category-nav a{color:#f8fafc!important;border-color:rgba(255,255,255,.07)!important}html[data-mode=dark] .m9-menu .m9-category-nav a:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 20%,#202326),color-mix(in srgb,var(--m9-secondary) 18%,#202326))!important}html[data-mode=dark] .m9-menu .m9-category-nav a.active{color:#fff!important}html[data-mode=dark] .m9-menu .m9-category-nav small{color:#c4cbd3!important}
/* Better section hierarchy. */
.m9-section-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:12px!important;padding:13px 14px 13px 16px!important;margin:0 0 20px!important;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line))!important;border-radius:18px!important;background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 17%,var(--m9-surface)) 0%,color-mix(in srgb,var(--m9-secondary) 8%,var(--m9-surface)) 48%,transparent 100%)!important;overflow:hidden!important}.m9-section-heading:after{content:none!important}.m9-section-copy{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}.m9-section-number{font:750 12px/1 Manrope,sans-serif!important;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line))!important;border-radius:999px!important;padding:7px 8px!important;color:var(--primary)!important;background:color-mix(in srgb,var(--m9-surface) 82%,transparent)!important;align-self:auto!important}.m9-section-heading h2{font-size:clamp(23px,2.6vw,34px)!important;line-height:1.35!important;margin:0!important}.m9-section-copy p{font-size:12px!important;color:var(--muted)!important;line-height:1.6!important;margin:2px 0 0!important}.m9-section-count{font-size:10px!important;color:var(--muted)!important;background:color-mix(in srgb,var(--m9-surface) 78%,transparent)!important;border-radius:999px!important;padding:6px 9px!important;white-space:nowrap!important}.m9-section-visual{width:58px!important;height:58px!important;border-radius:15px!important;overflow:hidden!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--primary) 11%,var(--m9-surface))!important;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line))!important;color:var(--primary)!important}.m9-section-visual img{width:100%!important;height:100%!important;object-fit:cover!important}.m9-section-visual svg{width:25px!important;height:25px!important}
/* Cover: designed light/dark layers, never a flat fill. */
.m9-cover{position:relative!important;isolation:isolate!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent)!important;background:linear-gradient(135deg,#fffaf1 0%,#efe3cf 48%,#d8c2a4 100%)!important;box-shadow:var(--v11-soft-shadow)!important}.m9-cover:before{content:'';position:absolute;inset:-20%;z-index:-2;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.96),transparent 28%),radial-gradient(circle at 84% 20%,rgba(186,137,73,.28),transparent 27%),linear-gradient(115deg,transparent 0 45%,rgba(255,255,255,.32) 45% 47%,transparent 47%);transform:rotate(-2deg)}.m9-cover:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(92,67,38,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(92,67,38,.03) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
html[data-mode=dark] .m9-cover{background:linear-gradient(135deg,#111417 0%,#1e2226 42%,#33271e 100%)!important;border-color:rgba(255,255,255,.08)!important;color:#f7f2e9!important}html[data-mode=dark] .m9-cover:before{background:radial-gradient(circle at 20% 18%,rgba(181,132,76,.2),transparent 25%),radial-gradient(circle at 82% 20%,rgba(255,195,112,.14),transparent 25%),linear-gradient(115deg,transparent 0 45%,rgba(255,255,255,.045) 45% 47%,transparent 47%)}html[data-mode=dark] .m9-cover:after{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px)}
.m9-cover-copy h1{font-size:clamp(38px,5vw,68px)!important;max-width:13ch!important}.m9-scene-glow{position:absolute!important;inset:0!important;pointer-events:none!important;overflow:hidden!important}.m9-scene-glow:before,.m9-scene-glow:after{content:'';position:absolute;border-radius:50%;filter:blur(26px);opacity:.5;will-change:transform}.m9-scene-glow:before{width:42%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,194,111,.66),transparent 65%);left:5%;top:10%;transform:translate3d(var(--v11-px,0),var(--v11-py,0),0)}.m9-scene-glow:after{width:33%;aspect-ratio:1;background:radial-gradient(circle,rgba(122,166,150,.38),transparent 68%);right:4%;bottom:3%;transform:translate3d(calc(var(--v11-px,0)*-.55),calc(var(--v11-py,0)*-.55),0)}
/* Dish cards: consistent hierarchy and bottom-docked options. */
.m9-menu .v7-food{height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.m9-menu .v7-food-body{display:flex!important;flex-direction:column!important;flex:1!important}.m9-menu .v7-food-body>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.m11-card-options{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto;padding-top:12px}.m11-card-options span{font-size:9px;line-height:1.4;padding:4px 7px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:999px;background:var(--soft);color:var(--muted)}.m9-menu .v7-food footer{margin-top:10px!important;padding-top:10px!important;border-top:1px dashed color-mix(in srgb,var(--ink) 10%,transparent)!important}.m9-menu .v7-food-image{cursor:pointer!important}.m9-menu .v7-food-image:hover img{transform:scale(1.025)!important}
/* Footer and contact page fill the same visual width as the header. */
.m9-menu .x-project-footer{width:100%!important;max-width:none!important;margin-inline:0!important}.m9-menu .x-footer-grid{width:min(100% - 36px,1440px)!important;margin-inline:auto!important}.m9-information[data-page=contact],.m9-information:has(.m9-contact-actions){position:relative;overflow:hidden;padding:clamp(28px,5vw,64px)!important;border:1px solid color-mix(in srgb,var(--ink) 9%,transparent);border-radius:28px;background:linear-gradient(140deg,var(--surface),color-mix(in srgb,var(--primary) 7%,var(--bg)));box-shadow:var(--v11-soft-shadow)}.m9-information:has(.m9-contact-actions):before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;inset-inline-end:-80px;top:-100px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 20%,transparent),transparent 70%)}.m9-contact-actions{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin:22px 0!important}.m9-contact-actions .btn{min-height:44px!important}
/* Project identity/settings parity. */
.v5-settings-section .v5-section-content,.v5-settings-section .form-grid,.v5-settings-section .v5-bilingual-pair{width:100%!important;max-width:none!important}.v5-settings-section input,.v5-settings-section textarea,.v5-settings-section select{width:100%!important;max-width:none!important}.social-links,.v5-social-grid{gap:10px!important}.social-links>a,.v5-social-row{min-height:48px!important;border-radius:13px!important}.social-links .icon,.v5-social-row .icon{width:19px!important;height:19px!important;flex:none!important}
/* Menu identity/template cards: equal previews and stronger discoverability. */
.c9-profile-grid,.hub-theme-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:13px!important}.c9-profile,.hub-theme-card{min-height:210px!important;border-radius:18px!important;overflow:hidden!important}.c9-profile iframe,.hub-theme-preview{height:132px!important;width:100%!important;object-fit:cover!important}.c9-profile:hover,.hub-theme-card:hover{transform:translateY(-3px);box-shadow:0 18px 35px color-mix(in srgb,var(--ink) 10%,transparent)!important}
/* Store desktop menu anchored by JS; keep it large, readable and predictable. */
.v6-category-dropdown{z-index:140!important;border:1px solid var(--line)!important;border-radius:18px!important;background:var(--surface)!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important;padding:14px!important}.v6-category-dropdown a,.v6-drop-row button{min-height:42px!important;border-radius:10px!important}.v6-category-dropdown a:hover{background:var(--soft)!important}
/* Mobile category directory and filtering. */
@media(max-width:720px){.m9-menu .m9-category-nav{top:72px!important;margin-inline:-18px!important;border-radius:0!important;border-inline:0!important;padding:8px 18px!important;overflow:auto!important;scrollbar-width:none}.m9-menu .m9-category-nav::-webkit-scrollbar{display:none}.m9-section-heading{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:9px 10px!important;margin-bottom:13px!important;border-radius:14px!important}.m9-section-copy{gap:8px!important}.m9-section-number{font-size:10px!important;padding:6px 7px!important}.m9-section-heading h2{font-size:21px!important}.m9-section-copy p{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:46vw!important}.m9-section-count{display:none!important}.m9-section-visual{width:46px!important;height:46px!important;border-radius:12px!important}.m9-section-visual svg{width:21px!important;height:21px!important}.m9-cover-copy h1{font-size:clamp(34px,10vw,48px)!important;margin-inline:auto!important}.v6-directory-grid{grid-template-columns:1fr!important}.v6-directory-card>a{display:grid!important;grid-template-columns:70px 1fr!important;gap:12px!important;align-items:center!important}.v6-directory-card>a>img,.v6-directory-card>a>.v6-empty-art{width:70px!important;height:58px!important;border-radius:13px!important}.v6-directory-card h2{font-size:15px!important}.m9-menu .x-footer-grid{width:min(100% - 24px,1440px)!important}}
@media(prefers-reduced-motion:reduce){.m9-scene-glow:before,.m9-scene-glow:after{transform:none!important}.c9-profile:hover,.hub-theme-card:hover{transform:none!important}}
.v11-image-error{position:relative!important;min-height:110px!important;background:linear-gradient(135deg,var(--soft),var(--surface))!important;display:grid!important;place-items:center!important}.v11-image-placeholder{display:inline-flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:11px;font-weight:700;padding:14px}.v11-image-error img{display:none!important}.m9-cover-art{transition:transform .28s cubic-bezier(.2,.8,.2,1)!important;transform-style:preserve-3d!important}
/* v0.11 Stage B — design library preview-only modal */
.hub-preview-only{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:24px;align-items:stretch}.hub-theme-preview-large{height:auto!important;min-height:440px!important;border:1px solid var(--line);border-radius:24px}.hub-theme-preview-large .theme-mini-hero{min-height:260px}.hub-theme-preview-large .theme-mini-hero strong{font-size:31px;max-height:none}.hub-theme-preview-large .theme-mini-art .icon{width:74px;height:74px}.hub-theme-preview-large .theme-mini-cards i{height:62px}.hub-preview-only-copy{display:flex;flex-direction:column;justify-content:center;gap:12px}.hub-preview-only-copy h2{font-size:30px;margin:0}.hub-preview-only-copy p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.hub-preview-only-copy small{display:block;padding:12px 14px;border-radius:12px;background:var(--soft);color:var(--muted)}
@media(max-width:780px){.hub-preview-only{grid-template-columns:1fr}.hub-theme-preview-large{min-height:340px!important}.hub-theme-preview-large .theme-mini-hero{min-height:190px}.hub-preview-only-copy h2{font-size:24px}}