.q-product-grid{--q-card-max: 320px}@media(min-width:900px){.q-product-grid.q-product-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc((var(--q-card-max) * 3) + (var(--q-gap, 24px) * 2))}.q-product-grid.q-product-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:calc((var(--q-card-max) * 2) + var(--q-gap, 24px))}}.q-steprow{display:grid;gap:var(--q-gap);width:100%;align-self:stretch;margin:0;padding:0;list-style:none;text-align:left}.q-steprow__item{display:grid;grid-template-columns:1fr;gap:12px}.q-steprow__media{aspect-ratio:16 / 10;border-radius:var(--q-radius-md);overflow:hidden;background:var(--q-cream)}.q-steprow__media img,.q-steprow__ph{width:100%;height:100%;object-fit:cover;display:block}.q-steprow__card{position:relative;display:flex;flex-direction:column;justify-content:center;padding:26px 24px 22px;border-radius:var(--q-radius-md);background:var(--q-paper);box-shadow:var(--q-shadow-card)}.q-steprow__n{position:absolute;top:-15px;left:22px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--q-brand);color:#fff;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 0 0 4px var(--q-bg, var(--q-paper))}.q-steprow__title{margin:0;font-size:18px;font-weight:700;line-height:1.3;color:var(--q-text-heading)}.q-steprow__text{margin:6px 0 0;font-size:14px;line-height:1.6;color:var(--q-text-body)}@media(min-width:720px){.q-steprow__item{grid-template-columns:minmax(0,235px) minmax(0,1fr);gap:20px;align-items:stretch}.q-steprow__media{aspect-ratio:auto}.q-steprow__card{min-height:200px;padding:32px}.q-steprow__n{top:30px;left:-15px}.q-steprow__title{font-size:20px}}.q-record{list-style:none;margin-inline:auto;margin-block:0;padding:8px 0 0;width:100%;max-width:420px;display:grid;grid-template-columns:1fr;gap:calc(var(--q-gap) - 12px)}.q-record__slip{margin:0;min-width:0}.q-record__print{margin:0;background:#fff;padding:10px 10px 0;border-radius:0;box-shadow:0 1px 2px #1a1a1a0f,0 10px 24px #1a1a1a1a;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1)}.q-record__print:hover{transform:rotate(0) translateY(-6px);box-shadow:0 2px 4px #1a1a1a14,0 18px 40px #1a1a1a29}.q-record__photo{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;background:var(--q-cream)}.q-record__stamp{padding:14px 4px 16px}.q-record__dates{display:flex;flex-direction:column;gap:1px;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid var(--q-green-100)}.q-record__hijri,.q-record__greg{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;font-variant-numeric:tabular-nums}.q-record__hijri{font-size:12px;font-weight:500;color:var(--q-green-800)}.q-record__greg{font-size:11px;color:var(--q-ink-400)}.q-record__what{margin:0;font-size:13px;font-weight:600;line-height:1.45;color:var(--q-ink-900)}@media(min-width:900px){.q-record{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:var(--q-gap)}.q-record__slip:nth-child(odd) .q-record__print{transform:rotate(-1.2deg)}.q-record__slip:nth-child(2n) .q-record__print{transform:rotate(1deg)}}@media(prefers-reduced-motion:reduce){.q-record__print{transition:none}.q-record__slip:nth-child(odd) .q-record__print,.q-record__slip:nth-child(2n) .q-record__print{transform:none}.q-record__print:hover{transform:translateY(-6px)}}@media(min-width:900px){.q-split.q-split--noimage{grid-template-columns:1fr}}.q-bsplit{display:grid;grid-template-columns:1fr;gap:32px;align-items:center;text-align:left}.q-bsplit__media{aspect-ratio:1 / 1;border-radius:var(--q-radius-lg);overflow:hidden;background:#ffffff12}.q-bsplit__media img,.q-bsplit__ph{width:100%;height:100%;object-fit:cover;display:block}.q-band--split .q-bsplit h2{margin:0;font-size:clamp(28px,7vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.12;color:var(--q-text-heading)}.q-bsplit__sub{margin:14px 0 0;font-size:14px;font-weight:600;line-height:1.6;color:var(--q-text-body)}.q-bsplit__list{display:grid;grid-template-columns:1fr;gap:16px 24px;margin:26px 0 0;padding:0;list-style:none}.q-bsplit__list li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;line-height:1.3;color:var(--q-text-heading)}.q-bsplit__dot{flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--q-gold-500);color:var(--q-green-900);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.q-bsplit .q-btn{margin-top:28px}.q-bsplit__fine{margin:14px 0 0;font-size:13px;font-weight:600;color:var(--q-text-body)}@media(min-width:620px){.q-bsplit__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.q-bsplit{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--q-gap)}.q-bsplit__media{order:2}}.q-vid{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:var(--q-gap);align-self:stretch;width:100%;padding-bottom:4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;text-align:left}.q-vid::-webkit-scrollbar{display:none}.q-vid__card{scroll-snap-align:center;min-width:0;background:var(--q-paper);border-radius:var(--q-radius-md);box-shadow:var(--q-shadow-card);overflow:hidden}.q-vid__media{position:relative;aspect-ratio:var(--q-vid-ratio, 9 / 16);background:var(--q-cream)}.q-vid__player,.q-vid__still,.q-vid__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;border:0}.q-vid__player,.q-vid__still{object-fit:cover}.q-vid__frame{background:var(--q-paper)}.q-vid__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;font-size:12px;font-weight:600;text-align:center;color:var(--q-text-muted)}.q-vid__body{padding:14px 16px 18px}.q-vid__title{margin:0;font-size:15px;font-weight:700;line-height:1.35;color:var(--q-text-heading)}.q-vid__text{margin:6px 0 0;font-size:13px;line-height:1.6;color:var(--q-text-body)}@media(min-width:620px){.q-vid{grid-auto-columns:44%}}@media(min-width:900px){.q-vid{grid-auto-columns:calc((100% - (var(--q-gap) * 2)) / 3)}}@media(prefers-reduced-motion:reduce){.q-vid{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/20/compiled_assets/styles.css.map */
