@layer klik-script-safety,klik-legibility,klik-refine;@layer klik-refine{.pm-made .pm-phones{--ph-glass:#06080a;position:relative!important;display:block!important;width:100%!important;max-width:560px!important;margin:32px auto 36px!important;padding:0!important;aspect-ratio:100/137;container-type:inline-size;container-name:phones}@media(min-width:900px){.pm-made .pm-phones{margin:0 auto!important}}.pm-ph{position:absolute;aspect-ratio:100/206.4;container-type:inline-size;container-name:ph}.pm-ph--a{inset-inline-start:0;top:20cqw;width:46cqw;z-index:1}.pm-ph--b{inset-inline-end:0;top:0;width:55cqw;z-index:2}.pm-ph-cap{position:absolute;margin:0;display:grid;align-content:end;gap:2px;font:400 13.5px/1.45 var(--pm-sans);color:var(--pm-paper,#fbf9f5)}.pm-made[dir=rtl] .pm-ph-cap{font-size:14px;line-height:1.6}.pm-ph-cap--a{inset-inline-start:0;top:0;width:42cqw;height:18.5cqw}.pm-ph-cap--b{inset-inline-end:0;top:117cqw;width:55cqw;align-content:start}.pm-ph-cap__k{font-weight:700;color:var(--pm-gold,#d9b98f);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.pm-made[dir=rtl] .pm-ph-cap__k{font-size:13.5px;letter-spacing:0;text-transform:none}.pm-ph-cap__t{display:grid;text-wrap:balance}.pm-ph-cap__t>span{grid-area:1/1;transition:opacity .35s var(--pm-ease)}.pm-ph-cap__t>span:not(.is-on){opacity:0}.pm-made .pm-ph-ctl{position:absolute;inset-inline-start:0;top:122cqw;display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--pm-paper,#fbf9f5)!important;font:600 15px/1 var(--pm-sans)!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.pm-made[dir=rtl] .pm-ph-ctl{font-size:15.5px!important;font-weight:700!important}.pm-made .pm-ph-ctl[hidden]{display:none}.pm-ph-ctl svg{width:14px;height:14px;flex:none}.pm-ph-ctl:focus-visible{outline:2px solid var(--pm-paper,#fbf9f5);outline-offset:3px}.pm-ph-ctl[data-state=playing] .i-play,.pm-ph-ctl:not([data-state=playing]) .i-pause{display:none}html.pm-motion .pm-phones[data-pm-reveal] .pm-ph--b{opacity:0;transform:translateY(12px);transition:opacity .5s var(--pm-ease) .12s,transform .5s var(--pm-ease) .12s}html.pm-motion .pm-phones[data-pm-reveal].is-in .pm-ph--b{opacity:1;transform:none}.pm-ph__key{position:absolute;width:1.1cqi;border-radius:.6cqi;background:linear-gradient(90deg,#1d2124,#6f767b 45%,#2b3034)}.pm-ph__key--act{left:-.7cqi;top:17.5%;height:6.5cqi}.pm-ph__key--up{left:-.7cqi;top:25%;height:12cqi}.pm-ph__key--dn{left:-.7cqi;top:33.5%;height:12cqi}.pm-ph__key--pw{right:-.7cqi;top:28%;height:19cqi}.pm-ph__body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16.6cqi;padding:1.15cqi;background:linear-gradient(140deg,#8a9196,#41474c 14%,#23282c 42%,#1b1f22 62%,#3a4045 86%,#7b8288);box-shadow:0 0 0 .3cqi #03070ab3,0 2.2cqi 5cqi -1cqi #03080c80,0 12cqi 24cqi -7cqi #03080c9e}.pm-ph__body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:.32cqi;pointer-events:none;background:linear-gradient(150deg,#ffffffb3,#ffffff14 18%,#fff0 60%,#ffffff47);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.pm-ph__glass{position:relative;height:100%;border-radius:15.45cqi;padding:2.9cqi;background:var(--ph-glass);box-shadow:inset 0 0 0 .22cqi #1e2327,inset 0 .5cqi 1cqi #ffffff0f}.pm-ph__screen{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:12.55cqi;background:var(--pm-bg,#f7f3ed);color:var(--pm-ink,#2e4654);isolation:isolate;font-family:var(--pm-sans);text-align:start;--fs:max(12px,4.1cqi);--fs-s:max(12px,3.6cqi);--fs-t:max(15px,6.6cqi);font-size:var(--fs);line-height:1.3;letter-spacing:0}.pm-made[dir=rtl] .pm-ph__screen{--fs:max(13px,4.3cqi);--fs-s:max(13px,3.9cqi);--fs-t:max(15px,6cqi);line-height:1.5}.pm-ph__screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;border-radius:inherit;background:linear-gradient(112deg,#ffffff24,#ffffff0d 24%,#fff0 38% 72%,#ffffff0d) 0 0/100% 140% no-repeat}.pm-ph__island{position:absolute;z-index:21;top:2.55cqi;left:50%;width:29.5cqi;height:8.6cqi;margin-left:-14.75cqi;border-radius:4.3cqi;background:#000}.pm-ph__island:after{content:"";position:absolute;top:50%;right:2.6cqi;width:3cqi;height:3cqi;margin-top:-1.5cqi;border-radius:50%;background:radial-gradient(circle at 38% 36%,#4a5f7d 0 14%,#142033 40%,#04070b 72%)}.pm-ph__status{flex:none;display:flex;align-items:center;justify-content:space-between;height:13.6cqi;padding:1cqi 8.5cqi 0;background:var(--pm-raise,#fff);color:#111;font:600 4.2cqi/1 -apple-system,SF Pro Text,system-ui,sans-serif;direction:ltr}.pm-ph__status svg{display:inline-block;height:3.3cqi;width:auto;margin-inline-start:1.2cqi;fill:#111}.pm-ph__home{position:absolute;z-index:21;bottom:1.7cqi;left:50%;width:34cqi;height:1.25cqi;margin-left:-17cqi;border-radius:1cqi;background:#111111d1}.pm-ph i,.pm-ph em{font-style:normal!important}.pm-ph__head{flex:none;display:grid;grid-template-columns:6cqi 1fr 6cqi;align-items:center;gap:2cqi;padding:.5cqi 4.5cqi 2.6cqi;background:var(--pm-raise,#fff);border-bottom:1px solid var(--pm-line,#ddd4c6);text-align:center}.pm-ph__head svg{width:5cqi;height:5cqi;stroke:var(--pm-ink,#2e4654);stroke-width:2;fill:none}.pm-ph__title{display:grid;min-width:0}.pm-ph__title b{font-weight:700;font-size:var(--fs);line-height:1.25;color:var(--pm-ink,#2e4654)}.pm-ph__sub{font-size:var(--fs-s);color:var(--pm-bronze,#7d5f42);font-weight:600;line-height:1.3}.pm-ph__stage{position:relative;flex:none;aspect-ratio:6/5;overflow:hidden;background:linear-gradient(#f1efe9,#f6f5f2 45%,#f8f7f5)}.pm-ph__poster,.pm-made .pm-ph__poster img,.pm-ph__stage>video{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover;display:block}.pm-ph__stage>video{opacity:0;transition:opacity .4s var(--pm-ease);background:transparent}.pm-ph__stage>video.is-on{opacity:1}.pm-ph__pill{position:absolute;z-index:3;top:3cqi;display:inline-flex;align-items:center;gap:1.2cqi;height:8.4cqi;padding-inline:3.4cqi;border-radius:4.2cqi;background:#fffffff0;box-shadow:0 .6cqi 1.8cqi #263b471f;font-size:var(--fs-s);font-weight:600;line-height:1;color:var(--pm-ink,#2e4654);white-space:nowrap}.pm-ph__pill svg{width:3.4cqi;height:3.4cqi;stroke:currentColor;stroke-width:2;fill:none}.pm-ph__pill--views{inset-inline-start:3cqi}.pm-ph__pill--room{inset-inline-end:3cqi}.pm-ph__round{position:absolute;z-index:3;inset-inline-end:3cqi;bottom:3cqi;display:grid;place-items:center;width:9cqi;height:9cqi;border-radius:50%;background:#fffffff0;box-shadow:0 .6cqi 1.8cqi #263b471f}.pm-ph__round svg{width:4cqi;height:4cqi;stroke:var(--pm-ink,#2e4654);stroke-width:2;fill:none}.pm-ph__touch{position:absolute;z-index:6;left:0;top:0;width:8cqi;height:8cqi;margin:-4cqi 0 0 -4cqi;border-radius:50%;background:radial-gradient(circle,#fffffff2 0 38%,#ffffff8c 62%,#fff0 72%);box-shadow:0 0 0 .35cqi #2e46542e;opacity:0;transition:opacity .25s linear;pointer-events:none;will-change:transform}.pm-ph__steps{flex:none;position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:2.6cqi 3cqi 0;background:var(--pm-bg,#f7f3ed)}.pm-ph__steps>span{display:flex;align-items:center;justify-content:center;gap:1.4cqi;padding-bottom:2.4cqi;color:var(--pm-muted,#56626a);font-size:var(--fs-s);white-space:nowrap}.pm-ph__steps i{display:grid;place-items:center;width:6.2cqi;height:6.2cqi;min-width:19px;min-height:19px;border-radius:50%;background:var(--pm-bg-2,#efe8dd);font:700 max(12px,3.4cqi)/1 var(--pm-sans);color:var(--pm-muted,#56626a)}.pm-ph__steps .is-done i{background:#dfeee4;color:var(--pm-ok,#2f6d4c)}.pm-made[dir=rtl] .pm-ph__steps i{font-size:max(13px,3.6cqi)}.pm-ph__steps .is-on{color:var(--pm-ink,#2e4654);font-weight:700}.pm-ph__steps .is-on i{background:var(--pm-ink,#2e4654);color:#fff}.pm-ph__steps:after{content:"";position:absolute;bottom:0;inset-inline:3cqi;height:.8cqi;min-height:2px;background:linear-gradient(to var(--ph-to,right),var(--pm-ink,#2e4654) 0 var(--ph-p,33.4%),var(--pm-bg-2,#efe8dd) 0)}.pm-made[dir=rtl] .pm-ph__steps:after{--ph-to:left}.pm-ph__panel{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--pm-bg,#f7f3ed)}.pm-ph__sec{position:absolute;top:0;right:0;bottom:0;left:0;display:block;padding:3.6cqi 5cqi 0;transition:opacity .35s var(--pm-ease),transform .35s var(--pm-ease)}.pm-ph__sec:not(.is-on){opacity:0;transform:translateY(2cqi)}.pm-ph__eyebrow{display:block;font:600 var(--fs-s)/1.3 var(--pm-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pm-bronze,#7d5f42)}.pm-made[dir=rtl] .pm-ph__eyebrow{letter-spacing:0;text-transform:none;font-weight:700}.pm-ph__h{display:block;margin:.6cqi 0 2.4cqi;font:400 var(--fs-t)/1.15 var(--pm-serif);color:var(--pm-ink,#2e4654)}.pm-made[dir=rtl] .pm-ph__h{font-weight:600;line-height:1.4}.pm-ph__cards{display:grid;grid-template-columns:1fr 1fr;gap:2.4cqi}.pm-ph__card{display:grid;gap:.8cqi;align-content:start;padding:2.6cqi;background:var(--pm-raise,#fff);border:1px solid var(--pm-line-2,#cdc2b1);font-size:var(--fs-s);line-height:1.3;color:var(--pm-ink-2,#44545f)}.pm-ph__card.is-on{border:2px solid var(--pm-ink,#2e4654);padding:calc(2.6cqi - 1px)}.pm-ph__card b{color:var(--pm-ink,#2e4654);font-weight:700}.pm-ph__card svg{width:11cqi;height:7cqi}.pm-ph__shape{display:flex;align-items:center;gap:2.4cqi;margin-bottom:2.4cqi}.pm-ph__shape>span{display:flex;align-items:center;gap:1.4cqi;padding:1.4cqi 2.4cqi;background:var(--pm-raise,#fff);border:1px solid var(--pm-line-2,#cdc2b1);font-size:var(--fs-s);font-weight:600;color:var(--pm-ink-2,#44545f)}.pm-ph__shape>span svg{width:7cqi;height:5cqi}.pm-ph__shape>span.is-on{border-color:var(--pm-ink,#2e4654);box-shadow:inset 0 0 0 1px var(--pm-ink,#2e4654);color:var(--pm-ink,#2e4654)}.pm-ph__runs{display:flex;flex-wrap:wrap;align-items:center;gap:1.6cqi}.pm-ph__run{display:inline-flex;align-items:baseline;gap:1cqi;min-width:0;padding:1.2cqi 2cqi;direction:ltr;unicode-bidi:isolate;background:var(--pm-raise,#fff);border:1px solid var(--pm-field,#948670);font-size:var(--fs);font-variant-numeric:tabular-nums;color:var(--pm-ink,#2e4654);transition:opacity .3s,max-width .4s var(--pm-ease)}.pm-ph__run i{font-weight:700;color:var(--pm-bronze,#7d5f42)}.pm-ph__run b{font-weight:700}.pm-ph__run.is-focus{border-color:var(--pm-ink,#2e4654);box-shadow:inset 0 0 0 1px var(--pm-ink,#2e4654)}.pm-ph__run--c{max-width:30cqi;overflow:hidden}.pm-ph__screen:not([data-shape=U]) .pm-ph__run--c{opacity:0;max-width:0;padding-inline:0;border-width:0}.pm-ph__unit{align-self:center;font-size:var(--fs-s);color:var(--pm-muted,#56626a)}.pm-ph__sw{display:flex;gap:3cqi;margin-bottom:2.4cqi}.pm-ph__sw>i{position:relative;width:11.5cqi;height:11.5cqi;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #263b472e,inset -1.4cqi -1.6cqi 2.6cqi #0000002e,inset 1cqi 1cqi 2cqi #ffffff2e;transition:box-shadow .25s}.pm-ph__sw>i.is-on{box-shadow:0 0 0 .7cqi var(--pm-bg,#f7f3ed),0 0 0 1.3cqi var(--pm-ink,#2e4654),inset -1.4cqi -1.6cqi 2.6cqi #0000002e}.pm-ph__sw>em{align-self:center;font-size:var(--fs-s);font-weight:700;color:var(--pm-ink-2,#44545f)}.pm-ph__fab{display:grid;font-size:var(--fs);font-weight:700;color:var(--pm-ink,#2e4654)}.pm-ph__fab>span{grid-area:1/1;transition:opacity .3s}.pm-ph__fab>span:not(.is-on){opacity:0}.pm-ph__scroll{display:block;will-change:transform}.pm-ph__row{display:grid;gap:.4cqi;padding:2cqi 0;border-bottom:1px solid var(--pm-line,#ddd4c6);font-size:var(--fs-s);color:var(--pm-muted,#56626a)}.pm-ph__row b{font-size:var(--fs);font-weight:700;color:var(--pm-ink,#2e4654)}.pm-ph__prom{display:grid;gap:1.4cqi;margin-bottom:2cqi;padding:2.6cqi;background:var(--pm-bg-2,#efe8dd);font-size:var(--fs-s);color:var(--pm-ink,#2e4654)}.pm-ph__prom>span{display:flex;align-items:center;gap:1.8cqi}.pm-ph__prom svg{width:4cqi;height:4cqi;flex:none;stroke:var(--pm-ink,#2e4654);stroke-width:1.6;fill:none}.pm-ph__foot{flex:none;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.6cqi 3cqi;padding:3cqi 5cqi 7.2cqi;background:var(--pm-raise,#fff);border-top:1px solid var(--pm-line,#ddd4c6)}.pm-ph__sum{display:contents}.pm-ph__lbl{display:grid;flex:1 0 100%;font-size:var(--fs-s);color:var(--pm-muted,#56626a);white-space:nowrap}.pm-ph__lbl>span{grid-area:1/1;transition:opacity .3s}.pm-ph__lbl>span:not(.is-on){opacity:0}.pm-ph__price{display:inline-flex;align-items:center;direction:ltr;line-height:1.15}.pm-made .pm-ph__price .kprice{display:inline-flex!important;margin:0!important}.pm-made .pm-ph__price :is(.kprice__old,.kprice__offer){display:none!important}.pm-made .pm-ph__price :is(.klik-riyal-price,.klik-riyal-amount){font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}.pm-made .pm-ph__price .kprice__current{display:inline-flex!important;align-items:center!important;font:700 max(14px,6cqi)/1.15 var(--pm-sans)!important;color:var(--pm-ink,#2e4654)!important;font-variant-numeric:tabular-nums;letter-spacing:0!important}.pm-ph__btn{display:inline-flex;align-items:center;gap:1cqi;height:11cqi;min-height:30px;padding-inline:3.6cqi;background:var(--pm-ink,#2e4654);color:#fff;font:700 var(--fs-s)/1 var(--pm-sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.pm-made[dir=rtl] .pm-ph__btn{letter-spacing:0;text-transform:none}.pm-ph__btn svg{width:3.4cqi;height:3.4cqi;min-width:9px;stroke:currentColor;stroke-width:2.4;fill:none}.pm-made[dir=rtl] .pm-ph__btn svg{transform:scaleX(-1)}.pm-ph__btn b{font-weight:700}.pm-ph__btn b>span{display:grid}.pm-ph__btn b>span>span{grid-area:1/1;transition:opacity .3s}.pm-ph__btn b>span>span:not(.is-on){opacity:0}@container ph (max-width:279px){.pm-ph__sub,.pm-ph__pill--room{display:none}}@container ph (max-width:239px){.pm-ph__pill,.pm-ph__eyebrow,.pm-ph__lbl,.pm-ph__cards>.pm-ph__card:nth-child(2),.pm-ph__prom>span:nth-child(n+2),.pm-ph__shape>span>b{display:none}.pm-ph__steps>span:not(.is-on) b{display:none}.pm-ph__head{padding-bottom:2cqi}.pm-ph__cards{grid-template-columns:1fr}.pm-ph__sec{padding-top:4cqi}.pm-ph__btn b{display:none}.pm-ph__sw{gap:2.4cqi}.pm-ph__sw>i{width:13cqi;height:13cqi}.pm-ph__sw>em{display:none}.pm-ph__h{margin-top:0}}@container ph (max-width:184px){.pm-ph__h,.pm-ph__card svg{display:none}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.pm-ph--a{animation:pm-ph-pa linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.pm-ph--b{animation:pm-ph-pb linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.pm-ph__screen:after{animation:pm-ph-glare linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes pm-ph-pa{0%{translate:0 1.6cqw}to{translate:0 -1.6cqw}}@keyframes pm-ph-pb{0%{translate:0 3.4cqw}to{translate:0 -3.4cqw}}@keyframes pm-ph-glare{0%{background-position:0 -30%}to{background-position:0 30%}}}}@media(max-width:749px){.pm-made .pm-phones{margin:28px auto!important}html body .pm.pm-made .pm-steps li{padding:14px 0!important}.pm-made .pm-steps li:nth-child(-n+2) small{display:none!important}.pm-made .pm-made-swatches{display:none!important}.pm-made .pm-made-body .pm-actions{margin-top:24px}.pm-made .pm-actions>.pm-btn--ivory{width:100%!important;justify-content:center}}.pm-made .pm-also{row-gap:0!important;column-gap:20px!important;margin-top:16px!important}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/klik-hp-phones.css.map */