.fana-index{position:relative;padding:5rem 0 6rem;background-color:var(--fana-black, #33121d);color:var(--fana-cream, #f6ece0);overflow:hidden}.fana-index__head{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;margin:0 0 2.4rem;padding-bottom:1.6rem;border-bottom:1px solid rgba(246,236,224,.18)}.fana-index__heading{margin:0;font-family:var(--font-arabic-heading, inherit);font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;letter-spacing:.01em}.fana-index__count{font-family:var(--font-arabic-body, inherit);font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:#f6ece08c;white-space:nowrap}.fana-index__list{position:relative;list-style:none;margin:0;padding:0}.fana-index__row{border-bottom:1px solid rgba(246,236,224,.14)}.fana-index__row-link{position:relative;z-index:2;display:grid;grid-template-columns:3rem minmax(0,1fr) auto auto 1.4rem;align-items:center;gap:1.6rem;padding:1.8rem .4rem;color:inherit;text-decoration:none;transition:color .4s cubic-bezier(.16,1,.3,1)}.fana-index__row-index{font-family:var(--font-arabic-body, inherit);font-size:1.2rem;color:#f6ece073}.fana-index__row-title{font-family:var(--font-arabic-heading, inherit);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:700;letter-spacing:.01em}.fana-index__row-tag{font-size:1.1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f6ece08c;white-space:nowrap}.fana-index__row-desc{display:none;max-width:26rem;font-size:1.3rem;line-height:1.5;color:#f6ece099}.fana-index__row-arrow{width:1.4rem;height:1.4rem;transform:translate(0);transition:transform .4s cubic-bezier(.16,1,.3,1)}.fana-index__row-thumb{display:block;width:4.4rem;height:4.4rem;border-radius:.6rem;overflow:hidden;flex-shrink:0}.fana-index__row-thumb img{display:block;width:100%;height:100%;object-fit:cover}@media(hover:hover)and (pointer:fine){.fana-index__row-desc{display:block}.fana-index__row-thumb{display:none}.fana-index__row-link:before{content:"";position:absolute;top:0;right:-1.5rem;bottom:0;left:-1.5rem;z-index:-1;background-color:var(--fana-cream, #f6ece0);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}.fana-index__row:hover .fana-index__row-link:before,.fana-index__row:focus-within .fana-index__row-link:before{transform:scaleX(1)}.fana-index__row:hover .fana-index__row-link,.fana-index__row:focus-within .fana-index__row-link{color:var(--fana-black, #33121d);mix-blend-mode:difference}.fana-index__row:hover .fana-index__row-arrow,.fana-index__row:focus-within .fana-index__row-arrow{transform:translate(.4rem)}}.fana-index__preview{display:none;pointer-events:none;position:absolute;top:0;left:0;z-index:5;width:18rem;aspect-ratio:4 / 5}@media(hover:hover)and (pointer:fine){.fana-index__preview{display:block}}.fana-index__preview-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:.75rem;opacity:0;box-shadow:0 24px 48px #0006;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.fana-index__preview-img.is-active{opacity:1}@media screen and (max-width:749px){.fana-index__row-link{grid-template-columns:2.2rem minmax(0,1fr) auto;gap:1.2rem}.fana-index__row-tag,.fana-index__row-arrow{display:none}}@media(prefers-reduced-motion:reduce){.fana-index__row-link,.fana-index__row-link:before,.fana-index__row-arrow,.fana-index__preview-img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-collection-index.css.map */