:root{--op-navy: #1f4e79;--op-navy-hover: #2b6699;--op-sky: #8ec9ea;--op-ice: #e3f1fa;--op-page: #f5fafd;--op-red: #e04f5f;--op-star: #f2b632;--op-ink: #1b2a36;--op-muted: #5d6d79;--op-line: #dbe8f1;--op-radius: 14px;--font-body-family: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading-family: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading-weight: 700;--font-body-weight-bold: 700}body{letter-spacing:0;color:var(--op-ink)}h1,h2,h3,.h0,.h1,.h2,.h3{letter-spacing:-.01em;color:var(--op-navy);text-wrap:balance}.color-scheme-4 h1,.color-scheme-4 h2,.color-scheme-4 h3{color:inherit}.card-wrapper .card{border-radius:var(--op-radius);overflow:hidden}.card__badge .badge{font-weight:700}.badge.color-scheme-sale,.card__badge .badge--sale{background:var(--op-red);color:#fff;border-color:var(--op-red)}.rating-star{--color-rating-star: 242, 182, 50}.price-item--sale{color:var(--op-red);font-weight:700}.urdu-mark,.op-urdu{font-family:Noto Nastaliq Urdu,serif;color:var(--op-navy);line-height:1.6}.op-section{padding-block:3.6rem}.op-eyebrow{margin:0 0 .6rem;font-size:1.3rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--op-navy)}.op-sub{margin:.6rem 0 0;color:var(--op-muted);max-width:60ch}.op-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.2rem;margin-bottom:2rem}.op-head h2{margin:0}.op-link{color:var(--op-navy);font-weight:700;text-underline-offset:.3rem}.op-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.4rem}.op-scroll::-webkit-scrollbar{display:none}.op-scroll>*{scroll-snap-align:start;min-width:0}@media screen and (min-width:750px){.op-scroll{grid-auto-columns:31%}}@media screen and (min-width:990px){.op-scroll{grid-auto-columns:23.5%;gap:2rem}}.op-hero{background:linear-gradient(180deg,var(--op-ice),var(--op-page))}.op-hero__inner{display:grid;gap:2.4rem;align-items:center;padding-block:3.2rem}@media screen and (min-width:990px){.op-hero__inner{grid-template-columns:1.1fr 1fr;gap:4.8rem;padding-block:6rem}}.op-hero .op-urdu{font-size:clamp(5rem,14vw,9rem);margin:0;line-height:1.4}.op-hero h1{font-size:clamp(3rem,7vw,5rem);margin:.4rem 0 1.2rem}.op-hero__text{font-size:1.7rem;color:var(--op-muted);max-width:48ch}.op-hero__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.op-hero__proof{display:flex;align-items:center;gap:.8rem;margin-top:1.6rem;font-size:1.4rem;color:var(--op-muted)}.op-hero__stars{color:var(--op-star);letter-spacing:.1em}.op-hero__media img{width:100%;height:auto;border-radius:calc(var(--op-radius) * 1.5);display:block}.op-trust{background:var(--op-navy);color:#fff}.op-trust__list{list-style:none;margin:0;padding-block:1.8rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 1.2rem}@media screen and (min-width:990px){.op-trust__list{grid-template-columns:repeat(4,minmax(0,1fr))}}.op-trust__list li{display:flex;flex-direction:column;font-size:1.3rem}.op-trust__list strong{font-size:1.5rem}.op-trust__list span{opacity:.8}.op-cats__rail{display:grid;grid-auto-flow:column;grid-auto-columns:9.6rem;gap:1.4rem;overflow-x:auto;scrollbar-width:none;list-style:none;margin:0;padding:0 0 .4rem}.op-cats__rail::-webkit-scrollbar{display:none}@media screen and (min-width:990px){.op-cats__rail{grid-auto-flow:row;grid-template-columns:repeat(6,1fr);gap:2.4rem}}.op-cats__item a{display:grid;gap:.8rem;justify-items:center;text-decoration:none;color:var(--op-ink);font-weight:700;font-size:1.4rem;text-align:center}.op-cats__img{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--op-ice);border:2px solid transparent;transition:border-color .2s}.op-cats__item a:hover .op-cats__img{border-color:var(--op-navy)}.op-cats__img img{width:100%;height:100%;object-fit:cover}.op-tabs__list{display:flex;gap:.8rem;overflow-x:auto;scrollbar-width:none;margin-bottom:2rem}.op-tabs__list::-webkit-scrollbar{display:none}.op-tab{flex:none;padding:.9rem 1.8rem;border:1px solid var(--op-line);border-radius:999px;background:#fff;font:inherit;font-size:1.4rem;font-weight:700;color:var(--op-ink);cursor:pointer}.op-tab[aria-selected=true]{background:var(--op-navy);border-color:var(--op-navy);color:#fff}.op-tabs__panel[hidden]{display:none}.op-banner__box{display:grid;gap:2rem;align-items:center;padding:2.8rem 2.4rem;border-radius:calc(var(--op-radius) * 1.5);background:var(--op-navy);color:#fff}@media screen and (min-width:990px){.op-banner__box{grid-template-columns:1.3fr 1fr;padding:4.8rem}}.op-banner__box h2{color:#fff;margin:0 0 1rem}.op-banner__box p{margin:0 0 2rem;opacity:.9}.op-banner__chips{display:flex}.op-banner__chips span{width:8.8rem;aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid var(--op-navy);margin-left:-1.6rem;background:#fff}.op-banner__chips span:first-child{margin-left:0}.op-banner__chips img{width:100%;height:100%;object-fit:cover}.op-button-light{background:#fff!important;color:var(--op-navy)!important}.op-promise__inner{display:grid;gap:1.6rem;max-width:76rem}.op-promise .op-urdu{font-size:clamp(4.4rem,10vw,7rem);margin:0}.op-promise__body{font-size:1.7rem;color:var(--op-ink)}.op-promise__sign{font-weight:700;color:var(--op-navy);font-size:1.8rem}.op-faq__list{max-width:82rem}.op-faq__item{border-bottom:1px solid var(--op-line)}.op-faq__item summary{display:flex;justify-content:space-between;gap:1.6rem;padding:1.6rem 0;font-weight:700;cursor:pointer;list-style:none}.op-faq__item summary::-webkit-details-marker{display:none}.op-faq__item summary:after{content:"+";color:var(--op-muted);font-weight:400}.op-faq__item[open] summary:after{content:"\2013"}.op-faq__answer{padding-bottom:1.6rem;color:var(--op-muted)}.op-flag{display:inline-block;padding:.4rem 1.2rem;border-radius:999px;background:var(--op-navy);color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.op-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.8rem}.op-chips li{padding:.6rem 1.2rem;border-radius:999px;background:var(--op-ice);color:var(--op-navy);font-size:1.3rem;font-weight:700}.op-chips:empty{display:none}.op-trust-badges{list-style:none;margin:0;padding:1.4rem .4rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;border-top:1px solid var(--op-line);border-bottom:1px solid var(--op-line);text-align:center}.op-trust-badges li{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-size:1.2rem;line-height:1.3;min-width:0}.op-trust-badges svg{color:var(--op-navy);margin-bottom:.4rem}.op-trust-badges span{color:var(--op-muted)}.op-offers{list-style:none;margin:0;padding:1.4rem 1.6rem;border-radius:var(--op-radius);background:var(--op-ice);display:grid;gap:.8rem;font-size:1.4rem}.op-offers li{position:relative;padding-left:2.2rem}.op-offers li:before{content:"\2713";position:absolute;left:0;color:var(--op-navy);font-weight:700}.op-benefits{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:1rem;margin:0 0 1.6rem;padding:0;list-style:none}.op-benefits:empty{display:none}.op-benefits li{padding:1.4rem;border-radius:var(--op-radius);background:var(--op-ice);display:grid;gap:.4rem;align-content:start}.op-benefits li:before{content:"\2713";width:2.6rem;height:2.6rem;border-radius:50%;background:var(--op-navy);color:#fff;display:grid;place-items:center;font-size:1.3rem}.op-benefits span{color:var(--op-muted);font-size:1.4rem}.op-acc{border-bottom:1px solid var(--op-line)}.op-acc summary{display:flex;justify-content:space-between;gap:1.6rem;padding:1.6rem 0;font-weight:700;font-size:1.6rem;color:var(--op-navy);cursor:pointer;list-style:none}.op-acc summary::-webkit-details-marker{display:none}.op-acc summary:after{content:"+";color:var(--op-muted)}.op-acc[open] summary:after{content:"\2013"}.op-acc__body{padding-bottom:1.6rem}.op-acc__body img{max-width:100%;height:auto;border-radius:8px}.op-acc__body h2,.op-acc__body h3,.op-acc__body h4{font-size:1.7rem;margin:1.6rem 0 .8rem}.op-sticky{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:1rem 1.6rem calc(1rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--op-line);box-shadow:0 -6px 20px #1b2a3614;transform:translateY(110%);transition:transform .25s ease}.op-sticky.is-visible{transform:translateY(0)}.op-sticky img{width:4.4rem;height:4.4rem;object-fit:cover;border-radius:8px;flex:none}.op-sticky__text{flex:1;min-width:0;display:flex;flex-direction:column;font-size:1.3rem}.op-sticky__title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-sticky .button{flex:none;min-height:4.4rem;padding:0 1.8rem}@media screen and (min-width:990px){.op-sticky{display:none}}.op-fbt__box{padding:2rem;border:1px solid var(--op-line);border-radius:calc(var(--op-radius) * 1.5);background:#fff}.op-fbt__items{display:grid;gap:1rem;margin:1.6rem 0}@media screen and (min-width:750px){.op-fbt__items{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}.op-fbt-item{position:relative;display:grid;grid-template-columns:auto 6.4rem 1fr;align-items:center;gap:1rem;padding:1rem;border:1.5px solid var(--op-line);border-radius:var(--op-radius);cursor:pointer}@media screen and (min-width:750px){.op-fbt-item{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.op-fbt-item .op-fbt-item__img{grid-column:1 / -1;width:100%}}.op-fbt-item:has(input:checked){border-color:var(--op-navy);background:var(--op-ice)}.op-fbt-item input{width:1.8rem;height:1.8rem;accent-color:var(--op-navy)}.op-fbt-item__img{width:6.4rem;aspect-ratio:1;object-fit:cover;border-radius:8px}.op-fbt-item__text{display:flex;flex-direction:column;font-size:1.4rem;min-width:0}.op-fbt-item__text a{color:var(--op-ink);font-weight:700;text-decoration:none}.op-fbt-item__tag{font-size:1.2rem;color:var(--op-muted)}.op-fbt__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem}.op-fbt__total{font-size:1.6rem}.op-fbt__total strong{font-size:2rem;color:var(--op-navy)}.op-quiz{max-width:86rem}.op-quiz__bar{height:6px;border-radius:999px;background:var(--op-ice);margin:.8rem 0 1.6rem}.op-quiz__bar span{display:block;height:100%;border-radius:inherit;background:var(--op-navy);transition:width .3s ease}.op-quiz__progress{margin:0;font-size:1.3rem;color:var(--op-muted)}.op-quiz__options{display:grid;gap:1rem;margin-top:1.6rem}@media screen and (min-width:750px){.op-quiz__options{grid-template-columns:repeat(2,minmax(0,1fr))}}.op-quiz__option{display:flex;flex-direction:column;gap:.2rem;padding:1.6rem 1.8rem;border:1.5px solid var(--op-line);border-radius:var(--op-radius);background:#fff;font:inherit;text-align:left;color:var(--op-ink);cursor:pointer}.op-quiz__option:hover,.op-quiz__option:focus-visible{border-color:var(--op-navy);background:var(--op-ice)}.op-quiz__option strong{font-size:1.6rem}.op-quiz__option span{font-size:1.4rem;color:var(--op-muted)}.op-quiz__back{margin-top:1.4rem;border:0;background:none;padding:0;font:inherit;color:var(--op-navy);text-decoration:underline;cursor:pointer}.op-quiz__note,.op-quiz__tips{padding:1.4rem 1.6rem;border-radius:var(--op-radius);background:var(--op-ice);margin:1.6rem 0}.op-quiz__tips{background:#fff;border:1px solid var(--op-line)}.op-quiz__tips ul{margin:.8rem 0 0;padding-left:1.8rem;display:grid;gap:.6rem}.op-quiz__steps{list-style:none;margin:0 0 1.6rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}@media screen and (min-width:750px){.op-quiz__steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.op-quiz__step{display:grid;gap:.6rem;align-content:start}.op-quiz__step-label{font-size:1.2rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--op-navy)}.op-mini-card{display:grid;gap:.4rem;padding:1rem;border-radius:var(--op-radius);background:#fff;border:1px solid var(--op-line);text-decoration:none;color:var(--op-ink)}.op-mini-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.op-mini-card strong{font-size:1.4rem}.op-mini-card span{font-weight:700;color:var(--op-navy)}.op-quiz__actions{display:flex;flex-wrap:wrap;gap:1rem}.op-bb__steps{margin:0 0 2rem;padding-left:2rem;color:var(--op-muted)}.op-bb__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;list-style:none;margin:0;padding:0 0 10rem}@media screen and (min-width:750px){.op-bb__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:990px){.op-bb__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}}.op-bb__item{display:grid;gap:.6rem;padding:1rem;border:1.5px solid var(--op-line);border-radius:var(--op-radius);background:#fff;align-content:start}.op-bb__item.is-picked{border-color:var(--op-navy);background:var(--op-ice)}.op-bb__item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.op-bb__item a{color:var(--op-ink);font-weight:700;font-size:1.4rem;text-decoration:none}.op-bb__price{font-weight:700;color:var(--op-navy)}.op-bb__toggle{width:100%}.op-bb__bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem calc(1.2rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--op-line);box-shadow:0 -6px 20px #1b2a3614;transform:translateY(110%);transition:transform .25s ease}.op-bb__bar.is-visible{transform:translateY(0)}.op-bb__bar-text{flex:1;min-width:0;display:flex;flex-direction:column;font-size:1.3rem;color:var(--op-muted)}.op-bb__bar-text strong{font-size:1.5rem;color:var(--op-ink)}@media(prefers-reduced-motion:reduce){.op-sticky,.op-bb__bar,.op-quiz__bar span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/op-brand.css.map */