.logiss-tm-wrap{width:100%;max-width:1540px;margin:0 auto;padding:18px 28px 8px;box-sizing:border-box}
.logiss-tm-row{display:flex;flex-wrap:nowrap;justify-content:center;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;padding:10px 4px 24px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#176b21 rgba(255,255,255,.4)}
.logiss-tm-row::-webkit-scrollbar{height:5px}.logiss-tm-row::-webkit-scrollbar-thumb{background:#176b21;border-radius:10px}.logiss-tm-row::-webkit-scrollbar-track{background:rgba(255,255,255,.35);border-radius:10px}

/* Desktop: six define the maximum row width. With fewer than six, cards expand
   automatically but the whole set remains centered. */
.logiss-tm-card{flex:1 1 0;min-width:175px;max-width:235px;box-sizing:border-box;scroll-snap-align:center;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,250,244,.94));border:1px solid rgba(23,107,33,.20);border-radius:17px;padding:15px 10px 13px;text-align:center;box-shadow:0 7px 0 rgba(15,85,24,.16),0 14px 22px rgba(0,0,0,.16),inset 0 1px 0 #fff;color:#333;transition:transform .18s ease,box-shadow .18s ease}
.logiss-tm-card:hover{transform:translateY(-3px);box-shadow:0 9px 0 rgba(215,163,21,.38),0 18px 26px rgba(0,0,0,.18),inset 0 1px 0 #fff}
.logiss-tm-cardlink{display:block;height:100%;color:inherit!important;text-decoration:none!important;outline-offset:4px}
.logiss-tm-photo{display:block;width:74px;height:74px;object-fit:cover;border-radius:50%;margin:0 auto 10px;border:3px solid #d7a315;box-shadow:0 4px 9px rgba(0,0,0,.20)}
.logiss-tm-placeholder{background:#176b21;color:#fff}
.logiss-tm-quote{font-size:13px;line-height:1.35;min-height:5.4em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;color:#3d3d3d}
.logiss-tm-name{margin-top:9px;font-size:14px;font-weight:800;color:#176b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logiss-tm-stars{margin-top:5px;color:#d7a315;font-size:18px;letter-spacing:1px;line-height:1}
.logiss-tm-cta-front{text-align:center;margin:4px 0 0}
.logiss-tm-cta-front a{display:inline-block;padding:10px 26px;border-radius:10px;background:linear-gradient(#176b21,#0f5518);color:#fff!important;font-weight:700;text-decoration:none!important;border:1px solid #0f5518;box-shadow:0 5px 0 #0b4012,0 9px 14px rgba(0,0,0,.20);transition:.18s ease}
.logiss-tm-cta-front a:hover{transform:translateY(-2px);box-shadow:0 7px 0 #d7a315,0 11px 16px rgba(0,0,0,.22)}

/* Once there are more than six desktop items, preserve card size and scroll. */
.logiss-tm-row:has(.logiss-tm-card:nth-child(7)){justify-content:flex-start}
.logiss-tm-row:has(.logiss-tm-card:nth-child(7)) .logiss-tm-card{flex:0 0 calc((100% - 70px)/6);max-width:none}

/* Mobile: exactly three cards across. Additional cards continue horizontally. */
@media(max-width:700px){
 .logiss-tm-wrap{padding:10px 10px 6px}
 .logiss-tm-row{justify-content:flex-start;gap:7px;padding:7px 1px 17px}
 .logiss-tm-card,.logiss-tm-row:has(.logiss-tm-card:nth-child(7)) .logiss-tm-card{flex:0 0 calc((100% - 14px)/3);width:calc((100% - 14px)/3);min-width:calc((100% - 14px)/3);max-width:none;padding:10px 4px 9px;border-radius:12px;box-shadow:0 5px 0 rgba(15,85,24,.16),0 9px 14px rgba(0,0,0,.14),inset 0 1px 0 #fff}
 .logiss-tm-photo{width:48px;height:48px;border-width:2px;margin-bottom:7px}
 .logiss-tm-quote{font-size:9px;line-height:1.25;min-height:5em;-webkit-line-clamp:4}
 .logiss-tm-name{font-size:10px;margin-top:6px}
 .logiss-tm-stars{font-size:12px;letter-spacing:0}
 .logiss-tm-cta-front a{font-size:12px;padding:8px 18px}
}
@media(max-width:390px){
 .logiss-tm-wrap{padding-left:7px;padding-right:7px}.logiss-tm-row{gap:5px}
 .logiss-tm-card,.logiss-tm-row:has(.logiss-tm-card:nth-child(7)) .logiss-tm-card{flex-basis:calc((100% - 10px)/3);width:calc((100% - 10px)/3);min-width:calc((100% - 10px)/3)}
 .logiss-tm-photo{width:42px;height:42px}.logiss-tm-quote{font-size:8px}.logiss-tm-name{font-size:9px}.logiss-tm-stars{font-size:11px}
}