/* Real-takeaway redesign layer — loads after style.css / rework.css / checkout-fee.css.
   Palette is pulled directly from Mersin's real signage/menu: flag red, black, white/cream.
   No invented gold — accents are white (as on the actual Turkish flag) or black. */
:root{
  --ink:#161311;
  --cream:#fbf3e4;
  --paper:#fffdf9;
  --red:#E30A17;
  --red-dark:#a90c14;
  --line:rgba(22,19,17,.14);
  --shadow:0 10px 0 rgba(0,0,0,.15);
}
body{font-family:'DM Sans',sans-serif}
.brand b,.brand-mark b,.hero h1,.hero h1 em,.page-hero h1,.intro h2,.section-heading h2,.visit h2,
.contact-details h2,.feature-card h3,.category-title h2,.menu-item h3,.basket-card h2,
.form-section h2,.order-summary h2,.stamp b,.review-band blockquote,.family-deal h2,.hero-meta b,
.option-dialog h2{
  font-family:'Oswald',sans-serif;
}
.option-dialog h2{letter-spacing:.01em;text-transform:uppercase}
.hero h1,.page-hero h1{
  letter-spacing:-.01em;
  text-transform:uppercase;
  font-weight:700;
}
.hero h1 em{font-style:normal;font-weight:600}
.intro h2,.section-heading h2,.visit h2,.contact-details h2,.family-deal h2{
  letter-spacing:-.005em;
  text-transform:uppercase;
}
.category-title h2,.feature-card h3,.menu-item h3,.basket-card h2,.form-section h2,.order-summary h2{
  letter-spacing:.01em;
  text-transform:uppercase;
}
.review-band blockquote{font-weight:500;letter-spacing:0}

/* Flag-stripe ribbon at the very top of the page — a small, authentic bunting touch */
.flag-strip{height:5px;background:repeating-linear-gradient(-45deg,var(--red) 0 14px,#fff 14px 28px)}

/* Turkish flag stripe under the header */
.site-header{border-top:4px solid var(--red)}

/* Topbar: hotline + hygiene badge instead of a plain announcement bar */
.topbar{background:var(--ink);gap:14px;height:auto;min-height:38px;flex-wrap:wrap;padding:6px 5vw}
.topbar-hotline{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.06em}
.topbar-hotline a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.topbar-hygiene{display:flex;align-items:center;gap:7px}
.topbar-hygiene span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff}

/* Crescent-and-star brand mark — white on flag red, exactly like the real Turkish flag */
.brand-mark{
  background:var(--red);
  clip-path:none;
  border-radius:50%;
  width:46px;height:46px;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.3);
}
.brand-mark svg{width:24px;height:24px}
.brand small{color:var(--red);font-weight:700}

/* Ticker: black/white, red highlight — no gold */
.ticker{background:var(--ink);padding:11px 0}
.ticker div{color:#fff;font-weight:800;animation-duration:16s}

/* Hygiene badge + trust strip on the hero */
.hero-meta{flex-wrap:wrap;row-gap:14px;padding-top:14px;gap:22px}
.hero-hygiene{display:flex;align-items:center;gap:10px}
.hero-hygiene img{height:34px;width:auto;border-radius:3px;box-shadow:3px 3px 0 rgba(0,0,0,.2)}

/* Food photos framed like the printed menu — inset, rounded, red-ringed (not full-bleed) */
.food-card-photo{
  width:100%;
  margin:0 0 18px;
  border-radius:8px;
  border:4px solid var(--red);
  box-shadow:4px 4px 0 rgba(22,19,17,.18);
}
.feature-card{border-radius:10px;min-height:auto;padding:18px 18px 20px}

/* Family meal deal — white/black "coupon" card with a dashed price tag, like the printed flyer */
.family-deal{
  margin:0 6vw 56px;border-radius:8px;position:relative;
  background:var(--paper);color:var(--ink);
  border:3px solid var(--ink);
}
.family-deal h2,.family-deal p{color:var(--ink)}
.family-deal .price-tag{
  display:inline-block;background:#fff;color:var(--red);
  border:3px dashed var(--red);border-radius:8px;
  padding:0 12px;font-weight:800;
}
.family-deal .button.light{
  background:var(--red);color:#fff;font-weight:800;
}
.family-deal .button.light:hover{background:var(--red-dark)}
.family-deal:before{
  content:"family deal";
  position:absolute;top:22px;left:22px;
  background:var(--ink);color:#fff;
  font:800 11px/1 'Oswald',sans-serif;letter-spacing:.14em;text-transform:uppercase;
  padding:8px 14px;border-radius:999px;z-index:2;
}
.family-deal .eyebrow{display:none}

/* Review band + social proof lean into the flag palette */
.review-band{background:var(--red);padding:44px 6vw}
.review-band .eyebrow{color:#fff}
.social-proof{background:var(--ink)}
.social-proof>a{color:#fff}

/* Footer hygiene badge row */
.footer-hygiene{display:flex;align-items:center;gap:12px;margin-top:18px}
.footer-hygiene img{height:40px;width:auto;border-radius:4px}
.footer-hygiene span{font-size:12px;color:#a9b2ac}
footer{background:#0d0a08}
.footer-grid h3{color:var(--red)}

/* Stamp — white badge, black text, matching the flyer's white/black/red cards (no gold) */
.stamp{background:#fff;color:var(--ink)}
.eyebrow{color:var(--red)}
.button.primary{background:var(--red)}
.button.primary:hover{background:var(--red-dark)}

/* Opening-hours card stays light with a red accent border instead of a gold fill */
.hours-card{background:var(--cream);border-top:4px solid var(--red)}

/* Basket/order labels: white on the dark basket card, red on the light order summary */
.basket-card>span{color:#fff}
.order-summary>span{color:var(--red)}

/* ---- Densify pass: less boutique breathing room, more "cram it in" local-takeaway energy ---- */
.hero{min-height:auto}
.hero-content{padding:44px 5vw 40px 6vw}
.hero h1,.page-hero h1{font-size:clamp(38px,5.6vw,68px)}
.hero-copy{font-size:15px;line-height:1.55;max-width:520px}
.hero-actions{margin:22px 0 20px;gap:8px}
.button{padding:13px 18px;gap:14px}
.section{padding:52px 6vw}
.intro{gap:5vw}
.section-heading{margin-bottom:26px}
.page-hero{padding:44px 6vw 40px}
.page-hero.compact{padding:36px 6vw}
.menu-layout{padding:36px 5vw;gap:30px}
.menu-category{margin-bottom:48px}
.checkout-layout{padding:36px 6vw;gap:36px}
.contact-layout{padding:44px 6vw;gap:6vw}
.visit-card,.hours-card{padding:38px}
.feature-grid{gap:12px}

/* A cluster of trust badges — the "we accept everything" strip real takeaway sites stack up front */
.trust-badges{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px}
.trust-badges span{background:var(--ink);color:#fff;font:800 11px/1 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.04em;padding:8px 12px;border-radius:3px;white-space:nowrap}

/* Sticky call button — the floating "just ring us" button most independent takeaway sites have */
.sticky-call{display:none;position:fixed;bottom:16px;right:16px;z-index:40;background:var(--red);color:#fff;font:800 13px/1 'DM Sans',sans-serif;padding:14px 18px;border-radius:999px;box-shadow:0 8px 0 rgba(0,0,0,.2);align-items:center;gap:8px}
@media(max-width:900px){.sticky-call{display:flex}}

/* Promote "call us" everywhere: a standing nav button, an equal-weight hero CTA, and phone prompts near ordering */
.site-header nav>a.nav-call{background:var(--red);color:#fff;padding:12px 16px;border-radius:3px;font-weight:800;border-bottom:0!important;margin-right:8px}
.site-header nav>a.nav-call:hover{background:var(--red-dark)}
.hero-actions .button.ghost{background:var(--ink);color:#fff;border:0;font-weight:800}
.hero-actions .button.ghost:hover{background:#000}
.call-prompt{background:var(--cream);color:var(--ink);border:2px dashed var(--ink);border-radius:8px;padding:14px 16px;margin-top:16px;font-size:13px;text-align:center}
.call-prompt a{color:var(--red);font-weight:800;text-decoration:underline}
@media(max-width:900px){.site-header nav>a.nav-call{display:none}}

/* Online ordering hours: closed messaging */
.toast.closed{background:var(--red)}
.closed-banner{background:var(--ink);color:#fff;text-align:center;padding:14px 6vw;font-weight:700;font-size:14px;line-height:1.5}
.closed-note{color:var(--red);font-weight:700;font-size:13px;margin:-8px 0 16px}
.add-item.is-closed,.round-add.is-closed{opacity:.4}

/* Cookie consent banner */
.footer-bottom .cookie-manage-link{background:none;border:0;padding:0;color:inherit;text-decoration:underline;font:inherit;cursor:pointer}
.cookie-banner{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  background:var(--ink);color:#fff;
  padding:18px 6vw;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  box-shadow:0 -8px 24px rgba(0,0,0,.25);
  border-top:4px solid var(--red);
}
.cookie-banner[hidden]{display:none}
.cookie-banner p{margin:0;font-size:13px;line-height:1.6;max-width:760px}
.cookie-banner a{color:#fff;text-decoration:underline}
.cookie-banner-actions{display:flex;gap:10px;flex-shrink:0}
.cookie-banner .button{padding:11px 16px;font-size:13px;white-space:nowrap}
.cookie-banner .button.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}

@media(max-width:700px){
  .cookie-banner{flex-direction:column;align-items:stretch;gap:14px;padding:18px 6vw 20px}
  .cookie-banner-actions{justify-content:stretch}
  .cookie-banner-actions .button{flex:1}
}

@media(max-width:600px){
  .topbar{justify-content:center;text-align:center}
  .family-deal:before{top:14px;left:14px;font-size:10px;padding:6px 10px}
  .hero-content{padding:36px 6vw 32px}
  .section{padding:40px 6vw}
}