:root { --yifu-consent-space: 0px; }
html { scroll-padding-bottom: calc(var(--yifu-consent-space) + 24px); }
.tracking-consent { height: var(--yifu-consent-space); }
.tracking-consent-panel { position: fixed; z-index: 120; left: 0; right: 0; bottom: 0; max-height: 65dvh; overflow-y: auto; padding: 14px max(18px, calc((100vw - 1200px) / 2)); border-top: 1px solid #b4c8d1; background: #fff; color: #173847; box-shadow: 0 -3px 18px #08243e18; text-align: left; box-sizing: border-box; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px 20px; }
.tracking-consent-panel [hidden], .tracking-consent-panel[hidden] { display: none; }
.tracking-consent-panel h2 { margin: 0 0 4px; color: #08243e; font-size: 1.05rem; line-height: 1.3; }
.tracking-consent-panel p { margin: 0; font-size: .85rem; line-height: 1.45; }
.tracking-consent-actions { display: grid; grid-template-columns: 1fr 1fr .65fr; gap: 8px; }
.tracking-consent-actions button { min-height: 44px; padding: 9px 12px; border: 2px solid #08243e; border-radius: 5px; background: #08243e; color: #fff; font-weight: 700; font-size: .88rem; line-height: 1.25; cursor: pointer; }
.tracking-consent-actions button:hover { background: #075f79; border-color: #075f79; }
.tracking-consent-details { grid-column: 1 / -1; }
.tracking-consent-details p { margin: 0 0 8px; }
.tracking-consent-status { font-weight: 700; }
.tracking-consent-close { justify-self: end; grid-column: 1 / -1; min-height: 32px; padding: 3px 8px; border: 0; background: transparent; color: #08243e; text-decoration: underline; cursor: pointer; font-size: .82rem; }
.tracking-consent-panel a { color: #075f79; font-size: .85rem; }
.tracking-consent button:focus-visible, .tracking-consent a:focus-visible, [data-consent-open]:focus-visible { outline: 3px solid #007b9e; outline-offset: 3px; }
.site-footer [data-consent-open] { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
/* The notice has its own direct WhatsApp link. Do not lift the floating
   duplicate over product CTAs when the notice is open. */
html[data-consent-panel-open="true"] .floating-whatsapp { display: none; }
@media (max-width: 850px) { .tracking-consent-panel { grid-template-columns: 1fr; padding: 12px 14px; gap: 8px; } .tracking-consent-actions { width: 100%; } }
@media (max-width: 360px) { .tracking-consent-actions button { padding: 8px 4px; font-size: .78rem; } }