body.tbp{--pg:#EEE9E1;--ink:#211C18;--ink2:#665D53;--acc:#9C7B4A;--walnut:#3A2A20;--walnut2:#2A1E17;--rule:rgba(33,28,24,.14)}.tb-hero{position:relative;min-height:min(74vh,680px);display:grid;align-items:end;overflow:hidden;background:var(--walnut2);color:#f4eee6}.tb-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}.tb-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#1a120de0,#1a120d80 40%,#1a120d00 70%),linear-gradient(to top,rgba(26,18,13,.6),transparent 40%)}.tb-hero .wrap{position:relative;z-index:1;width:100%;padding-block:var(--s6) var(--s5)}.tb-hero-in{max-width:560px;display:grid;gap:1rem}.tb-hero .mx-ar{font-size:clamp(2.2rem,1.6rem + 2.4vw,3.8rem);color:#e2c893;line-height:1.5;justify-self:start;margin-top:.4rem}.tb-hero h1{font-size:clamp(2.6rem,1.6rem + 3.4vw,4.8rem);line-height:.95}.tb-hero p{color:#f4eee6cc;max-width:44ch}.tb-hero .mx-btn{background:#f4eee6;color:var(--ink);border-color:#f4eee6}.tb-hero .mx-btn.line{background:transparent;color:#f4eee6;border-color:#f4eee680}@media(max-width:760px){.tb-hero:after{background:linear-gradient(to top,#1a120deb 10%,#1a120d59 60%,#1a120d1a)}.tb-hero{min-height:620px}}.tb-dhikr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s5);align-items:center;background:#f7f3ec;border:1px solid var(--rule);border-radius:12px;padding:var(--s4)}.tb-ring{position:relative;width:min(100%,420px);aspect-ratio:1;margin-inline:auto}.tb-ring svg{width:100%;height:100%;overflow:visible}.tb-ring circle.b{fill:#d9d1c4;transition:fill .25s,r .25s}.tb-ring circle.b.on{fill:var(--bead,#7A2430)}.tb-ring circle.b.now{r:11}.tb-tap{position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%,#4a372b,#2a1e17);color:#f4eee6;display:grid;place-items:center;align-content:center;gap:.2rem;cursor:pointer;box-shadow:0 18px 40px -16px #2a1e17b3,inset 0 0 0 6px #e2c8932e;transition:transform .12s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tb-tap:active{transform:scale(.97)}.tb-tap .mx-ar{font-size:clamp(1.4rem,1rem + 1.4vw,2.1rem);color:#e2c893;line-height:1.4}.tb-tap b{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,1.6rem + 2.6vw,3.6rem);line-height:1;font-variant-numeric:tabular-nums}.tb-tap small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.tb-steps{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.5rem}.tb-steps li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.7rem .9rem;border:1px solid var(--rule);border-radius:8px;background:#fff;transition:border-color .3s,background .3s}.tb-steps li i{width:14px;height:14px;border-radius:50%;background:var(--c);justify-self:center}.tb-steps li span{display:grid}.tb-steps li .mx-ar{font-size:1.2rem;line-height:1.5}.tb-steps li small{font-size:.76rem;color:var(--ink2)}.tb-steps li em{font-style:normal;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink2)}.tb-steps li[aria-current=step]{border-color:var(--ink);box-shadow:inset 3px 0 0 var(--ink)}.tb-steps li.done{opacity:.55}.tb-steps li.done em:after{content:" \2713"}.tb-ctl{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1rem}.tb-ctl cite{font-size:.75rem;color:var(--ink2);font-style:normal}@media(max-width:899px){.tb-dhikr{grid-template-columns:1fr;padding:var(--s3) 1rem}}.tb-tray{background:linear-gradient(180deg,var(--walnut),var(--walnut2));border-radius:14px;padding:var(--s4) var(--s3) var(--s3);box-shadow:inset 0 0 0 10px #ffffff08,inset 0 2px 30px #0006;color:#f4eee6}.tb-tools{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:center;margin-bottom:var(--s3)}.tb-tools .grp{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.tb-tools .grp>span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#f4eee699;font-weight:700}.tb-tray .mx-chips button{border-color:#f4eee640;color:#f4eee6;min-height:36px;padding:.3rem .8rem}.tb-tray .mx-chips button[aria-pressed=true]{background:#e2c893;color:var(--ink);border-color:#e2c893}#tb-count{margin-left:auto;font-size:.82rem;color:#f4eee6b3}.tb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tb-card{background:#f6f2eb;color:var(--ink);border-radius:6px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;box-shadow:0 1px #ffffff14,0 10px 24px -14px #000000b3;min-width:0}.tb-im{position:relative;aspect-ratio:1;background:#fff;overflow:hidden;display:block}.tb-im img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s,transform .8s var(--ease)}.tb-im img.alt{opacity:0}.tb-card:hover .tb-im img.alt{opacity:1}.tb-card:hover .tb-im img{transform:scale(1.03)}.tb-beads{position:absolute;top:10px;left:10px;background:#211c18d9;color:#f4eee6;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:.25rem .55rem}.tb-bd{padding:.85rem .9rem .9rem;display:grid;gap:.25rem;align-content:start}.tb-bd small{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);font-weight:700}.tb-bd h3{font-family:var(--serif);font-weight:400;font-size:1.15rem;line-height:1.1}.tb-bd p{font-size:.8rem;color:var(--ink2)}.tb-bd .ft{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-top:.4rem}.tb-add{min-height:38px;padding:.3rem .9rem;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-weight:700;font-size:.78rem;cursor:pointer}.tb-add:hover{background:var(--ink);color:#f6f2eb}@media(max-width:1099px){.tb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.tb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tb-tray{padding:var(--s3) 10px 10px;border-radius:10px}.tb-bd h3{font-size:1rem}#tb-count{margin-left:0;width:100%}}.tb-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.tb-vs article{border:1px solid var(--rule);border-radius:10px;padding:var(--s3);display:grid;grid-template-columns:120px minmax(0,1fr);gap:1.2rem;align-items:center;background:#f7f3ec}.tb-vs svg{width:120px;height:120px}.tb-vs h3{font-family:var(--serif);font-weight:400;font-size:1.6rem}.tb-vs p{font-size:.88rem;color:var(--ink2)}@media(max-width:760px){.tb-vs{grid-template-columns:1fr}.tb-vs article{grid-template-columns:90px minmax(0,1fr)}.tb-vs svg{width:90px;height:90px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/sg-p-tasbeeh.css.map */