.benefits361{--ben-bg: var(--361-bg, #3c3e31);--ben-cream: #d9c6a2;--ben-radius: clamp(1rem, 2vw, 1.6rem);--ben-gap: clamp(1rem, 2.1vw, 1.65rem);width:100%;margin:0;padding:0 0 clamp(2rem,4vw,3.25rem);background:var(--ben-bg);font-family:var(--361-font, "Qomra Arabic", sans-serif)}.benefits361__rule{width:min(100%,36rem);height:1px;margin:clamp(2.5rem,5.2vw,5rem) auto;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.28) 22%,rgba(255,255,255,.28) 78%,transparent 100%)}.benefits361__track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ben-gap)}.benefits361__card{margin:0;min-width:0}.benefits361__img{display:block;width:100%;height:auto;aspect-ratio:1218 / 912;object-fit:cover;border-radius:var(--ben-radius);background:#2f3127}.benefits361__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.benefits361__nav{display:none;justify-content:flex-end;align-items:center;gap:.55rem;margin-top:clamp(.9rem,2.5vw,1.25rem)}.benefits361__nav-btn{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;padding:0;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:#ffffff0a;color:#ffffffe0;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease,opacity .25s ease}.benefits361__nav-btn svg{width:1rem;height:1rem}.benefits361__nav-btn:hover{background:#ffffff1a;border-color:#d9c6a2a6;color:var(--ben-cream)}.benefits361__nav-btn:active{transform:scale(.96)}.benefits361__nav-btn:focus-visible{outline:2px solid var(--ben-cream);outline-offset:2px}.benefits361__nav-btn[disabled]{opacity:.35;cursor:default}@media screen and (max-width:989px){.benefits361__track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.benefits361__track::-webkit-scrollbar{display:none}.benefits361__card{scroll-snap-align:center}.benefits361__nav{display:flex}}@media screen and (max-width:749px){.benefits361__track{grid-auto-columns:92%}}@media(prefers-reduced-motion:reduce){.benefits361__card{opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/361-benefits.css.map */