/* Mobile pricing: tap a package card -> bottom sheet in that card's colour (same behaviour as the FAQ sheet) */
.pks{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;visibility:hidden;pointer-events:none}
.pks.on{visibility:visible;pointer-events:auto}
.pks-bd{position:absolute;inset:0;background:rgba(10,20,14,.42);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}
.pks.on .pks-bd{opacity:1}
.pks-pan{position:relative;box-sizing:border-box;width:100%;height:calc(100% - 28px);height:calc(100dvh - 28px);display:flex;flex-direction:column;border-radius:20px 20px 0 0;background:#fff;color:#0f1d15;box-shadow:0 -20px 60px -30px rgba(0,0,0,.55);transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.pks.on .pks-pan{transform:none}
.pks-pan:before{content:"";position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:currentColor;opacity:.2}
.pks-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:26px 18px 6px}
.pks-hd h2{margin:0;font-size:26px;line-height:1.2;color:inherit}
.pks-hd .tg{margin:4px 0 0;font-size:14.5px;opacity:.72}
.pks-x{flex:none;width:40px;height:40px;border-radius:99px;border:1px solid currentColor;border-color:rgba(127,127,127,.35);background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;font:inherit;font-size:20px;line-height:1}
.pks-x:focus-visible,.pks-cta:focus-visible{outline:2px solid #e8b04a;outline-offset:2px}
.pks-bdy{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 18px 12px}
.pks-pr{font-family:ElMessiri,'El Messiri',serif;font-variant-numeric:lining-nums;font-size:44px;line-height:1.1;margin:6px 0 2px}
.pks-pr .cur{font-size:.42em;font-weight:600;opacity:.7;margin-inline-end:6px}.pks[lang=en] .pks-pr .cur{font-size:.6em;margin-inline-end:1px;vertical-align:.32em;font-weight:400}
.pks-std{font-size:13px;opacity:.7}.pks-std s{font-family:'El Messiri',ElMessiri,serif;white-space:nowrap;width:max-content;justify-self:start;align-self:start;grid-column:1/-1}
.pks-k{margin:18px 0 6px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b07d1e}.pks[dir=rtl] .pks-k{letter-spacing:0;font-size:13px}
.pks-bdy ul{list-style:none;margin:0;padding:0}
.pks-bdy li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:11px 0;border-top:1px solid rgba(127,127,127,.2);font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.pks-bdy li:before{content:"\2713";width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:rgba(176,125,30,.14);color:#b07d1e}
.pks-ft{padding:10px 18px calc(16px + env(safe-area-inset-bottom))}
.pks-cta{display:flex;justify-content:center;align-items:center;min-height:48px;border-radius:99px;background:#13261c;color:#f7f4ee;font-weight:600;font-size:15px;text-decoration:none;text-align:center;padding:0 16px}
.pks.dk .pks-pan{background:#1f3a2b;color:#f7f4ee}.pks.dk .pks-k{color:#e8b04a}.pks.dk li:before{background:rgba(232,176,74,.18);color:#e8b04a}
.pks.dk .pks-cta{background:#e8b04a;color:#13261c}.pks.dk li{border-color:rgba(247,244,238,.14)}
@media (max-width:640px){#pricing .c3-pk .pk{cursor:pointer;-webkit-tap-highlight-color:transparent}}
@media (min-width:641px){.pks{display:none}}
@media (prefers-reduced-motion:reduce){.pks-pan,.pks-bd{transition:none}}
/* add-ons sheet: background = the button's colour */
.pks.ad .pks-pan{background:var(--sb,#e8b04a);color:var(--sf,#13261c)}
.pks.ad .pks-k{display:flex;justify-content:space-between;gap:12px;color:inherit;opacity:.75}
.pks.ad .pks-bdy li{grid-template-columns:minmax(0,1fr) auto;border-color:rgba(19,38,28,.16);font-size:14.5px}
.pks.ad .pks-bdy li:before{display:none}
.pks.ad .pks-bdy li b{font-family:'El Messiri',ElMessiri,serif;font-weight:600;white-space:nowrap;font-variant-numeric:lining-nums}
.pks.ad .pks-hd .tg{opacity:.8}
/* tap affordance on the package cards (mobile) */
@media (max-width:640px){
 #pricing .c3-pk .pk{position:relative;transition:transform .15s ease,box-shadow .15s ease}
 #pricing .c3-pk .pk:active{transform:scale(.97)}
 #pricing .c3-pk .pk::after{content:"View details \203A";display:inline-flex;align-items:center;margin-top:8px;padding:4px 11px;border-radius:99px;font-size:12px;font-weight:600;line-height:1.4;background:rgba(19,38,28,.07);color:#13261c;white-space:nowrap;width:max-content;justify-self:start;align-self:start;grid-column:1/-1}
 #pricing .c3-in[lang=ar] .c3-pk .pk::after{content:"عرض التفاصيل \2039"}
 #pricing .c3-pk .pk.hl::after{background:#e8b04a;color:#13261c}
 #pricing .c3-btn{cursor:pointer}
}