@import url('/src/kits/web-kit/styles/interaction.css');
@import url('/src/kits/property-web-kit/styles/property.css');
body{margin:0}
.pw-composer-form>div{display:contents}.pw-composer-options,.pw-composer-geo{border:1px solid var(--wk-outline);border-radius:10px;display:grid;gap:12px;min-inline-size:0}.pw-composer-options label{display:flex;align-items:center;gap:8px}.pw-composer-options input{inline-size:20px;min-block-size:20px}.pw-composer-field small{color:var(--wk-muted)}.pw-composer-media,.pw-upload-panel{grid-column:1/-1;padding:20px;background:var(--wk-surface);border-radius:12px}.pw-upload-panel input{display:block;margin-block:16px;max-inline-size:100%}
.pw-site{--mas-primary:var(--wk-primary);--mas-accent:var(--pw-navy);--mas-bg:var(--wk-bg);--mas-surface:var(--wk-surface);--mas-text:var(--wk-text);--mas-muted:var(--wk-muted);--mas-border:var(--wk-outline);--access-border:var(--wk-outline);--access-panel:var(--wk-surface);--access-text:var(--wk-text)}
.pw-header-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.pw-account{max-inline-size:1100px}
.pw-account .pw-section-head{flex-wrap:wrap;gap:16px}
.pw-account-provider{display:grid;gap:14px;margin-block-start:20px}
.pw-account-provider p{color:var(--wk-muted);font-size:13px;margin:0}
.pw-account-provider .access-input{inline-size:100%}
.pw-account-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:28px;background:var(--wk-surface);border:1px solid var(--wk-outline);border-radius:16px;margin-block:26px}
.pw-account-form label{display:grid;gap:8px}
.pw-account-form input,.pw-account-form select,.pw-account-form textarea,.pw-account>label select{font:inherit;inline-size:100%;min-block-size:48px;padding:12px;border:1px solid var(--wk-outline);border-radius:8px;background:var(--wk-bg);color:var(--wk-text)}
.pw-account-form textarea{min-block-size:130px}
.pw-composer-form label{align-content:start}.pw-composer-form .pw-composer-options>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pw-composer-form .pw-composer-options label{display:flex;align-items:center;gap:8px;min-block-size:40px;font-size:13px}.pw-composer-form .pw-composer-options input{inline-size:20px;block-size:20px;min-block-size:20px;padding:0;flex:0 0 20px}.pw-composer-geo{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.pw-point-map{grid-column:1/-1;block-size:300px;border-radius:10px;z-index:0}.pw-account-listing{display:block;padding:18px;border-block-end:1px solid var(--wk-outline)}
@media(max-width:650px){.pw-account-form{grid-template-columns:1fr;padding:18px}.pw-header-controls{font-size:12px}.pw-account-provider{gap:10px}}

.pw-site .wk-header__brand{gap:12px;flex-shrink:0}.pw-site .wk-header__logo-frame{inline-size:92px;block-size:92px;max-inline-size:none}.pw-site .wk-header__logo{inline-size:100%;block-size:100%;object-fit:contain}.pw-site .wk-header__wordmark{font-family:'Cairo','Tajawal',var(--mas-font-sans),sans-serif;font-size:26px;font-weight:850;letter-spacing:-.7px;white-space:nowrap}.pw-site .wk-header__inner{flex-wrap:wrap}.pw-site .wk-header__nav{flex-wrap:wrap}
.pw-policy-footer.pw-site{min-block-size:0;padding:28px max(20px,5vw);border-block-start:1px solid var(--wk-outline);text-align:center}.pw-policy-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.pw-policy-links button,.pw-policy-links a{font:inherit;font-weight:650;border:0;border-radius:14px;padding:12px 18px;background:transparent;color:var(--wk-muted);text-decoration:none;cursor:pointer}.pw-policy-links button:hover,.pw-policy-links a:hover{color:var(--wk-text);background:var(--wk-surface)}.pw-policy-dialog{inline-size:min(640px,90vw);max-block-size:80dvh;overflow:auto;border:1px solid var(--wk-outline);border-radius:24px;padding:30px;background:var(--wk-bg);color:var(--wk-text);text-align:start;line-height:1.9}.pw-policy-dialog::backdrop{background:color-mix(in srgb,var(--pw-ink) 65%,transparent);backdrop-filter:blur(6px)}.pw-policy-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.pw-policy-heading button{font-size:28px;background:var(--wk-surface);color:var(--wk-text);border:0;border-radius:50%;inline-size:44px;block-size:44px;cursor:pointer}
.pw-plans{padding-block:64px}.pw-plans-hero{text-align:center;max-inline-size:760px;margin:auto auto 52px}.pw-plans-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.3;letter-spacing:-1px}.pw-plans-hero p{font-size:18px;line-height:1.8;color:var(--wk-muted)}.pw-plan-grid>div{display:contents}.pw-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pw-plan-card{display:flex;flex-direction:column;padding:32px;border:1px solid var(--wk-outline);border-radius:24px;background:var(--wk-surface)}.pw-plan-card:nth-child(2){border-color:var(--wk-primary)}.pw-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pw-plan-card h2{font-size:25px;margin:0}.pw-plan-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:8px 14px;border:1px solid var(--wk-outline);border-radius:999px;background:color-mix(in srgb,var(--wk-primary) 12%,var(--wk-surface));color:var(--wk-text);font-size:20px;font-weight:800;line-height:1.4;direction:ltr;unicode-bidi:isolate;white-space:nowrap}.pw-plan-card>p{color:var(--wk-muted);min-block-size:30px}.pw-plan-price{font-size:36px;font-weight:800;direction:ltr;text-align:start}.pw-plan-card ul{list-style:none;padding:0;margin-block:28px;flex:1}.pw-plan-card li{display:flex;gap:12px;padding-block:12px;border-block-end:1px solid var(--wk-outline)}.pw-plan-card .pw-button{text-align:center;justify-content:center}.pw-plan-note{text-align:center;color:var(--wk-muted);margin-block:32px}.pw-checkout{max-inline-size:640px;margin:auto;padding:36px;border:1px solid var(--wk-outline);border-radius:24px;background:var(--wk-surface)}.pw-payment-notice{padding:20px;border:1px solid var(--wk-outline);border-radius:14px;line-height:1.9}
.pw-reel-stage{display:grid;grid-template-columns:minmax(320px,460px) minmax(240px,420px);gap:64px;align-items:center;justify-content:center}.pw-reel-feed{block-size:min(78dvh,820px);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;border-radius:24px;background:var(--pw-ink)}.pw-reel-feed>div{display:contents}.pw-reel{position:relative;block-size:100%;scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate;overflow:hidden}.pw-reel-video{inline-size:100%;block-size:100%;object-fit:contain;background:var(--pw-ink)}.pw-reel-caption{position:absolute;inset-inline:22px;inset-block-end:55px;color:var(--pw-white);padding:18px;border-radius:16px;background:color-mix(in srgb,var(--pw-ink) 70%,transparent);pointer-events:none}.pw-reel-caption a{color:inherit;font-weight:800;pointer-events:auto}.pw-reel-caption p{max-block-size:80px;overflow:auto;margin-block-end:0}.pw-reel-sound{position:absolute;inset-block-start:20px;inset-inline-end:20px;border:0;border-radius:50%;inline-size:48px;block-size:48px;background:var(--pw-white);color:var(--pw-ink);font-size:24px;cursor:pointer}.pw-reel-sound[data-muted=true]{opacity:.65}.pw-reel-tip{position:absolute;inset-block-end:18px;inset-inline:12px;text-align:center;color:var(--pw-white);font-size:12px}.pw-reel-guide h2{font-size:clamp(32px,4vw,54px);line-height:1.3}.pw-reel-guide p{line-height:1.9;color:var(--wk-muted);margin-block-end:28px}
@media(max-width:900px){.pw-plan-grid{grid-template-columns:1fr}.pw-reel-stage{grid-template-columns:minmax(0,460px);gap:0}.pw-reel-guide{display:none}.pw-site .wk-header__logo-frame{inline-size:72px;block-size:72px}.pw-site .wk-header__wordmark{font-size:22px}}
@media(max-width:600px){.pw-reel-feed{block-size:76dvh;border-radius:16px}.pw-plans{padding-block:32px}.pw-plan-card{padding:24px}.pw-policy-dialog{padding:20px}.pw-policy-links{gap:0}.pw-policy-links button,.pw-policy-links a{padding:12px}}

.pw-site .wk-header__brand{display:flex;flex-direction:row;align-items:center;gap:14px}.pw-site .wk-header__logo-frame{inline-size:76px;block-size:76px;overflow:hidden;flex:0 0 76px}.pw-site .wk-header__logo{transform:scale(2.5);max-inline-size:none}.pw-site .wk-header__wordmark{line-height:1.3}

.pw-mobile-header{display:none}
@media(max-width:900px){
.pw-desktop-header{display:none}
.pw-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;min-block-size:60px;box-sizing:border-box;background:var(--wk-bg);border-block-end:1px solid var(--wk-outline)}
.pw-mobile-brand{display:flex;align-items:center;gap:10px;color:var(--wk-text);text-decoration:none;font-family:'Cairo','Tajawal',var(--mas-font-sans),sans-serif;font-size:18px;font-weight:800;min-inline-size:0}
.pw-mobile-logo{inline-size:40px;block-size:40px;overflow:hidden;flex:0 0 40px}
.pw-mobile-logo img{display:block;inline-size:100%;block-size:100%;object-fit:contain;transform:none}
.pw-menu-toggle,.pw-drawer-heading button{display:grid;place-items:center;inline-size:44px;block-size:44px;flex:0 0 44px;border:1px solid var(--wk-outline);border-radius:12px;background:var(--wk-surface);color:var(--wk-text);font-size:25px;cursor:pointer}
.pw-mobile-drawer{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;margin:0;padding:0;border:0;inline-size:min(320px,88vw);max-inline-size:100%;block-size:100dvh;max-block-size:100dvh;background:var(--wk-bg);color:var(--wk-text);overflow:auto;overscroll-behavior:contain}
.pw-mobile-drawer::backdrop{background:color-mix(in srgb,var(--pw-ink) 55%,transparent)}
.pw-drawer-panel{padding:20px;padding-block-end:max(24px,env(safe-area-inset-bottom))}
.pw-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:20px}
.pw-drawer-heading h2{font-size:22px;margin:0}
.pw-drawer-panel nav{display:flex;flex-direction:column;gap:6px}
.pw-drawer-panel nav a{display:block;padding:12px 14px;min-block-size:44px;box-sizing:border-box;text-decoration:none;color:var(--wk-text);font-weight:650;border-radius:10px}
.pw-drawer-panel nav a:hover{background:var(--wk-surface)}
.pw-drawer-panel nav a.pw-button{color:var(--pw-white)}
.pw-drawer-settings{display:grid;gap:16px;margin-block-start:24px;padding-block-start:20px;border-block-start:1px solid var(--wk-outline)}
.pw-drawer-settings .wk-controls{position:static}
.pw-menu-toggle:focus-visible,.pw-drawer-panel a:focus-visible,.pw-drawer-panel button:focus-visible{outline:2px solid var(--wk-primary);outline-offset:3px}
}
