/* Shared CTA finish. Keep navigation, filters and carousel controls distinct. */
:root{
  --essenzi-cta-hover:linear-gradient(125deg,#d7b978 0%,#fff9e4 45%,#e5c885 100%);
  --essenzi-cta-ink:#241c12;
}
:root body :is(.btn,.app-badge,.account-link,.draw-video-play,.cta-link,.logout-menu){
  background:var(--essenzi-cta-gradient);
  color:var(--essenzi-cta-ink);
  border:1px solid #c9a762;
  box-shadow:inset 0 1px 0 #ffffffc9,0 4px 14px #6d430d12;
  text-shadow:none;
  text-decoration:none;
  transition:background .2s,box-shadow .2s;
}
:root body :is(.btn,.app-badge,.account-link,.draw-video-play,.cta-link,.logout-menu):hover:not(:disabled){
  background:var(--essenzi-cta-hover);
  color:var(--essenzi-cta-ink);
  box-shadow:inset 0 1px 0 #fff,0 5px 18px #6d430d24;
}
:root body :is(.btn,.app-badge,.account-link,.draw-video-play,.cta-link,.logout-menu):focus-visible{
  outline:2px solid #7d0826;
  outline-offset:3px;
  box-shadow:0 0 0 3px #fff5db;
}
:root body :is(.btn,.cta-link):disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.cta-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:5px;line-height:1.4;font-weight:600}
.store-actions{flex-wrap:wrap;gap:8px}
.account-menu .logout-menu{border-radius:4px}

/* A readable policy page, with live-service commitments separate from the demo. */
.privacy-page{max-width:920px}
.privacy-preview{display:flex;gap:14px;align-items:flex-start;padding:22px 25px;margin-bottom:30px;border:1px solid #e4ca91;border-radius:8px;background:#fff4d9;color:#5a442a}
.privacy-preview>svg{flex:0 0 23px;width:23px;height:23px;margin-top:2px}
.privacy-preview strong{display:block;font:600 13px var(--heading);margin-bottom:7px}
.privacy-preview p{font-size:12px;line-height:1.8;margin:0}
.privacy-section-label{font:600 11px var(--heading);letter-spacing:.8px;text-transform:uppercase;color:#9f1737;margin:0 0 17px}
.privacy-cards{display:grid;gap:17px}
.privacy-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:20px;padding:29px;border:1px solid #ead8ce;border-radius:9px;background:#fff;box-shadow:0 4px 18px #6a183005}
.privacy-number{display:flex;align-items:center;justify-content:center;align-self:start;width:42px;height:42px;border-radius:50%;background:var(--essenzi-cta-gradient);color:var(--essenzi-cta-ink);font:600 13px var(--heading)}
.privacy-card h2{font-size:18px;line-height:1.5;color:#6c152b;margin:4px 0 12px}
.privacy-card p{font-size:13px;line-height:1.9;color:#66545b;margin:0 0 12px}
.privacy-card p:last-child{margin-bottom:0}
.privacy-card p a{color:#8d1533;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.privacy-card code{background:#fff3dc;border:1px solid #ead8b2;border-radius:4px;color:#62491f;padding:2px 5px;white-space:nowrap;font-size:12px}
.privacy-contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.privacy-contact-actions .btn{font-size:11px;gap:9px}

@media(max-width:700px){
  /* Reset legacy .header nav grid-row:2/grid-column:1/-1 explicitly. */
  .campaign-header .menu-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;grid-template-rows:49px;gap:4px;direction:ltr;align-items:center;width:calc(100% - 20px)}
  .campaign-header .menu-row>nav.primary-navigation{display:grid;grid-column:1;grid-row:1;order:0;min-width:0;width:100%;height:49px;grid-template-columns:.9fr 1.08fr 1.65fr;gap:0;align-items:stretch;margin:0;overflow:visible}
  .campaign-header .menu-row>nav.primary-navigation>a{display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:8px 2px;font-size:clamp(9px,2.45vw,12px);line-height:1.2;letter-spacing:-.1px;min-width:0}
  .campaign-header .menu-row>nav.primary-navigation>a:nth-child(n+4){display:none}
  .campaign-header .menu-row>.mobile-menu-toggle{grid-column:2;grid-row:1;order:1;justify-self:end;align-self:center;margin:0;float:none;position:static}
  .mobile-promo-actions .cta-link{padding:2.3cqw 2.8cqw}
  .video-hero .video-learn.cta-link{padding:2.3cqw 2.8cqw}
  .loyalty-copy .cta-link{padding:6px 10px}
  .privacy-preview{padding:19px 17px;gap:10px}
  .privacy-preview p{font-size:11px}
  .privacy-card{grid-template-columns:33px minmax(0,1fr);padding:20px 16px;gap:12px}
  .privacy-number{width:33px;height:33px;font-size:11px}
  .privacy-card h2{font-size:15px;margin-top:3px}
  .privacy-card p{font-size:12px}
  .privacy-card code{font-size:11px}
  .privacy-contact-actions{flex-direction:column;align-items:stretch}
}
@media(prefers-reduced-motion:reduce){
  :root body :is(.btn,.app-badge,.account-link,.draw-video-play,.cta-link,.logout-menu){transition:none}
}