/*
Theme Name: DK Cozinha Delivery Custom
Theme URI: https://dkcozinhadelivery.com.br/
Author: DK Cozinha Delivery / OpenAI
Description: Tema WordPress responsivo e totalmente customizável pelo painel, convertido do template HTML/CSS/JS da DK Cozinha Delivery.
Version: 1.5.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: dk-cozinha
*/
:root {
  --bg: #0f0f10;
  --surface: #18181b;
  --surface-2: #202024;
  --text: #ffffff;
  --muted: #c9c9cc;
  --dk-gold: #d38a22;
  --anota: #18d7d2;
  --ifood: #f51b2b;
  --whatsapp: #25d366;
  --radius: 24px;
  --shadow: 0 20px 55px rgba(0, 0, 0, .28);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 0;
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 15% 15%, rgba(211, 138, 34, .14), transparent 28rem),
    radial-gradient(circle at 90% 80%, rgba(255, 255, 255, .05), transparent 24rem),
    var(--bg);
}

body.modal-open { overflow: hidden; }
button, a { -webkit-tap-highlight-color: transparent; }

.banner {
  width: min(1180px, 100%);
  padding: clamp(22px, 4vw, 48px);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 32px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015));
  box-shadow: var(--shadow);
  overflow: hidden;
}

.brand {
  display: flex;
  align-items: center;
  gap: clamp(18px, 3vw, 32px);
  margin-bottom: clamp(24px, 4vw, 42px);
}

.brand__logo {
  width: clamp(90px, 12vw, 138px);
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, .3);
}

.brand__text { max-width: 720px; }
.eyebrow, .menu-callout__eyebrow {
  margin: 0 0 8px;
  color: var(--dk-gold);
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

h1 {
  margin: 0;
  font-size: clamp(1.75rem, 4vw, 3.6rem);
  line-height: 1.02;
  letter-spacing: -.045em;
}

.brand__text > p:last-child {
  margin: 12px 0 0;
  color: var(--muted);
  font-size: clamp(.98rem, 1.5vw, 1.12rem);
}

.order-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.order-card {
  position: relative;
  padding: 26px;
  display: flex;
  /* flex-direction: column; */
  justify-content: space-between;
  gap: 28px;
  color: var(--text);
  text-decoration: none;
  border-radius: var(--radius);
  border: 1px solid rgba(255, 255, 255, .08);
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02)), var(--surface);
  overflow: hidden;
  isolation: isolate;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.order-card::before {
  content: "";
  position: absolute;
  inset: auto -30px -60px auto;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  filter: blur(2px);
  opacity: .1;
  z-index: -1;
}

.order-card--anota::before { background: var(--anota); }
.order-card--ifood::before { background: var(--ifood); }
.order-card--whatsapp::before { background: var(--whatsapp); }

.order-card:hover, .order-card:focus-visible {
  transform: translateY(-6px);
  border-color: rgba(255, 255, 255, .2);
  box-shadow: 0 20px 38px rgba(0, 0, 0, .25);
}

.order-card:focus-visible, .menu-button:focus-visible, .menu-modal__close:focus-visible, .carousel__nav:focus-visible,
.carousel__dots button:focus-visible, .menu-modal__actions a:focus-visible {
  outline: 3px solid rgba(255, 255, 255, .8);
  outline-offset: 4px;
}

.order-card__icon-wrap {
  width: 82px;
  height: 82px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
}
.order-card__icon-wrap--whatsapp { border-radius: 50%; }
.order-card__icon {width: 100%;height: 100%;object-fit: contain;}
.order-card__icon--anota {align-items: center;padding: 5px;}
.order-card__icon--ifood {padding: 8px 8px;}
.order-card__icon--whatsapp {object-fit: cover;transform: scale(1.1);}
.order-card__content {display: flex;flex-direction: column;align-items: center;}
.order-card__label { color: var(--muted); font-size: .82rem; margin-bottom: 3px; }
.order-card strong {font-size: clamp(1.5rem, 2.2vw, 2rem);line-height: 1;}
.order-card__cta {display: inline-flex;align-items: center;gap: 8px;margin-top: 3px;font-weight: 750;font-size: .96rem;}
.order-card--anota .order-card__cta { color: var(--anota); }
.order-card--ifood .order-card__cta { color: #ff5865; }
.order-card--whatsapp .order-card__cta { color: #53e987; }

.menu-callout {
  margin-top: 22px;
  padding: clamp(20px, 3vw, 30px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border: 1px solid rgba(211, 138, 34, .25);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 90% 50%, rgba(211, 138, 34, .16), transparent 22rem),
    linear-gradient(135deg, rgba(211, 138, 34, .075), rgba(255, 255, 255, .02));
}

.menu-callout h2 { margin: 0; font-size: clamp(1.3rem, 2.5vw, 2rem); letter-spacing: -.025em; }
.menu-callout p { margin: 7px 0 0; color: var(--muted); }

.menu-button {
  flex: 0 0 auto;
  min-height: 58px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  border: 0;
  border-radius: 16px;
  color: #111;
  background: linear-gradient(135deg, #f0ae4d, var(--dk-gold));
  font: inherit;
  font-weight: 850;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(211, 138, 34, .18);
  transition: transform .2s ease, filter .2s ease;
}
.menu-button:hover { transform: translateY(-2px); filter: brightness(1.06); }
.menu-button__icon { font-size: 1.25rem; transform: rotate(90deg); }
.menu-button__arrow { font-size: 1.2rem; }

.menu-modal[hidden] { display: none; }
.menu-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 22px; }
.menu-modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .76); backdrop-filter: blur(8px); }
.menu-modal__dialog {
  position: relative;
  width: min(1280px, 100%);
  max-height: calc(100vh - 44px);
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 26px;
  background: #111214;
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
  overflow: hidden;
  animation: modal-in .22s ease both;
}
@keyframes modal-in { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }

.menu-modal__header {
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.menu-modal__header h2 { margin: 0; font-size: clamp(1.35rem, 2.6vw, 2rem); }
.menu-modal__close {
  width: 46px; height: 46px; flex: 0 0 46px;
  border: 1px solid rgba(255,255,255,.12); border-radius: 50%;
  color: #fff; background: rgba(255,255,255,.06); font-size: 2rem; line-height: 1; cursor: pointer;
}

.carousel { position: relative; min-height: 0; flex: 1; display: flex; flex-direction: column; }
.carousel__viewport { min-height: 0; flex: 1; overflow: hidden; }
.carousel__track { height: 100%; display: flex; transition: transform .35s cubic-bezier(.22,.8,.22,1); }
.carousel__slide {
  min-width: 100%; margin: 0; padding: 18px 72px 52px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
}
.carousel__slide img {
  display: block;
  width: 100%;
  max-height: min(68vh, 820px);
  object-fit: contain;
  border-radius: 14px;
  box-shadow: 0 16px 46px rgba(0,0,0,.35);
}
.carousel__slide figcaption { color: var(--muted); font-size: .92rem; text-align: center; }
.carousel__nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 46px; height: 58px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px;
  color: #fff; background: rgba(0,0,0,.56); font-size: 2.2rem; line-height: 1; cursor: pointer; z-index: 2;
}
.carousel__nav--prev { left: 14px; }
.carousel__nav--next { right: 14px; }
.carousel__dots { position: absolute; left: 50%; bottom: 19px; transform: translateX(-50%); display: flex; gap: 8px; }
.carousel__dots button { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.3); cursor: pointer; }
.carousel__dots button.is-active { width: 26px; border-radius: 999px; background: var(--dk-gold); }

.menu-modal__footer {
  padding: 14px 20px 18px;
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  border-top: 1px solid rgba(255,255,255,.08); color: var(--muted); font-size: .9rem;
}
.menu-modal__actions { display: flex; gap: 10px; }
.menu-modal__actions a {
  padding: 10px 14px;
  border-radius: 11px;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  background: rgb(8 163 169 / 75%);
  border: 1px solid rgba(255,255,255,.1);
}
.menu-modal__actions a:first-child {color: #ffffff;background: #25d366;border-color: transparent;}
.menu-modal__actions a:last-child { background: var(--ifood); border-color: transparent; }

@media (max-width: 820px) {
  body { padding: 18px; place-items: start center; }
  .banner { border-radius: 24px; }
  .brand { align-items: flex-start; }
  .order-grid { grid-template-columns: 1fr; }
  .order-card { min-height: 0; flex-direction: row; align-items: center; justify-content: flex-start; gap: 20px; padding: 20px; }
  .order-card__content { min-width: 0; }
  .order-card__cta { margin-top: 10px; }
  .menu-callout { align-items: stretch; flex-direction: column; }
  .menu-button { width: 100%; justify-content: center; }
  .menu-modal { padding: 10px; }
  .menu-modal__dialog { max-height: calc(100vh - 20px); border-radius: 20px; }
  .carousel__slide { padding: 12px 50px 44px; }
  .carousel__nav { width: 40px; height: 50px; }
  .carousel__nav--prev { left: 5px; }
  .carousel__nav--next { right: 5px; }
  .menu-modal__footer { align-items: stretch; flex-direction: column; }
  .menu-modal__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .menu-modal__actions a { text-align: center; }
}

@media (max-width: 520px) {
  body { padding: 12px; }
  .banner { padding: 18px; }
  .brand { flex-direction: column; gap: 16px; }
  .brand__logo { width: 92px; }
  .order-card { padding: 17px; gap: 16px; border-radius: 20px; }
  .order-card__icon-wrap { width: 68px; height: 68px; flex: 0 0 68px; border-radius: 17px; }
  .order-card__icon-wrap--whatsapp { border-radius: 50%; }
  .order-card__label { font-size: .76rem; }
  .order-card strong { font-size: 1.38rem; }
  .order-card__cta { font-size: .88rem; }
  .menu-callout { border-radius: 20px; }
  .menu-button { min-height: 54px; font-size: .93rem; padding: 0 14px; }
  .menu-modal__header { padding: 13px 14px; }
  .menu-modal__close { width: 42px; height: 42px; flex-basis: 42px; }
  .carousel__slide { padding: 8px 10px 42px; justify-content: flex-start; overflow-y: auto; }
  .carousel__slide img { max-height: none; border-radius: 9px; }
  .carousel__slide figcaption { font-size: .82rem; }
  .carousel__nav { top: auto; bottom: 7px; width: 38px; height: 34px; border-radius: 10px; font-size: 1.7rem; }
  .carousel__nav--prev { left: 12px; }
  .carousel__nav--next { right: 12px; }
  .carousel__dots { bottom: 17px; }
  .menu-modal__footer { padding: 10px 12px 12px; }
  .menu-modal__footer > span { display: none; }
  .menu-modal__actions { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Ajustes WordPress */
html { margin-top: 0 !important; }
body.admin-bar .menu-modal { top: 32px; }
@media (max-width: 782px) { body.admin-bar .menu-modal { top: 46px; } }
.dk-custom-css-marker { display: none; }

/* ==========================================================
   Páginas de Oferta DK
   ========================================================== */
body.dk-offer-page {
  display: block;
  min-height: 100vh;

}

.offer-shell {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.offer-topbar {
  margin-bottom: 18px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  background: rgba(255,255,255,.025);
  backdrop-filter: blur(10px);
}

.offer-brand,
.offer-back {
  color: var(--text);
  text-decoration: none;
}

.offer-brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  font-weight: 850;
  letter-spacing: -.02em;
}

.offer-brand img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 12px;
}

.offer-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  border-radius: 12px;
  color: var(--muted);
  font-size: .9rem;
  font-weight: 750;
  transition: color .2s ease, background .2s ease;
}
.offer-back:hover { color: var(--text); background: rgba(255,255,255,.055); }

.offer-card {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(380px, .96fr);
  min-height: min(720px, calc(100vh - 150px));
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 32px;
  background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.018)), var(--surface);
  box-shadow: var(--shadow);
}

.offer-media {
  min-height: 520px;
  position: relative;
  background: #0b0b0c;
  overflow: hidden;
}

.offer-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 72%, rgba(15,15,16,.28));
}

.offer-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.offer-media--placeholder {
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 42%, rgba(211,138,34,.22), transparent 15rem),
    #101012;
}

.offer-placeholder-logo {
  width: min(42%, 220px);
  height: auto;
  border-radius: 28px;
  opacity: .85;
}

.offer-content {
  padding: clamp(34px, 6vw, 76px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  isolation: isolate;
}

.offer-content::before {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  right: -160px;
  top: -150px;
  border-radius: 50%;
  background: var(--dk-gold);
  opacity: .075;
  filter: blur(10px);
  z-index: -1;
}

.offer-eyebrow {
  margin: 0 0 12px;
  color: var(--dk-gold);
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.offer-title {
  margin: 0;
  max-width: 13ch;
  font-size: clamp(2.2rem, 5.2vw, 5.15rem);
  line-height: .96;
  letter-spacing: -.055em;
}

.offer-copy {
  width: 100%;
  max-width: 620px;
  margin-top: 24px;
  color: var(--muted);
  font-size: clamp(1rem, 1.5vw, 1.14rem);
  line-height: 1.72;
}

.offer-copy > *:first-child { margin-top: 0; }
.offer-copy > *:last-child { margin-bottom: 0; }
.offer-copy h2, .offer-copy h3 { color: var(--text); line-height: 1.15; }
.offer-copy a { color: #f0ae4d; }
.offer-copy ul, .offer-copy ol { padding-left: 1.25em; }

.offer-action { width: 100%; margin-top: 30px; }

.offer-cta {
  width: fit-content;
  min-height: 60px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  border-radius: 16px;
  color: #111;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 900;
  background: linear-gradient(135deg, #f0ae4d, var(--dk-gold));
  box-shadow: 0 15px 34px rgba(211,138,34,.2);
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.offer-cta:hover { transform: translateY(-3px); filter: brightness(1.06); box-shadow: 0 20px 42px rgba(211,138,34,.25); }
.offer-cta:focus-visible, .offer-back:focus-visible, .offer-brand:focus-visible { outline: 3px solid rgba(255,255,255,.85); outline-offset: 4px; }
.offer-cta span:last-child { font-size: 1.25rem; }

.offer-note {
  margin: 11px 0 0;
  max-width: 560px;
  color: color-mix(in srgb, var(--muted) 75%, transparent);
  font-size: .82rem;
  line-height: 1.5;
}

.offer-footer {
  padding: 18px 6px 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  color: var(--muted);
  font-size: .82rem;
}
.offer-footer a { color: var(--dk-gold); text-decoration: none; font-weight: 800; }

@media (max-width: 900px) {
  .offer-card { grid-template-columns: 1fr; min-height: 0; }
  .offer-media { min-height: 0; aspect-ratio: 16 / 10; }
  .offer-media::after { background: linear-gradient(180deg, transparent 70%, rgba(15,15,16,.28)); }
  .offer-content { padding: clamp(28px, 7vw, 54px); }
  .offer-title { max-width: 18ch; font-size: clamp(2.25rem, 9vw, 4.4rem); }
}

@media (max-width: 560px) {
  body.dk-offer-page { padding: 10px; }
  .offer-topbar { border-radius: 16px; margin-bottom: 10px; }
  .offer-brand span { display: none; }
  .offer-brand img { width: 40px; height: 40px; }
  .offer-back { font-size: .82rem; padding: 9px 10px; }
  .offer-card { border-radius: 22px; }
  .offer-media { aspect-ratio: 4 / 3; }
  .offer-content { padding: 26px 22px 30px; }
  .offer-title { font-size: clamp(2rem, 12vw, 3.4rem); }
  .offer-copy { margin-top: 18px; font-size: .98rem; line-height: 1.65; }
  .offer-action { margin-top: 24px; }
  .offer-cta { width: 100%; min-height: 58px; padding: 0 16px; }
  .offer-footer { flex-direction: column; align-items: flex-start; padding: 16px 5px 4px; }
}

/* ==========================================================
   Ofertas DK na Home — v1.2
   ========================================================== */
.offers-callout { margin-top: 18px; }
.offers-button { background: linear-gradient(135deg, #f0ae4d, var(--dk-gold)); color: #111; box-shadow: 0 14px 30px rgba(211,138,34,.18); }
.offers-button:hover { filter: brightness(1.06); }
.offers-modal__dialog { width: min(1080px, calc(100% - 28px)); max-height: min(88vh, 900px); overflow: auto; }
.offers-grid { padding: 4px 28px 30px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.offer-preview { display: flex; flex-direction: column; min-width: 0; overflow: hidden; color: var(--text); text-decoration: none; border: 1px solid rgba(255,255,255,.09); border-radius: 20px; background: linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02)),var(--surface); transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.offer-preview:hover { transform: translateY(-5px); border-color: rgba(211,138,34,.48); box-shadow: 0 18px 34px rgba(0,0,0,.25); }
.offer-preview:focus-visible { outline: 3px solid var(--dk-gold); outline-offset: 3px; }
.offer-preview__media { aspect-ratio: 16/10; background:#0b0b0c; overflow:hidden; }
.offer-preview__media img { width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease; }
.offer-preview:hover .offer-preview__media img { transform:scale(1.035); }
.offer-preview__placeholder { width:100%;height:100%;display:grid;place-items:center;color:var(--dk-gold);font-size:2.3rem;font-weight:950;background:radial-gradient(circle,rgba(211,138,34,.15),transparent 65%); }
.offer-preview__body { padding:20px;display:flex;flex:1;flex-direction:column;align-items:flex-start; }
.offer-preview__body > span { color:var(--dk-gold);font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.offer-preview__body h3 { margin:7px 0 9px;font-size:1.3rem;line-height:1.1; }
.offer-preview__body p { margin:0 0 18px;color:var(--muted);font-size:.9rem;line-height:1.55; }
.offer-preview__body strong { margin-top:auto;color:#f0ae4d;font-size:.9rem; }
.offers-empty { grid-column:1/-1;padding:38px;text-align:center;color:var(--muted); }
@media(max-width:850px){.offers-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.offers-grid{grid-template-columns:1fr;padding:2px 14px 20px;gap:13px}.offers-modal__dialog{width:calc(100% - 16px);max-height:92vh}.offer-preview{display:grid;grid-template-columns:112px 1fr}.offer-preview__media{aspect-ratio:auto;min-height:150px}.offer-preview__body{padding:15px}.offer-preview__body h3{font-size:1.08rem}.offer-preview__body p{font-size:.82rem;margin-bottom:10px}}


/* ==========================================================
   DK Home v1.4 — Loja própria funcional
   ========================================================== */
body.dk-home-store{display:block;padding:0;background:radial-gradient(circle at 72% 5%,rgba(211,138,34,.12),transparent 34rem),#0b0b0c}
body.dk-home-store .banner{display:none}
.dk-shell{width:min(1240px,calc(100% - 32px));margin:22px auto 34px;color:var(--text)}
.dk-topbar{min-height:76px;padding:8px 10px 8px 14px;display:flex;align-items:center;gap:26px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:rgba(18,18,20,.9);backdrop-filter:blur(16px);position:relative;z-index:5}
.dk-topbar__brand{display:flex;align-items:center;flex:0 0 auto}.dk-topbar__brand img{display:block;width:58px;height:58px;object-fit:contain}.dk-logo-fallback{font-size:1.5rem;font-weight:950;color:var(--dk-gold)}
.dk-topbar__links{display:flex;align-items:center;gap:5px;margin-right:auto}.dk-topbar__links a,.dk-topbar__links button{padding:10px 13px;color:#e8e8ea;text-decoration:none;border:0;background:none;font:inherit;font-size:.88rem;cursor:pointer;border-radius:10px}.dk-topbar__links a:hover,.dk-topbar__links button:hover{color:#fff;background:rgba(255,255,255,.055)}
.dk-topbar__cta{flex:0 0 auto;padding:12px 16px;color:#111;text-decoration:none;font-weight:900;border-radius:13px;background:linear-gradient(135deg,#f5b34e,var(--dk-gold));box-shadow:0 9px 24px rgba(211,138,34,.18)}
.dk-hero{margin-top:16px;min-height:510px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:30px;background:linear-gradient(120deg,#111113 0%,#111113 50%,#17120d 100%);box-shadow:0 26px 70px rgba(0,0,0,.3)}
.dk-hero__copy{padding:clamp(34px,5vw,72px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;z-index:2}.dk-kicker{margin:0 0 13px;color:var(--dk-gold);font-size:.78rem;font-weight:950;letter-spacing:.14em}.dk-hero h1{max-width:7ch;margin:0;font-size:clamp(3.2rem,7vw,6.25rem);line-height:.86;letter-spacing:-.065em;text-transform:uppercase}.dk-hero h1 span{display:block;color:#f4a128}.dk-hero__lead{max-width:600px;margin:23px 0 0;color:#e2e2e4;font-size:clamp(1rem,1.55vw,1.2rem);line-height:1.55}.dk-benefits{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px;color:#f0f0f1;font-size:.83rem;font-weight:750}.dk-benefits span{display:flex;align-items:center;gap:7px}.dk-benefits b{color:var(--dk-gold)}
.dk-primary-cta{min-width:min(100%,335px);margin-top:30px;padding:17px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;color:#111;text-decoration:none;border-radius:15px;background:linear-gradient(135deg,#ffb53e,#e89212);box-shadow:0 16px 35px rgba(211,138,34,.25);transition:transform .2s ease,filter .2s ease}.dk-primary-cta:hover{transform:translateY(-3px);filter:brightness(1.05)}.dk-primary-cta span{font-size:1.45rem}.dk-primary-cta strong{font-size:1.03rem;letter-spacing:.02em}.dk-primary-cta b{font-size:1.3rem}.dk-hero__copy>small{margin: 10px 0 0 15px;color:#a8a8ac;font-size:.72rem}
.dk-hero__visual{position:relative;min-height:510px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(211,138,34,.27),transparent 35%),linear-gradient(145deg,#18120c,#09090a)}.dk-hero__visual::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111113 0%,transparent 24%),linear-gradient(0deg,rgba(0,0,0,.28),transparent 40%);z-index:1}.dk-hero__visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.07) contrast(1.04)}.dk-hero__glow{position:absolute;width:300px;height:300px;right:5%;top:10%;border-radius:50%;background:rgba(240,161,40,.13);filter:blur(50px);z-index:1}.dk-hero__stamp{position:absolute;right:28px;bottom:26px;z-index:2;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(5,5,6,.72);backdrop-filter:blur(10px)}.dk-hero__stamp span{color:var(--dk-gold);font-size:1.7rem;font-weight:950}.dk-hero__stamp small{font-size:.55rem;font-weight:900;letter-spacing:.12em;color:#fff}.dk-hero__visual.no-image::after{content:"DK";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.05);font-size:14rem;font-weight:950}
.dk-shell .dkp-home-featured{margin-top:20px;padding:28px;border-color:rgba(255,255,255,.08);background:#111113}.dk-shell .dkp-home-featured__eyebrow{color:#f4a128}.dk-shell .dkp-home-featured__head h2{font-size:clamp(1.65rem,2.6vw,2.35rem)}.dk-shell .dkp-home-featured__grid{gap:16px}.dk-shell .dkp-home-product{background:#18181a;border-radius:18px}.dk-shell .dkp-home-product__media{aspect-ratio:4/3}.dk-shell .dkp-home-product__body{padding:17px}.dk-shell .dkp-home-product__body>span{display:none}.dk-shell .dkp-home-product__body h3{font-size:1.12rem}.dk-shell .dkp-home-product__foot strong{color:#f4a128;font-size:.98rem}.dk-shell .dkp-home-product__foot b{margin-top:4px;padding:10px 12px;text-align:center;border:1px solid rgba(211,138,34,.55);border-radius:10px;color:#fff}.dk-shell .dkp-home-featured__all{padding:10px 14px;border:1px solid rgba(211,138,34,.55);border-radius:11px}
.dk-offers-strip,.dk-legacy-menu{margin-top:20px;padding:clamp(24px,4vw,36px);display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;border:1px solid rgba(211,138,34,.32);border-radius:24px;background:radial-gradient(circle at 80% 50%,rgba(211,138,34,.21),transparent 25rem),linear-gradient(115deg,#1a120a,#171717)}.dk-offers-strip span,.dk-legacy-menu span,.dk-section-head>span{color:#f4a128;font-size:.72rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.dk-offers-strip h2,.dk-legacy-menu h2{margin:6px 0 0;font-size:clamp(1.5rem,2.8vw,2.4rem)}.dk-offers-strip p,.dk-legacy-menu p{margin:7px 0 0;color:var(--muted)}.dk-offers-strip__button,.dk-legacy-menu button{flex:0 0 auto;min-height:55px;padding:0 18px;border:0;border-radius:13px;color:#111;background:linear-gradient(135deg,#f5b34e,var(--dk-gold));font:inherit;font-weight:900;cursor:pointer}.dk-offers-strip__button b{margin-left:8px}
.dk-other-channels{margin-top:26px}.dk-section-head{margin-bottom:15px}.dk-section-head h2{margin:6px 0 0;font-size:clamp(1.45rem,2.5vw,2rem)}.dk-section-head p{margin:6px 0 0;color:var(--muted)}.dk-other-channels .order-card{padding:18px 20px;min-height:112px;align-items:center;gap:16px}.dk-other-channels .order-card__icon-wrap{width:64px;height:64px;flex:0 0 64px;border-radius:15px}.dk-other-channels .order-card__icon-wrap--whatsapp{padding-top: 4px;}.dk-other-channels .order-card__content{align-items:flex-start}.dk-other-channels .order-card strong{font-size:1.5rem}.dk-other-channels .order-card__label{font-size:.72rem}.dk-other-channels .order-card__cta{font-size:.83rem}
.dk-legacy-menu{margin-bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(211,138,34,.08))}
body.dk-home-store>.dk-lgpd-footer,body.dk-home-store footer{max-width:1240px;margin-left:auto;margin-right:auto}
@media(max-width:920px){.dk-topbar__links{display:none}.dk-topbar{justify-content:space-between}.dk-hero{grid-template-columns:1fr;min-height:0}.dk-hero__visual{min-height:360px;order:-1}.dk-hero__visual::before{background:linear-gradient(180deg,transparent 60%,#111113 100%)}.dk-hero__copy{padding:34px}.dk-hero h1{font-size:clamp(3.1rem,12vw,5.6rem)}.dk-shell .dkp-home-featured__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body.dk-home-store{padding:0}.dk-shell{width:min(100% - 18px,1240px);margin:9px auto 22px}.dk-topbar{min-height:66px;border-radius:17px;padding:7px 8px 7px 10px}.dk-topbar__brand img{width:50px;height:50px}.dk-topbar__cta{font-size:.8rem;padding:10px 12px}.dk-hero{margin-top:9px;border-radius:22px}.dk-hero__visual{min-height:280px}.dk-hero__copy{padding:27px 22px 30px}.dk-hero h1{font-size:clamp(2.8rem,17vw,4.8rem)}.dk-hero__lead{margin-top:17px;font-size:.96rem}.dk-benefits{gap:8px 12px;margin-top:18px}.dk-primary-cta{margin-top:22px}.dk-hero__copy>small{margin-left:0}.dk-shell .dkp-home-featured{padding:18px;border-radius:20px}.dk-shell .dkp-home-featured__head{align-items:flex-start;flex-direction:column}.dk-shell .dkp-home-featured__grid{grid-template-columns:1fr}.dk-shell .dkp-home-product{display:grid;grid-template-columns:120px 1fr}.dk-shell .dkp-home-product__media{aspect-ratio:auto;min-height:150px}.dk-offers-strip,.dk-legacy-menu{padding:22px;align-items:flex-start;flex-direction:column;border-radius:20px}.dk-offers-strip__button,.dk-legacy-menu button{width:100%}.dk-other-channels .order-grid{grid-template-columns:1fr}.dk-other-channels .order-card{min-height:94px}.dk-hero__stamp{right:15px;bottom:15px}}


/* DK Theme v1.4.2 — navegação realmente global */
.dk-topbar__links a.is-active,.dk-topbar__links button.is-active{color:#f4a128;background:rgba(211,138,34,.08)}
.dk-topbar__links a.is-active::after,.dk-topbar__links button.is-active::after{content:"";display:block;height:3px;margin-top:6px;border-radius:999px;background:var(--dk-gold)}
.dk-global-nav{width:100%}
.dk-offer-page .offer-shell{width:min(1240px,calc(100% - 32px));max-width:none;margin: 22px auto 34px;padding:0}
.dk-offer-page .offer-card{margin-top:16px}
@media(max-width:620px){.dk-offer-page .offer-shell{width:min(100% - 18px,1240px);margin:9px auto 22px}}

/* v1.4.3 — Área do Cliente */
@media(max-width:860px){.dk-topbar__links{gap:10px}.dk-topbar__links a,.dk-topbar__links button{font-size:13px}}

/* v1.4.4 — integração com Gerenciador do Banner da Home */
.dk-hero__visual.is-campaign-image img{object-position:center center}

/* v1.4.5 — correção do trecho em destaque configurável */
.dk-hero h1 .dk-hero__highlight{display:block;color:#f4a128}

/* v1.4.6 — LCP mobile: imagem principal responsiva, priorizada e sem lazy-load */
.dk-hero__visual img{content-visibility:auto}