.fabric-details-card{display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#f6f4f2,#fdfcfb);border-radius:12px;padding:16px 20px;margin-top:10px;gap:15px;direction:rtl;border:1px solid #e9e9e9}.fabric-info-col{flex:1;display:flex;flex-direction:column;gap:8px;text-align:right}.fabric-info-item{display:flex;flex-direction:column;gap:2px}.fabric-label{font-size:13px;color:#8a8a8a;font-weight:400;font-family:diarabic,sans-serif}.fabric-value{font-size:18px;font-weight:700;color:#1a1a1a;line-height:1.3;font-family:diarabic,sans-serif}.fabric-features-list{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0;margin:0;justify-content:end;width:100%}.fabric-features-list li{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:5px 12px;font-size:13px;color:#1a1a1a;line-height:1.4;position:static;margin-bottom:0;font-family:diarabic,sans-serif;font-size:14px}.fabric-features-list li:before{content:none}.fabric-features-list li:after{content:"";background-image:url(/cdn/shop/files/bullet-icon-febric.png?v=1776324614);font-size:8px;color:#440021;flex-shrink:0;width:8px;height:8px}.fabric-image-col{flex:0 0 90px;display:flex;justify-content:center;align-items:center}.fabric-image-wrapper{width:90px;height:90px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 4px 12px #00000014;position:relative;cursor:pointer}.fabric-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.fabric-view-btn{position:absolute;bottom:0;left:0;right:0;height:34px;background:#0000008c;color:#fff;border:none;padding:0 6px;font-size:12px;font-family:diarabic,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:background .2s ease;flex-direction:row-reverse;border-radius:50%;height:30px}.fabric-view-btn:hover,.fabric-view-btn:focus{background:#000000b8;outline:none}body.fabric_opened header.shopify-section.shopify-section-group-header-group.shopify-section--header{z-index:1!important}.fabric-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.fabric-lightbox.is-open{opacity:1;pointer-events:all}.fabric-lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e0}.fabric-lightbox-inner{position:relative;width:min(90vw,480px);background:#fff;border-radius:12px;overflow:hidden;z-index:1}.fabric-lightbox-close svg{display:none}.fabric-lightbox-close{position:absolute;top:10px;left:10px;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .2s ease;background-image:url(/cdn/shop/files/close-white-icon.png?v=1776335897)}.fabric-lightbox-close:hover{background-color:#fff}.fabric-lightbox-inner img{width:100%;height:auto;max-height:78vh;object-fit:contain;display:block}.accordian-wrap .accordion-container .accordion-toggle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px;transform:rotate(-90deg);transition:transform .25s ease;width:20px;height:20px}.accordian-wrap .accordion-container .accordion-item.active .accordion-toggle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px;transform:rotate(0);width:20px;height:20px}[dir=rtl] .fabric-details-card{direction:ltr}[dir=ltr] .fabric-details-card{direction:rtl}[dir=ltr] .fabric-info-col,.fabric-info-col:not([dir=rtl]){text-align:end}
/*# sourceMappingURL=/cdn/shop/t/128/assets/fabric-details.css.map */