/* === STELTON HOMEPAGE (green-red-white) === */
:root{
  --sp-green:#1F7A44;  /* basil */
  --sp-red:#B22222;    /* tomato */
  --sp-ink:#111;
  --sp-muted:#6b7280;
  --sp-cream:#fffdf8;
  --sp-radius:18px;
  --sp-shadow:0 10px 30px rgba(0,0,0,.10);
}

/* Remove legacy header strip + unwanted chrome and fix alignment */
#header, #header_wrapper, #header_wrapper img{display:none !important;height:0 !important;padding:0 !important;margin:0 !important;border:0 !important;}
#navigation, #sidebar{display:none !important;} /* keep placeholders in HTML, but hide visually */
#content, #content .gutter{padding:0 !important;margin:0 !important;}
@media (max-width:960px){ #container,#wrapper,#content,#content .gutter{width:auto !important;max-width:100% !important;}}

/* Base + containers */
.sp*, .sp*::before, .sp*::after{box-sizing:border-box;}
.sp{font-family:system-ui,-apple-system,Segoe UI,Inter,Roboto,Arial,sans-serif;color:var(--sp-ink);}
.sp a{text-decoration:none;color:inherit;}
.sp img{max-width:100%;display:block;}
.sp .sp-container{max-width:1180px;margin:0 auto;padding:0 18px;}
.sp .sp-flex{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}

/* Mini header (our nav) */
.sp .sp-headerbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #eee;}
.sp .sp-headerbar .inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;}
.sp .sp-brand{display:flex;align-items:center;gap:10px;font-weight:800;}
.sp .sp-logo img{height:28px;width:auto;display:block;}
.sp .sp-nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;}
.sp .sp-nav a{padding:8px 10px;border-radius:10px;}
.sp .sp-nav a:hover{background:#fafafa;}

/* Buttons */
.sp .sp-cta{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:999px;font-weight:700;border:2px solid transparent;}
.sp .sp-cta.primary{background:var(--sp-red);color:#fff;}
.sp .sp-cta.primary:hover{filter:brightness(.95);}
.sp .sp-cta.outline{border-color:var(--sp-red);color:var(--sp-red);background:#fff;}

/* Hero */
.sp .sp-hero{background:var(--sp-cream);}
.sp .sp-hero .grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:center;padding:26px 0;}
.sp .sp-eyebrow{color:var(--sp-green);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px;}
.sp .sp-hero h1{font-size:48px;line-height:1.05;margin:6px 0 10px;}
.sp .sp-hero p{color:var(--sp-muted);font-size:18px;margin:0 0 16px;}
.sp .sp-hero .cta-row{display:flex;gap:10px;flex-wrap:wrap;}
.sp .sp-hero-card{position:relative;min-height:360px;border-radius:var(--sp-radius);overflow:hidden;box-shadow:var(--sp-shadow);
  background:#111 url('https://images.unsplash.com/photo-1513104890138-7c749659a591?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;}
.sp .sp-hero-badge{position:absolute;top:16px;left:16px;background:#fff;color:var(--sp-red);padding:6px 10px;border-radius:12px;font-weight:700;border:1px solid #ffe2e2;}
.sp .sp-pill{display:inline-block;background:#f6fff8;border:1px solid #e7f6eb;color:var(--sp-green);padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;}

/* Sections */
.sp .sp-section{padding:26px 0;}
.sp .sp-section h2{font-size:28px;margin:0 0 12px;}

/* Top Picks (horizontal scroll) */
.sp .sp-carousel-wrap{position:relative;}
.sp .sp-carousel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;}
.sp .sp-card{min-width:240px;flex:0 0 auto;background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:var(--sp-shadow);scroll-snap-align:start;}
.sp .sp-card img{height:150px;width:100%;object-fit:cover;border-top-left-radius:16px;border-top-right-radius:16px;}
.sp .sp-card .body{padding:12px;}
.sp .sp-card .title{font-weight:800;}
.sp .sp-card .meta{color:var(--sp-muted);font-size:13px;margin:4px 0 10px;}
.sp .sp-add{display:inline-flex;height:38px;padding:0 12px;align-items:center;border-radius:10px;border:1px solid var(--sp-green);color:var(--sp-green);font-weight:700;}
.sp .sp-add:hover{background:#f7fff9;}
.sp .sp-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #eee;box-shadow:var(--sp-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.sp .sp-arrow.left{left:-6px;} .sp .sp-arrow.right{right:-6px;}

/* Menu tiles (BWW-style) */
.sp .sp-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.sp .sp-tile{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--sp-shadow);min-height:150px;background:#111;}
.sp .sp-tile img{width:100%;height:100%;object-fit:cover;opacity:.88;}
.sp .sp-tile .label{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.95);padding:8px 10px;border-radius:10px;font-weight:800;color:var(--sp-ink);}
.sp .sp-tile:hover .label,.sp .sp-tile:focus-within .label{background:#fff;}

/* Location & Contact spacing */
.sp .sp-contact-actions{display:flex;gap:10px;margin:10px 0 14px;flex-wrap:wrap;}

/* Explore More (3 CTA tiles like BWW) */
.sp .sp-cta-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.sp .sp-cta-tile{display:flex;align-items:center;justify-content:center;min-height:110px;border-radius:14px;font-weight:800;box-shadow:var(--sp-shadow);text-align:center;}
.sp .sp-cta-tile.rewards{background:var(--sp-green);color:#fff;}
.sp .sp-cta-tile.catering{background:#fff;border:2px solid var(--sp-green);color:var(--sp-green);}
.sp .sp-cta-tile.giftcards{background:var(--sp-red);color:#fff;}

/* Footer blocks (BWW-like) + Italian accent bands */
.sp .sp-band{height:6px;}
.sp .sp-band.green{background:var(--sp-green);}
.sp .sp-band.red{background:var(--sp-red);}
.sp .sp-footerblocks{background:#111;color:#fff;padding:24px 0;margin-top:8px;}
.sp .sp-footergrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:18px;}
.sp .sp-footerblocks h4{font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;}
.sp .sp-footerblocks ul{list-style:none;padding:0;margin:0;}
.sp .sp-footerblocks li{margin:6px 0;}
.sp .sp-footerblocks a{color:#fff;}
.sp .sp-footerblocks a:hover{text-decoration:underline;}
.sp .sp-social a{display:inline-block;border:1px solid rgba(255,255,255,.4);padding:8px 10px;border-radius:10px;margin-right:8px;}
.sp .sp-copybar{margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.15);font-size:12px;color:#ddd;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;}

/* Bigger logo + keep header aligned */
.sp .sp-logo img { height:62px !important; width:auto; display:block; }
.sp .sp-headerbar .inner { min-height:72px; padding:10px 0; align-items:center; }
.sp .sp-nav a { line-height:1; } /* avoid vertical misalignment */

/* Mobile */
@media (max-width:1200px){
  .sp .sp-logo img { height:38px !important; }
  .sp .sp-headerbar .inner { min-height:56px; padding:8px 0; }
}


/* Mobile tweaks */
@media (max-width:960px){
  .sp .sp-hero .grid{grid-template-columns:1fr;}
  .sp .sp-menu-grid{grid-template-columns:repeat(2,1fr);}
  .sp .sp-cta-tiles{grid-template-columns:1fr;}
  .sp .sp-footergrid{grid-template-columns:1fr 1fr;}
}