/* Marco Coffee V6 — clean ordering layout, real photography, accessible controls */
:root{--gold:#b58d45;--ink:#292b2e;--line:#e9e9e9;--paper:#fff}
body{background:#f9f9f8;color:var(--ink)}
button{font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
[hidden]{display:none!important}
.marco-compact-header{height:83px;background:#fff;border-bottom:1px solid #e9e9e9}
.compact-header-inner{height:100%;width:min(1460px,calc(100% - 64px));margin:auto;display:flex;align-items:center;gap:50px}
.marco-compact-header .brand-mark{color:var(--gold);border-color:var(--gold);border-radius:10px}
.marco-compact-header .brand-wordmark{font-size:16px;letter-spacing:3.3px}
.marco-compact-header .header-search{max-width:550px;flex:1;margin-inline:auto}
.marco-compact-header .header-search input{height:46px;border:1px solid #ebebeb;border-radius:26px;background:#f7f7f7;padding-left:41px;font-size:13px}
.marco-compact-header .nav-actions{gap:12px}
.marco-compact-header .text-action{border:1px solid #ededed!important;border-radius:9px!important;background:#fff!important;color:var(--ink)!important;font-size:13px}
.marco-compact-header .text-action:hover{background:#eee!important;color:var(--ink)!important}
.marco-compact-header .bag-button{border-radius:11px;background:var(--ink)!important}
.store-shell{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 83px)}
.menu-sidebar{background:#fff;border-right:1px solid #eee;padding:39px 18px 25px;position:sticky;top:83px;align-self:start;max-height:calc(100vh - 83px);overflow-y:auto}
.sidebar-heading{font-size:11px;color:#a5a5a5;letter-spacing:2px;font-weight:800;padding:0 16px 17px}
.sidebar-tabs{display:flex;flex-direction:column;gap:7px}
.sidebar-tabs .filter{background:transparent!important;color:#3f4144!important;border:1px solid transparent!important;border-radius:10px!important;display:flex;align-items:center;gap:12px;text-align:left;font-size:13px;min-height:47px;padding:13px 14px!important}
.sidebar-tabs .filter span{color:var(--gold);font-size:19px;min-width:22px;text-align:center}
.sidebar-tabs .filter:hover{background:#f8f4ec!important;border-color:#f2e9da!important;box-shadow:none!important}
.sidebar-tabs .filter.active{background:#f1eee8!important;color:#252525!important;border-color:#edd9b9!important;box-shadow:inset 4px 0 var(--gold)!important}
.sidebar-address{border-top:1px solid #ececec;margin:35px 12px 0;padding-top:20px}
.sidebar-address strong{font-size:11px;letter-spacing:1px;color:var(--gold)}
.sidebar-address p,.sidebar-address a{font-size:11px;line-height:1.6;color:#777}
.sidebar-address a{font-weight:700;color:#333}
.compact-menu-content{padding:39px 32px 26px;min-width:0}
.menu-page-intro{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #e9e9e9}
.menu-page-intro .intro-eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--gold);margin-bottom:10px}
.menu-page-intro h1{font-family:Georgia,serif;font-size:37px;font-weight:500;margin:0 0 8px}
.menu-page-intro p{color:#888;font-size:13px;line-height:1.55;margin:0}
.intro-icon{font-size:37px;color:var(--gold);padding:0 12px}
.compact-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.compact-product-card{display:grid;grid-template-columns:134px minmax(0,1fr);min-height:160px;background:#fff;border:1px solid #eaeaea;border-radius:14px!important;box-shadow:0 2px 10px #1d1d1d08;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .15s}
.compact-product-card:hover{transform:translateY(-2px);box-shadow:0 10px 27px #1d1d1d12;border-color:#dec69e}
.compact-product-card .compact-product-image{height:100%;min-height:158px;width:134px;padding:10px;background:#fff;border:0}
.compact-product-image:before,.compact-product-image:after{display:none!important}
.compact-product-card .compact-product-image img{object-fit:contain!important;width:100%;height:100%;background:#fff}
.no-photo{color:#a3a3a3;font-size:11px;text-align:center;border:1px dashed #ddd;padding:12px 5px;border-radius:8px}
.compact-product-info{padding:15px 14px 15px 6px;display:flex;flex-direction:column;min-width:0}
.compact-product-info .product-title{font-family:Georgia,serif;font-size:19px;letter-spacing:-.3px;margin:0 0 8px;font-weight:600;line-height:1.22}
.compact-product-info .product-description{font-size:11.5px;line-height:1.45;color:#777;min-height:0;margin:0 0 11px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.compact-product-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px}
.compact-product-bottom .product-price{font-size:17px;color:#a47529;white-space:nowrap}
.compact-product-bottom .add-product{width:auto!important;min-width:117px;height:auto!important;min-height:38px;padding:9px 12px;border:1px solid #292b2e!important;border-radius:10px!important;background:#292b2e!important;display:inline-flex;gap:8px;font-size:11px;font-weight:700;line-height:1.1}
.compact-product-bottom .add-product:hover{background:#484b51!important;border-color:#b58d45!important;box-shadow:0 4px 12px #2222}
.compact-product-bottom .add-product:disabled{background:#ccc!important;border-color:#ccc!important}
.compact-footer{border-top:1px solid #ececec;margin-top:30px;padding:22px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:#999;font-size:11px}
.compact-footer a:hover{color:#a47529;text-decoration:underline}
.catalog-notice{background:#fff8ea;border:1px solid #f2dfba;border-radius:10px;color:#77582a;padding:12px 15px;font-size:12px;margin:0 0 17px}
.option-modal{width:min(630px,calc(100vw - 22px));border-radius:16px;overflow:auto}
.option-modal-inner{padding:27px 28px 26px}
.option-product-overview{display:flex;gap:16px;align-items:center;margin-bottom:16px}
.option-product-overview img{width:94px;height:85px;object-fit:contain;border:1px solid #eee;border-radius:9px;background:white;flex-shrink:0}
.option-product-overview p{font-size:13px;color:#777;line-height:1.5;margin:0}
.option-group{margin:0 0 17px;padding:14px 0 0;border:0;border-top:1px solid #ebebeb;min-width:0}
.option-group legend{display:block;width:100%;font-weight:750;font-size:15px;padding:11px 0 0;color:#252525}
.option-group legend small{font-size:10px;font-weight:400;color:#aaa;margin-left:7px}
.option-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:9px}
.option-choice{display:flex;gap:9px;align-items:center;cursor:pointer;min-width:0;border:1px solid #e5e5e5;border-radius:11px;padding:12px 10px;font-size:12px;background:#fff;transition:all .15s}
.option-choice input{accent-color:#b58d45;flex-shrink:0}
.option-choice span{flex:1;line-height:1.25}
.option-choice strong{font-size:11px;color:#aa7f35;white-space:nowrap}
.option-choice.selected{background:#fffaf1;border-color:#c9a25f;box-shadow:0 0 0 1px #c9a25f40}
.option-modal-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #eee;padding-top:17px;margin-top:12px}
.option-modal-footer .qty-controls{margin:0;border:1px solid #eee;border-radius:11px;padding:5px;gap:13px}
.option-modal-footer .qty-controls button{border-radius:6px!important;background:#f3f3f3!important;color:#333!important;border-color:#eee!important}
.option-modal-footer .btn{border-radius:10px;flex:1;max-width:325px;font-size:13px;justify-content:center;padding:12px 17px;min-height:43px;gap:8px}
.cart-choice-label{font-size:11px;color:#777;line-height:1.35;max-width:245px;margin:5px 0 7px}
/* Owner panel */
body.inner-page{background:#f8f9f9}
.dashboard{max-width:1470px!important;width:calc(100% - 54px)!important}
.dashboard-head h1{font-size:37px!important}
.admin-workspace{display:grid;grid-template-columns:215px minmax(0,1fr);gap:22px;align-items:start}
.admin-workspace .dashboard-nav{display:flex;flex-direction:column;gap:7px;background:#fff;padding:15px;border:1px solid #ececec;border-radius:14px;position:sticky;top:24px}
.admin-workspace .dashboard-nav button{display:block;text-align:left;min-height:44px;background:#fff!important;color:#4b4b4b!important;border:1px solid transparent!important;border-radius:9px!important;padding:12px 11px!important;box-shadow:none!important}
.admin-workspace .dashboard-nav button:hover{background:#f8f3e8!important;color:#333!important}
.admin-workspace .dashboard-nav button.active{background:#292b2e!important;color:#fff!important;border-color:#292b2e!important;box-shadow:inset 4px 0 #c6a46b!important}
.admin-workspace-main{min-width:0}
.admin-workspace-main .dashboard-panel{border:1px solid #e8e8e8;border-radius:15px;padding:24px 23px;box-shadow:0 3px 16px #1d1d1d08}
.dashboard .dashboard-panel h2{font-weight:500;font-size:26px}
.group-create-form{background:#fafafa;border:1px solid #e9e9e9;border-radius:11px;padding:17px;margin-bottom:22px;grid-template-columns:minmax(190px,2fr) 1.15fr .7fr .7fr!important}
.group-create-form .wide{margin-top:4px}
.admin-group-card{background:#fff;border:1px solid #e8e8e8;border-radius:13px;padding:19px;margin-bottom:17px;box-shadow:0 2px 9px #33300006}
.group-edit-grid{display:grid;grid-template-columns:2fr 1.2fr .75fr .75fr .65fr;gap:12px;align-items:end}
.admin-group-card .field,.group-create-form .field{margin:0}
.admin-group-card input:not([type=checkbox]),.admin-group-card select,.group-create-form input,.group-create-form select{width:100%;padding:10px 9px;min-width:0;border:1px solid #ddd;border-radius:8px;background:#fff}
.admin-group-card input[type=checkbox]{accent-color:var(--gold);height:18px;width:18px}
.group-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin:12px 0 16px}
.group-actions button,.choice-admin-row button{border:1px solid #2b2c2d;background:#2b2c2d;border-radius:8px;color:white;padding:10px;font-size:11px}
.group-actions button:hover,.choice-admin-row button:hover{background:#46494d}
.muted-small{font-size:11px;color:#999;margin-right:auto}
.danger-button{background:#fff!important;color:#a43131!important;border:1px solid #eab9b9!important}
.danger-button:hover{background:#fff1f1!important}
.choice-editor{border-top:1px solid #eee;padding-top:14px}
.choice-editor>b{display:block;font-size:13px;margin-bottom:12px}
.choice-admin-row{display:grid;grid-template-columns:minmax(160px,1fr) 120px 64px 75px 55px;gap:7px;align-items:center;margin-bottom:8px}
.choice-admin-row label,.new-choice-form label{display:flex;align-items:center;gap:4px;font-size:11px;color:#777}
.choice-admin-row label input{width:100%!important}
.new-choice-form{display:grid;grid-template-columns:minmax(180px,1fr) 132px 135px;align-items:center;gap:9px;margin-top:14px;background:#f7f7f7;padding:11px;border-radius:9px}
.new-choice-form input{min-width:0;width:100%;border:1px solid #ddd;border-radius:7px;padding:9px}
.new-choice-form button{height:41px;border-radius:8px!important}
.linked-groups-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.group-link-option{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid #e5e5e5;border-radius:11px;cursor:pointer}
.group-link-option:hover{border-color:#bd9c68;background:#fffaf2}
.group-link-option input{accent-color:var(--gold);width:18px;height:18px}
.group-link-option strong,.group-link-option small{display:block}
.group-link-option strong{font-size:13px}.group-link-option small{font-size:11px;color:#999;margin-top:5px}
.admin-order-item{padding-bottom:8px}.admin-order-item small{display:block;color:#777;font-size:11px;margin-top:4px;line-height:1.5}
.admin-table th{white-space:nowrap}
/* responsiveness */
@media (max-width:1080px){.compact-header-inner{gap:22px}.store-shell{grid-template-columns:206px minmax(0,1fr)}.compact-menu-content{padding:30px 18px}.compact-products{gap:12px}.compact-product-card{grid-template-columns:105px minmax(0,1fr)}.compact-product-card .compact-product-image{width:105px;min-height:155px}.compact-product-info{padding:12px 10px 12px 3px}.compact-product-info .product-title{font-size:17px}.compact-product-bottom{flex-wrap:wrap}.compact-product-bottom .add-product{min-width:100px}.group-edit-grid{grid-template-columns:repeat(3,1fr)}.choice-admin-row{grid-template-columns:1fr 95px 60px 64px 45px}}
@media (max-width:790px){.marco-compact-header{height:auto}.compact-header-inner{width:calc(100% - 24px);padding:11px 0;display:grid;grid-template-columns:auto auto;gap:9px}.compact-header-inner .brand{grid-column:1;grid-row:1}.compact-header-inner .nav-actions{grid-column:2;grid-row:1;justify-content:flex-end}.marco-compact-header .header-search{grid-column:1/3;grid-row:2;width:100%;max-width:none}.store-shell{display:block}.menu-sidebar{position:relative;top:0;max-height:none;padding:10px 12px;overflow:hidden;border-right:0;border-bottom:1px solid #eee}.sidebar-heading,.sidebar-address{display:none}.sidebar-tabs{flex-direction:row;overflow-x:auto;gap:7px;padding:4px 0 8px;scrollbar-width:thin}.sidebar-tabs .filter{white-space:nowrap;min-height:42px;padding:9px 11px!important;font-size:12px}.compact-menu-content{padding:22px 14px}.menu-page-intro h1{font-size:31px}.menu-page-intro p{font-size:12px}.compact-products{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard{width:calc(100% - 24px)!important}.admin-workspace{grid-template-columns:1fr}.admin-workspace .dashboard-nav{position:static;flex-direction:row;overflow-x:auto;flex-wrap:nowrap}.admin-workspace .dashboard-nav button{white-space:nowrap;min-height:40px}.group-create-form{grid-template-columns:repeat(2,1fr)!important}.group-edit-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:630px){.compact-products{grid-template-columns:1fr}.compact-product-card{grid-template-columns:118px minmax(0,1fr);min-height:142px}.compact-product-card .compact-product-image{width:118px;min-height:142px}.compact-product-info{padding:13px 12px 13px 3px}.compact-product-bottom{flex-wrap:nowrap}.compact-product-bottom .add-product{font-size:10px;min-width:110px}.menu-page-intro h1{font-size:29px}.intro-icon{font-size:25px}.option-choice-grid{grid-template-columns:1fr}.option-modal-inner{padding:22px 15px}.admin-workspace-main .dashboard-panel{padding:18px 13px}.choice-admin-row{grid-template-columns:1fr 90px 65px;gap:5px}.choice-admin-row button{min-height:35px}.new-choice-form{grid-template-columns:1fr 100px}.new-choice-form button{grid-column:1/-1}.group-edit-grid{grid-template-columns:repeat(2,1fr)}.linked-groups-list{grid-template-columns:1fr}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-stat{padding:12px}.admin-stat strong{font-size:21px}}
@media(max-width:400px){.compact-product-card{grid-template-columns:95px minmax(0,1fr)}.compact-product-card .compact-product-image{width:95px}.compact-product-bottom{flex-wrap:wrap}.compact-product-info .product-title{font-size:16px}.marco-compact-header .brand-wordmark{font-size:12px}.marco-compact-header .text-action{font-size:11px;padding:9px!important}}

.admin-workspace .dashboard-nav button.active,.admin-workspace .dashboard-nav button.active:hover{background:#292b2e!important;color:#fff!important;border-color:#292b2e!important;box-shadow:inset 4px 0 #c6a46b!important}
