*{margin:0;padding:0;box-sizing:border-box}
:root{
  --ink:#241712; --sub:#6b5b4f; --paper:#FBF4E8; --card:#fff;
  --brick:#A83C1E; --brick-dark:#7C2C15; --gold:#C99A3D; --sage:#6E8B5C;
  --line:#E7DAC5; --wa:#25D366;
  --serif:'Inter',serif; --sans:'Inter',sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.6}
img,svg{display:block;max-width:100%}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.badge{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.4px;padding:4px 9px;border-radius:20px;background:var(--sage);color:#fff}
.badge.vegan{background:#4F7A60}
 .mt-5{
			  margin-top:60px;
		  }
/* ---------- Header ---------- */
header{position:sticky;top:0;z-index:1000;background:rgba(251,244,232,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.topbar{background:var(--ink);color:#EDE2D2;font-size:12.5px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:6px 20px;gap:12px}
.topbar a{text-decoration:none;opacity:.9}
.topbar a:hover{opacity:1}
.hd-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:16px}
.brand-mark{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand-mark svg{width:46px;height:46px;flex-shrink:0}
.brand-text .name{font-family:var(--serif);font-weight:700;font-size:22px;letter-spacing:.2px;color:var(--brick-dark);line-height:1}
.brand-text .sub{font-size:10.5px;letter-spacing:2.5px;color:var(--sub);text-transform:uppercase;margin-top:3px}
nav.mainnav{display:flex;align-items:center;gap:28px}
.mainnav a{text-decoration:none;font-size:14.5px;font-weight:500;color:var(--sub);padding:6px 0;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}
.mainnav a.active,.mainnav a:hover{color:var(--brick-dark);border-color:var(--gold)}
.hd-actions{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:13.5px;text-decoration:none;border-radius:8px;padding:10px 16px;cursor:pointer;border:1.5px solid transparent;transition:transform .15s,box-shadow .15s}
.btn-solid{background:var(--brick);color:#fff;box-shadow:0 6px 16px rgba(168,60,30,.25)}
.btn-solid:hover{transform:translateY(-1px)}
.btn-outline{border-color:var(--brick);color:var(--brick-dark)}
.btn-outline:hover{background:var(--brick);color:#fff}
.burger{display:none;background:none;border:none;font-size:22px;color:var(--brick-dark);cursor:pointer}

@media (max-width:900px){
  .mainnav{position:fixed;inset:64px 0 auto 0;background:var(--paper);flex-direction:column;align-items:flex-start;gap:0;padding:6px 20px 18px;border-bottom:1px solid var(--line);transform:translateY(-8px);opacity:0;pointer-events:none;transition:.2s}
  .mainnav.open{transform:translateY(0);opacity:1;pointer-events:auto}
  .mainnav a{width:100%;padding:12px 0;border-bottom:1px solid var(--line)}
  .hd-actions .btn-outline{display:none}
  .burger{display:block}
  .topbar{display:none}
}

/* ---------- Sections / hero ---------- */
.section{display:none;padding:44px 0 10px}
.section.active{display:block}
.hero{text-align:center;max-width:75%;margin:0 auto 8px}
.eyebrow{color:var(--gold);font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:600;margin-bottom:14px}
.hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(30px,5vw,52px);color:var(--brick-dark);line-height:1.12;margin-bottom:16px}
.hero p{color:var(--sub);font-size:15.5px;max-width:540px;margin:0 auto 26px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:8px}
.cta-row .btn{padding:13px 22px;font-size:14.5px}

.features{display:grid;grid-template-columns:1fr;gap:0;margin:44px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}
@media(min-width:760px){.features{grid-template-columns:repeat(3,1fr)}}
.feature{padding:26px 22px;border-bottom:1px solid var(--line);text-align:center}
@media(min-width:760px){.feature{border-bottom:none;border-right:1px solid var(--line)}.feature:last-child{border-right:none}}
.feature:last-child{border-bottom:none}
.feature .ic{font-size:26px;margin-bottom:10px}
.feature h3{font-family:var(--serif);font-weight:600;font-size:17px;color:var(--brick-dark);margin-bottom:6px}
.feature p{font-size:13px;color:var(--sub)}

.info-box{background:var(--card);border-left:4px solid var(--brick);border-radius:10px;padding:22px 24px;margin:28px 0;font-size:14px;box-shadow:0 3px 14px rgba(36,23,18,.05)}
.info-box strong{display:block;font-family:var(--serif);font-size:16px;color:var(--brick-dark);margin-bottom:8px}

.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:36px 0 18px}
.section-head h2{font-family:var(--serif);font-weight:600;font-size:24px;color:var(--brick-dark)}
.section-head a{font-size:13px;font-weight:600;color:var(--brick);text-decoration:none;white-space:nowrap}

.menu-cat{margin-bottom:38px}
.menu-cat h3{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--brick-dark);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.menu-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:700px){.menu-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.menu-grid{grid-template-columns:repeat(3,1fr)}}
.dish{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 18px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start;transition:box-shadow .15s,transform .15s}
.dish:hover{box-shadow:0 6px 18px rgba(36,23,18,.08);transform:translateY(-1px)}
.dish-info h4{font-size:15px;font-weight:700;margin-bottom:3px}
.dish-info p{font-size:12.5px;color:var(--sub);margin-bottom:8px}
.dish-price{font-family:var(--serif);font-weight:700;color:var(--brick-dark);font-size:16px;white-space:nowrap}
.dish-price.na{font-family:var(--sans);font-weight:600;font-size:12px;color:#a99}

.cards6{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:28px 0}
@media(min-width:700px){.cards6{grid-template-columns:repeat(3,1fr)}}
.evcard{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px 12px;text-align:center}
.evcard .ic{font-size:28px;margin-bottom:8px}
.evcard h4{font-size:13px;font-weight:700;color:var(--brick-dark)}

/* form */
.form-title{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--brick-dark);margin:34px 0 18px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.fgroup{margin-bottom:16px}
label{display:block;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--sub);margin-bottom:6px}
input,select,textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:var(--sans);background:var(--card);color:var(--ink)}
textarea{resize:vertical;min-height:90px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brick);box-shadow:0 0 0 3px rgba(168,60,30,.12)}
.radio-grid{display:grid;gap:8px}
.radio-opt{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:var(--card);cursor:pointer}
.radio-opt input{width:auto;accent-color:var(--brick)}
.success-msg{display:none;background:#F0F8ED;border:1.5px solid var(--sage);color:#3E5A34;border-radius:8px;padding:14px;margin-bottom:18px;font-weight:600;font-size:13.5px}
.success-msg.show{display:block}
.how-steps{display:grid;gap:10px;margin-top:10px}
.how-steps div{font-size:14px}

.divider{height:1px;background:var(--line);margin:34px 0}

/* ---------- Footer ---------- */
footer{background:#241712;color:#D9CCBC;margin-top:56px}
.foot-top{padding:52px 20px 30px;display:grid;gap:32px;grid-template-columns:1.3fr 1fr 1fr 1fr}
@media(max-width:820px){.foot-top{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot-top{grid-template-columns:1fr}}
.foot-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.foot-brand svg{width:36px;height:36px}
.foot-brand span{font-family:var(--serif);font-weight:700;font-size:19px;color:#fff}
.foot-top p{font-size:13.5px;line-height:1.8;color:#B7A896}
.foot-col h5{font-family:var(--serif);font-size:14.5px;color:#fff;margin-bottom:14px;font-weight:600}
.foot-col a{display:block;font-size:13.5px;color:#B7A896;text-decoration:none;margin-bottom:10px}
.foot-col a:hover{color:#fff}
.foot-social{display:flex;gap:10px;margin-top:14px}
.foot-social a{width:34px;height:34px;border:1px solid #4A3D33;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}
.foot-bottom{border-top:1px solid #3A2E26;padding:16px 20px;text-align:center;font-size:12px;color:#8C7B6A}

/* ---------- WhatsApp floating button ---------- */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:1200;width:58px;height:58px;border-radius:50%;background:var(--wa);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.28);text-decoration:none;animation:pulse 2.6s infinite}
.wa-float svg{width:30px;height:30px}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45),0 8px 22px rgba(0,0,0,.28)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0),0 8px 22px rgba(0,0,0,.28)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0),0 8px 22px rgba(0,0,0,.28)}}
@media(max-width:480px){.wa-float{right:14px;bottom:14px;width:52px;height:52px}.wa-float svg{width:26px;height:26px}}

/* ========== MENU SECTION — uses craving UI (see craving styles below) ========== */
/* old dish card / menu-tab styles removed — menu section now shares craving grid */

/* ---------- Section inner wrap spacing ---------- */
.section .wrap{padding-top:44px;padding-bottom:60px}

/* ---------- WordPress Pages (page.php) ---------- */
.page-content{padding:52px 0 64px}
.page-title{font-family:var(--serif);font-weight:700;font-size:clamp(26px,4vw,42px);color:var(--brick-dark);margin-bottom:24px;line-height:1.15}
.page-body{font-size:15px;line-height:1.8;color:var(--ink);max-width:780px}
.page-body h2,.page-body h3,.page-body h4{font-family:var(--serif);color:var(--brick-dark);margin:28px 0 10px}
.page-body p{margin-bottom:16px}
.page-body a{color:var(--brick);text-decoration:underline}
.page-body ul,.page-body ol{padding-left:22px;margin-bottom:16px}
.page-body li{margin-bottom:6px}
.page-body img{border-radius:10px;margin:16px 0;max-width:100%}
.page-body blockquote{border-left:4px solid var(--brick);padding:12px 20px;margin:20px 0;background:var(--card);border-radius:0 8px 8px 0;font-style:italic;color:var(--sub)}

/* ---------- Post meta (shared) ---------- */
.post-meta{font-size:12.5px;color:var(--sub);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.post-meta a{color:var(--sub);text-decoration:none}
.post-meta a:hover{color:var(--brick)}
.post-meta-sep{opacity:.4}

/* ---------- Single post ---------- */
.single-post .post-thumb{margin:0 0 32px;border-radius:12px;overflow:hidden}
.single-post .post-thumb img{width:100%;height:auto;display:block}
.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 0}
.post-tag{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;border:1.5px solid var(--brick);color:var(--brick);text-decoration:none}
.post-tag:hover{background:var(--brick);color:#fff}
.post-nav{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:13.5px;font-weight:600}
.post-nav a{color:var(--brick);text-decoration:none}
.post-nav a:hover{color:var(--brick-dark)}

/* ---------- Blog archive ---------- */
.archive-header{margin-bottom:36px}
.archive-desc{color:var(--sub);font-size:15px;margin-top:10px;max-width:600px}
.blog-grid{display:grid;grid-template-columns:1fr;gap:28px}
@media(min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}
.blog-card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}
.blog-card:hover{box-shadow:0 8px 24px rgba(36,23,18,.09);transform:translateY(-2px)}
.blog-card-thumb{display:block;overflow:hidden;aspect-ratio:16/9}
.blog-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.blog-card:hover .blog-card-thumb img{transform:scale(1.04)}
.blog-card-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.blog-card-title{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--brick-dark);margin:6px 0 10px;line-height:1.3}
.blog-card-title a{text-decoration:none;color:inherit}
.blog-card-title a:hover{color:var(--brick)}
.blog-card-excerpt{font-size:13.5px;color:var(--sub);line-height:1.7;flex:1;margin-bottom:18px}
.blog-read-more{align-self:flex-start;padding:8px 16px;font-size:13px}
.blog-pagination{margin-top:48px;display:flex;justify-content:center}
.blog-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1.5px solid var(--line);border-radius:8px;font-size:13.5px;font-weight:600;color:var(--sub);text-decoration:none;transition:border-color .15s,color .15s}
.blog-pagination .page-numbers:hover,.blog-pagination .page-numbers.current{border-color:var(--brick);color:var(--brick)}

/* ========== WHAT ARE YOU CRAVING ========== */
.craving-head{text-align:center;margin:52px 0 0}
.craving-head h2{font-family:var(--serif);font-weight:700;font-size:clamp(26px,4vw,38px);color:var(--brick-dark);margin-bottom:10px}
.craving-head p{color:var(--sub);font-size:14.5px;max-width:480px;margin:0 auto}

/* pill filters */
.craving-pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 20px;justify-content:center}
.craving-pill{font-family:var(--sans);font-size:13px;font-weight:700;padding:8px 20px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--sub);cursor:pointer;transition:all .18s;white-space:nowrap}
.craving-pill:hover{border-color:var(--brick);color:var(--brick-dark)}
.craving-pill.active{background:var(--brick);color:#fff;border-color:var(--brick);box-shadow:0 4px 12px rgba(168,60,30,.25)}

/* item grid */
.craving-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:8px}
@media(min-width:560px){.craving-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.craving-grid{grid-template-columns:repeat(3,1fr)}}

/* item card */
.craving-item{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;transition:box-shadow .18s,transform .18s,border-color .18s}
.craving-item:hover{box-shadow:0 6px 20px rgba(36,23,18,.09);transform:translateY(-2px);border-color:var(--gold)}
.craving-item.unavailable{opacity:.55}
.craving-item.unavailable .craving-add{display:none}
.craving-item.unavailable .craving-price{font-size:11px;color:#b0a090;font-family:var(--sans);font-weight:600}
.craving-item.unavailable h4{text-decoration:line-through}

.craving-emoji{width:64px;height:64px;border-radius:14px;background:var(--paper);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}
.craving-info h4{font-size:14.5px;font-weight:700;color:var(--ink);margin-bottom:4px;line-height:1.3}
.craving-price{font-family:var(--serif);font-weight:700;font-size:16px;color:var(--brick-dark)}

/* add button */
.craving-add{width:40px;height:40px;border-radius:50%;border:none;background:var(--brick);color:#fff;font-size:22px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .15s;align-self:flex-end}
.craving-add:hover{background:var(--brick-dark);transform:scale(1.1)}
.craving-add.added{background:var(--sage)}

/* qty badge on button */
.craving-add[data-qty]::after{content:attr(data-qty);position:absolute;top:-6px;right:-6px;background:var(--gold);color:var(--ink);font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.craving-add{position:relative}

.craving-note{text-align:center;font-size:13px;color:var(--sub);margin:20px 0 0}

/* ========== STICKY ORDER BAR ========== */
.order-bar{position:fixed;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom,12px));z-index:1100;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);color:#EDE2D2;border-radius:999px;padding:10px 10px 10px 22px;box-shadow:0 12px 32px rgba(0,0,0,.32);max-width:560px;margin:0 auto;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .25s,transform .25s}
.order-bar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.order-bar-text{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order-bar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.order-bar-clear{background:none;border:none;color:#B7A896;font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;font-family:var(--sans);padding:4px}
.order-bar-clear:hover{color:#fff}
.order-bar-btn{display:inline-flex;align-items:center;gap:6px;background:var(--wa);color:#fff;font-size:13px;font-weight:700;padding:10px 18px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:opacity .15s}
.order-bar-btn:hover{opacity:.88}
@media(max-width:400px){.order-bar{padding:8px 8px 8px 16px}.order-bar-text{font-size:12px}}


/* ========== CHEF SECTION ========== */
.chef-section{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin:60px 0 20px;padding:52px 48px;background:var(--ink);border-radius:20px;overflow:hidden}
@media(max-width:860px){.chef-section{grid-template-columns:1fr;gap:36px;padding:36px 28px}}

.chef-img-col{display:flex;justify-content:center}
.chef-img-wrap{position:relative;width:100%;max-width:380px}
.chef-img-wrap img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;display:block;box-shadow:0 20px 48px rgba(0,0,0,.45)}
.chef-exp-badge{position:absolute;bottom:-16px;right:-16px;background:var(--gold);color:var(--ink);border-radius:12px;padding:14px 18px;text-align:center;font-family:var(--serif);font-weight:700;font-size:22px;line-height:1;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.chef-exp-badge span{display:block;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-top:4px;opacity:.8}
@media(max-width:860px){.chef-img-wrap{max-width:300px;margin:0 auto}.chef-exp-badge{right:-8px;bottom:-8px}}

.chef-content{color:#EDE2D2}
.chef-content .eyebrow{color:var(--gold)}
.chef-content h2{font-family:var(--serif);font-weight:700;font-size:clamp(24px,3.5vw,36px);color:#fff;line-height:1.2;margin:12px 0 18px}
.chef-desc{font-size:14.5px;line-height:1.8;color:#B7A896;margin-bottom:28px}

.chef-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}
.chef-stat{text-align:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 10px}
.stat-num{display:block;font-family:var(--serif);font-weight:700;font-size:26px;color:var(--gold);line-height:1}
.stat-label{display:block;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#8C7B6A;margin-top:5px}

.chef-tags{display:flex;flex-wrap:wrap;gap:8px}
.chef-tags span{font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:999px;border:1.5px solid rgba(201,154,61,.4);color:var(--gold);background:rgba(201,154,61,.08)}


/* ========== CONTACT PAGE ========== */
.contact-page .hero{margin-bottom:0}

/* 4 contact cards */
.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:40px 0 52px}
@media(max-width:860px){.contact-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.contact-cards{grid-template-columns:1fr}}

.contact-card{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:24px 20px;text-align:center;transition:box-shadow .18s,transform .18s,border-color .18s}
.contact-card:hover{box-shadow:0 8px 24px rgba(36,23,18,.09);transform:translateY(-3px);border-color:var(--gold)}
.contact-card-icon{font-size:30px;margin-bottom:12px}
.contact-card h4{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--brick-dark);margin-bottom:6px}
.contact-card p{font-size:12.5px;color:var(--sub);line-height:1.6;margin-bottom:12px}
.contact-card-link{font-size:13px;font-weight:700;color:var(--brick);text-decoration:none;word-break:break-word}
.contact-card-link:hover{color:var(--brick-dark);text-decoration:underline}

/* two-column body */
.contact-body{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:64px}
@media(max-width:860px){.contact-body{grid-template-columns:1fr;gap:40px}}

.contact-form-head{margin-bottom:28px}
.contact-form-head h2{font-family:var(--serif);font-weight:700;font-size:clamp(20px,3vw,28px);color:var(--brick-dark);margin-top:10px}

/* form tweaks */
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:520px){.frow{grid-template-columns:1fr}}
.contact-submit{width:100%;justify-content:center;padding:15px;font-size:15px;margin-top:4px}

/* map */
.contact-map{width:100%;height:300px;border-radius:16px;overflow:hidden;border:1.5px solid var(--line);margin-bottom:28px}
.contact-map iframe{display:block}

/* info list */
.contact-info-list{display:flex;flex-direction:column;gap:16px}
.contact-info-item{display:flex;align-items:flex-start;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.ci-icon{font-size:22px;flex-shrink:0;margin-top:2px}
.contact-info-item strong{display:block;font-size:13px;font-weight:700;color:var(--brick-dark);margin-bottom:3px}
.contact-info-item span,.contact-info-item a{font-size:13.5px;color:var(--sub);text-decoration:none}
.contact-info-item a:hover{color:var(--brick)}

/* ========== CONTACT FORM 7 OVERRIDES ========== */
.cf7-wrap .wpcf7{margin:0}

/* labels */
.cf7-wrap .wpcf7 label{display:block;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--sub);margin-bottom:6px}

/* inputs, selects, textareas */
.cf7-wrap .wpcf7 input:not([type=submit]),
.cf7-wrap .wpcf7 select,
.cf7-wrap .wpcf7 textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:var(--sans);background:var(--card);color:var(--ink);margin-bottom:16px;transition:border-color .15s,box-shadow .15s}
.cf7-wrap .wpcf7 input:focus,
.cf7-wrap .wpcf7 select:focus,
.cf7-wrap .wpcf7 textarea:focus{outline:none;border-color:var(--brick);box-shadow:0 0 0 3px rgba(168,60,30,.12)}
.cf7-wrap .wpcf7 textarea{resize:vertical;min-height:130px}

/* submit button */
.cf7-wrap .wpcf7 input[type=submit]{width:100%;padding:15px;background:var(--brick);color:#fff;font-family:var(--sans);font-size:15px;font-weight:700;border:none;border-radius:8px;cursor:pointer;box-shadow:0 6px 16px rgba(168,60,30,.25);transition:transform .15s,opacity .15s;margin-bottom:0}
.cf7-wrap .wpcf7 input[type=submit]:hover{transform:translateY(-1px);opacity:.92}

/* validation errors */
.cf7-wrap .wpcf7 .wpcf7-not-valid-tip{font-size:12px;color:#c0392b;margin-top:-12px;margin-bottom:10px;display:block}
.cf7-wrap .wpcf7 .wpcf7-not-valid{border-color:#c0392b !important}

/* response output */
.cf7-wrap .wpcf7 .wpcf7-response-output{margin:16px 0 0;padding:14px 18px;border-radius:8px;font-size:13.5px;font-weight:600;border:none}
.cf7-wrap .wpcf7 .wpcf7-mail-sent-ok{background:#F0F8ED;color:#3E5A34;border-left:4px solid var(--sage)}
.cf7-wrap .wpcf7 .wpcf7-mail-sent-ng,
.cf7-wrap .wpcf7 .wpcf7-spam-blocked{background:#FDF0EE;color:#8B2500;border-left:4px solid var(--brick)}
.cf7-wrap .wpcf7 .wpcf7-validation-errors{background:#FFF8E6;color:#7A5500;border-left:4px solid var(--gold)}

/* spinner */
.cf7-wrap .wpcf7 .wpcf7-spinner{margin-left:10px;vertical-align:middle}

/* setup notice */
.cf7-notice{background:var(--card);border:1.5px dashed var(--line);border-radius:10px;padding:24px;font-size:14px;color:var(--sub);line-height:1.8}
.cf7-notice strong{color:var(--brick-dark)}
.cf7-notice code{background:var(--paper);padding:2px 7px;border-radius:4px;font-size:13px;color:var(--brick-dark)}




@media only screen and (max-width: 600px) {
    .chef-exp-badge, .brand-text .name{
        display: none;
    }
    .brand-mark img{
            height: 50px;
    }
    .hero {
        text-align: center;
        max-width: 100%;
        margin: 0 auto 8px;
    }
    .chef-section {
        grid-template-columns: 1fr;
        gap: 36px;
        padding: 30px 15px;
    }
    .chef-stats{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 860px) {
    .chef-section {
        grid-template-columns: 1fr;
        gap: 36px;
        padding: 30px 15px;
    }
}