/* V8 compact consent panel: bottom right, ivory translucent, Accept and Refuse with the same weight.
   Never over the WhatsApp bar: it sits above the bar whenever the bar is shown. */
.ppe-consent{--cc-ink:#1E1B17;--cc-muted:#5E5950;--cc-line:rgba(30,27,23,.14);--cc-gold:#B89758;
  position:fixed;z-index:60;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));
  width:min(340px,calc(100vw - 32px));max-height:calc(100svh - 120px);overflow-y:auto;box-sizing:border-box;
  padding:14px 16px 12px;color:var(--cc-ink);background:rgba(250,247,240,.9);
  -webkit-backdrop-filter:saturate(1.2) blur(12px);backdrop-filter:saturate(1.2) blur(12px);
  border:1px solid var(--cc-line);border-radius:14px;box-shadow:0 10px 30px rgba(20,18,14,.14),0 1px 2px rgba(20,18,14,.06);
  font:400 13.5px/1.5 'DM Sans','IBM Plex Sans Arabic',system-ui,sans-serif;transition:bottom .25s cubic-bezier(.22,1,.36,1)}
.ppe-consent[hidden]{display:none}
.ppe-consent.is-open{animation:ppe-cc-in .22s cubic-bezier(.22,1,.36,1)}
@keyframes ppe-cc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ppe-consent.is-open{animation:none}.ppe-consent{transition:none}}
[dir=rtl] .ppe-consent,.ppe-consent:lang(ar){font-family:'IBM Plex Sans Arabic','DM Sans',system-ui,sans-serif;line-height:1.7}
.ppe-consent__title{margin:0 0 2px;font:600 14px/1.4 inherit;font-family:inherit;color:var(--cc-ink);letter-spacing:0}
.ppe-consent__title:focus{outline:none}
.ppe-consent__title:focus-visible{outline:2px solid var(--cc-gold);outline-offset:2px}
.ppe-consent__text{margin:0 0 10px;color:var(--cc-muted);font-size:12.5px}
.ppe-consent__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ppe-consent__btn{flex:1 1 0;min-width:0;min-height:40px;padding:8px 12px;border-radius:8px;cursor:pointer;
  font:600 13px/1.2 inherit;font-family:inherit;color:var(--cc-ink);background:rgba(255,255,255,.55);border:1px solid rgba(30,27,23,.55);
  transition:background-color .18s,color .18s,border-color .18s}
.ppe-consent__btn:hover{background:var(--cc-ink);color:#F7F3EC;border-color:var(--cc-ink)}
.ppe-consent__link{flex:0 0 100%;min-height:32px;padding:2px 0;background:none;border:0;cursor:pointer;text-align:start;
  font:500 12.5px/1.3 inherit;font-family:inherit;color:var(--cc-muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(94,89,80,.45)}
.ppe-consent__btn:focus-visible,.ppe-consent__link:focus-visible,.ppe-consent__more:focus-visible,.ppe-consent__switch:focus-visible{outline:2px solid var(--cc-gold);outline-offset:2px}
.ppe-consent__cats{list-style:none;margin:6px 0 10px;padding:0}
.ppe-consent__cat{padding:8px 0;border-top:1px solid var(--cc-line)}
.ppe-consent__cat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;font-size:13px}
.ppe-consent__cat-desc{display:block;color:var(--cc-muted);font-size:12px;margin-top:2px}
.ppe-consent__always{font-weight:500;font-size:11.5px;color:var(--cc-muted)}
.ppe-consent__switch{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:38px;height:22px;margin:0;border-radius:999px;background:#CFC8BA;cursor:pointer;transition:background .18s}
.ppe-consent__switch::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .18s}
.ppe-consent__switch:checked{background:var(--cc-ink)}
.ppe-consent__switch:checked::after{transform:translateX(16px)}
[dir=rtl] .ppe-consent__switch:checked::after{transform:translateX(-16px)}
.ppe-consent__more{display:inline-block;margin-top:8px;font-size:12px;color:var(--cc-muted);text-underline-offset:3px}
/* RTL: mirrored to the bottom left (reading end), away from the first call to action */
[dir=rtl] .ppe-consent{right:auto;left:max(16px,env(safe-area-inset-left,0px))}
/* above the WhatsApp bar when it is visible */
body:has(.dock.is-on) .ppe-consent{bottom:calc(112px + env(safe-area-inset-bottom,0px))}
@media (max-width:760px){
  .ppe-consent,[dir=rtl] .ppe-consent{right:12px;left:12px;width:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:12px 14px 10px;border-radius:12px}
  body:has(.dock.is-on) .ppe-consent{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .ppe-consent{padding:10px 12px 10px}
  .ppe-consent__main .ppe-consent__title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ppe-consent__text{margin:0 0 8px;font-size:12px;line-height:1.45}
  .ppe-consent__main .ppe-consent__actions{flex-wrap:nowrap;gap:6px}
  .ppe-consent__btn{min-height:40px;padding:8px 10px}
  .ppe-consent__main .ppe-consent__link{flex:0 0 auto;min-height:40px;padding:0 4px}
}
/* small phones: the hero photograph gives a little height back so the first call to action stays clear */
@media (max-width:400px) and (max-height:700px){
  .v72 .hero__media{height:150px}
}