/* Cookie notice for /ar/webs/, built by /meta-tracking.js (initMetaTracking).
   PH system: #0d0d0d surface, Planar text, ProductHangar Display (PH) for the UI,
   the orange-magenta gradient only as a short rule on the top edge, CTA radii and heights.
   Fonts come from the @font-face rules in webs.css (PH) and ph-brand.css (Planar). */
.ph-consent{
 --consent-line:#ffffff2e;--consent-copy:#b8b8b8;--consent-ui:PH,Arial,sans-serif;--consent-text:Planar,Arial,sans-serif;
 position:fixed;z-index:95;left:24px;bottom:max(24px,env(safe-area-inset-bottom));
 display:flex;flex-direction:column;width:min(352px,calc(100% - 48px));max-height:calc(100dvh - 48px);overflow:hidden;
 padding:20px 20px 18px;color:#fff;border:1px solid var(--consent-line);border-radius:16px;box-shadow:0 18px 50px #00000040;
 background:var(--gradient,linear-gradient(110deg,#f87b30 0%,#ed542c 42%,#d234a9 100%)) left 20px top 0/56px 2px no-repeat border-box,#0d0d0d;
 font:400 13px/1.5 var(--consent-text);letter-spacing:.01em;text-align:left;
 animation:ph-consent-in .45s cubic-bezier(.22,1,.36,1) both
}
.ph-consent[hidden]{display:none}
.ph-consent:focus{outline:none}
.ph-consent:focus-visible{outline:2px solid #ff793e;outline-offset:3px}
.ph-consent p{margin:0}
.ph-consent-title{font:400 15px/1.3 var(--consent-ui);letter-spacing:0;color:#fff;margin-bottom:6px!important}
.ph-consent-text{color:var(--consent-copy)}
.ph-consent-more{display:inline;padding:0;border:0;background:none;color:#fff;font:400 13px/1.5 var(--consent-ui);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
/* Only the detail scrolls on short screens, so both choices stay visible. */
.ph-consent-detail{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-top:12px;padding-top:12px;border-top:1px solid var(--consent-line);font-size:12px;line-height:1.55;color:#a0a0a0}
.ph-consent-detail p+p{margin-top:8px}
.ph-consent-detail strong{font-weight:400;color:#fff}
.ph-consent-state{margin-top:12px!important;font:400 12px/1.4 var(--consent-ui);color:#a0a0a0}
/* Equal weight for both choices: same size, colour and type as the site's CTA label. */
.ph-consent-actions{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.ph-consent-actions button{height:40px;padding:0 14px;border:0;border-radius:8px;background:#fff;color:#0d0d0d;font:400 14px/17px var(--consent-ui);cursor:pointer;transition:background-color .2s,color .2s}
.ph-consent :is(button,[tabindex="0"]):focus-visible{outline:2px solid #ff793e;outline-offset:3px}
@keyframes ph-consent-in{from{opacity:0;transform:translateY(12px)}}

/* Reopens the notice from the footer, beside the copyright: an outlined PH tag in the footer's type. */
.ph-consent-settings{display:inline-flex;align-items:center;min-height:24px;margin:-5px 0 -5px 14px;padding:2px 8px;border:1px solid currentColor;border-radius:4px;background:none;color:inherit;font:inherit;line-height:1.4;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.ph-consent-settings:focus-visible{outline:2px solid #ff793e;outline-offset:3px}

@media(hover:hover){
 .ph-consent-more:hover{color:#ff793e}
 .ph-consent-actions button:hover{background:#808080;color:#fff}
 .ph-consent-settings:hover{background:#fff;color:#0d0d0d;border-color:#fff}
}
/* Phones: beside the WhatsApp button (right 16px, 56px wide), never over it. */
@media(max-width:600px){
 .ph-consent{left:12px;right:84px;bottom:max(16px,env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 32px);padding:16px 16px 14px;border-radius:14px;background-position:left 16px top 0,0 0}
 .ph-consent-title{font-size:14px}
 .ph-consent-actions{margin-top:14px}
}
@media(prefers-reduced-motion:reduce){.ph-consent{animation:none}.ph-consent-actions button,.ph-consent-settings{transition:none}}
@media print{.ph-consent,.ph-consent-settings{display:none}}