/*
 * تنسيقات مخصصة لقسم التصنيفات.
 * هذا الملف يتم تضمينه بواسطة ملف الإضافة الرئيسي.
 */
/* الحفاظ على التصميم الأصلي */
.rt-custom-categories{direction:rtl;font-family:'Tajawal','Segoe UI',sans-serif;padding:2.5rem 0;background-color:transparent;position:relative;overflow:hidden}
/* إزالة أي تباعد أفقي لضمان عرض كامل الشاشة */
.rt-cat-carousel{display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0;margin:0}
.rt-cat-carousel::-webkit-scrollbar{height:8px;background:transparent;border-radius:4px}
.rt-cat-carousel::-webkit-scrollbar-thumb{background:transparent;border-radius:4px;transition:0.3s}
.rt-cat-carousel::-webkit-scrollbar-thumb:hover{background:transparent}
.rt-cat-card{scroll-snap-align:start;flex:0 0 auto;text-decoration:none;text-align:center;transition:0.2s;width:160px;-webkit-tap-highlight-color:transparent;background-color:transparent}
.rt-cat-image{width:150px;height:150px;border-radius:50%;background-size:cover;background-position:center;border:4px solid #fff;box-shadow:0 4px 20px rgba(0,0,0,0.1);margin:0 auto 1rem;transition:0.2s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.rt-cat-image::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;box-shadow:none}
.rt-cat-title{color:#2f3542;font-size:1rem;margin:0;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;word-wrap:normal;display:inline-block}
.rt-cat-card:hover .rt-cat-image{transform:scale(1.1);box-shadow:0 6px 25px rgba(0,0,0,0.15)}
.rt-cat-card:hover .rt-cat-title{color:#25AEC0}
.rt-cat-card:active,.rt-cat-card:focus{background:transparent!important;background-color:transparent!important;-webkit-tap-highlight-color:transparent!important;outline:none}
.rt-cat-card:active .rt-cat-image,.rt-cat-card:focus .rt-cat-image{box-shadow:none!important;transform:none!important}
@media (min-width:1286px){.rt-custom-categories{padding:2.5rem 0}.rt-cat-carousel{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem;overflow-x:visible;scroll-snap-type:none;padding-bottom:0}}
@media (min-width:1024px) and (max-width:1285px){.rt-cat-carousel{padding:0 20px 20px;}}
@media (max-width:1023px){.rt-cat-carousel{gap:1.5rem;padding:0 20px 20px;}}
@media (max-width:768px){.rt-cat-carousel{padding:0 20px 20px;}}
.rt-cat-card[href="https://routsi.ma/product-category/paquets/"] .rt-cat-image{background-color:transparent!important}