/* Trust Fix v5: sliders, marquees, chat popup, mobile menu icons */

/* ---------- one-row sliders ---------- */
.tf5-sl{position:relative}
.tf5-sl .tf5-sl__t{display:flex !important;grid-template-columns:none !important;gap:20px !important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 8px;margin:0}
.tf5-sl .tf5-sl__t::-webkit-scrollbar{display:none}
.tf5-sl .tf5-sl__t>*{flex:0 0 auto;scroll-snap-align:start;opacity:1 !important;transform:none !important}
.tf5-sl__nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}
.tf5-sl__a{width:46px;height:46px;border-radius:50%;border:0;background:#0E0F12;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .25s,transform .25s}
.tf5-sl__a:hover{background:#E31B23;transform:scale(1.06)}
.tf5-sl__a svg{width:20px;height:20px}
.tf5-sl__dots{display:flex;gap:8px}
.tf5-sl__dots button{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:#D3D5DA;cursor:pointer;transition:width .3s,background .3s}
.tf5-sl__dots button.is-on{width:28px;background:#E31B23}

/* most requested repairs */
.tf5-sl--types .tf2-types__t{width:calc((100% - 60px)/4);height:340px;margin:0 !important}
.tf5-sl--types .tf2-types__t img{width:100%;height:100%;object-fit:cover}
@media(max-width:1000px){.tf5-sl--types .tf2-types__t{width:calc((100% - 20px)/2);height:300px}}
@media(max-width:640px){.tf5-sl--types .tf5-sl__t{gap:14px !important}.tf5-sl--types .tf2-types__t{width:80%;height:280px}}

/* blog */
.tf5-sl--blog .tf2-blog__c{width:calc((100% - 40px)/3);margin:0 !important}
@media(max-width:1000px){.tf5-sl--blog .tf2-blog__c{width:calc((100% - 20px)/2)}}
@media(max-width:640px){.tf5-sl--blog .tf5-sl__t{gap:14px !important}.tf5-sl--blog .tf2-blog__c{width:85%}}

/* ---------- two-row marquees ---------- */
.tf5-mq{display:flex;flex-direction:column;gap:20px;margin:6px 0 4px;overflow:hidden}
.tf5-mq__row{overflow:hidden}
.tf5-mq__belt{display:flex;gap:20px;width:max-content;animation:tf5mq 40s linear infinite;will-change:transform}
.tf5-mq__row--r .tf5-mq__belt{animation-direction:reverse}
.tf5-mq:hover .tf5-mq__belt{animation-play-state:paused}
@keyframes tf5mq{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 10px))}}
.tf5-mq__belt>*{flex:0 0 auto;opacity:1 !important;transform:none !important;margin:0 !important}
.tf5-mq--acc .tfa-c{width:250px}
.tf5-mq--cards .ax-card{width:260px}
@media(max-width:640px){.tf5-mq{gap:14px}.tf5-mq__belt{gap:14px}.tf5-mq--acc .tfa-c{width:200px}.tf5-mq--cards .ax-card{width:220px}@keyframes tf5mq{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}}
@media(prefers-reduced-motion:reduce){.tf5-mq__belt{animation:none}.tf5-mq__row{overflow-x:auto}}

/* existing marquees: a little faster */
.tf2-br__belt{animation-duration:30s !important}
.tf2-car__belt{animation-duration:40s !important}

/* ---------- mobile menu icons ---------- */
.tfm__l .tf5-i{width:20px;height:20px;flex:none;color:#E31B23}
.tfm__l{display:flex;align-items:center;gap:12px}

/* ---------- chat popup ---------- */
.tf5c{position:fixed;right:20px;bottom:20px;z-index:9990;font-family:Inter,sans-serif}
.tf5c__btn{display:flex;align-items:center;gap:10px;height:58px;padding:0 22px 0 18px;border:0;border-radius:999px;background:#E31B23;color:#fff;font:800 15px/1 Inter,sans-serif;cursor:pointer;box-shadow:0 14px 34px rgba(227,27,35,.45);position:relative;transition:transform .25s}
.tf5c__btn:hover{transform:translateY(-2px)}
.tf5c__btn .tf5-i{width:24px;height:24px}
.tf5c__dot{position:absolute;top:8px;left:38px;width:10px;height:10px;border-radius:50%;background:#2BD46B;border:2px solid #E31B23}
.tf5c.is-open .tf5c__btn{opacity:0;pointer-events:none;transform:scale(.8)}
.tf5c__box{position:absolute;right:0;bottom:0;width:min(370px,calc(100vw - 32px));background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(16px) scale(.97);transform-origin:bottom right;transition:opacity .3s,transform .3s,visibility .3s}
.tf5c.is-open .tf5c__box{opacity:1;visibility:visible;transform:none}
.tf5c__h{display:flex;align-items:center;gap:12px;padding:16px 16px 16px 18px;background:#0E0F12;color:#fff}
.tf5c__h strong{display:block;font-size:16px;font-weight:800}
.tf5c__h small{display:block;font-size:12.5px;color:#B9BCC4;margin-top:3px}
.tf5c__av{width:42px;height:42px;border-radius:12px;background:#E31B23;display:grid;place-items:center;flex:none}
.tf5c__av .tf5-i{width:22px;height:22px;color:#fff}
.tf5c__x{margin-left:auto;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer}
.tf5c__x .tf5-i{width:18px;height:18px}
.tf5c__b{padding:16px;background:#F5F6F8}
.tf5c__bub{background:#fff;border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:14px;line-height:1.5;color:#1B1D22;box-shadow:0 4px 14px rgba(0,0,0,.05);margin-bottom:12px}
.tf5c__f{display:flex;flex-direction:column;gap:8px}
.tf5c__row{display:flex;gap:8px}
.tf5c__f input,.tf5c__f textarea{width:100%;min-width:0;border:1.5px solid #E2E4E8;border-radius:12px;padding:11px 12px;font:500 14px/1.4 Inter,sans-serif;background:#fff;color:#0E0F12;outline:0;box-sizing:border-box}
.tf5c__f input:focus,.tf5c__f textarea:focus{border-color:#E31B23}
.tf5c__f textarea{resize:none}
.tf5c__hp{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;opacity:0}
.tf5c__send{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:#E31B23;color:#fff;font:800 14px/1 Inter,sans-serif;padding:13px;cursor:pointer}
.tf5c__send:disabled{opacity:.6}
.tf5c__send .tf5-i{width:17px;height:17px}
.tf5c__msg{margin:2px 0 0 !important;font-size:13px;line-height:1.45}
.tf5c__msg.is-ok{color:#0F8A3D}.tf5c__msg.is-err{color:#C0141B}
.tf5c__q{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tf5c__q a{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:12px;background:#fff;border:1.5px solid #E2E4E8;color:#0E0F12;font:700 13px/1 Inter,sans-serif;text-decoration:none}
.tf5c__q a:hover{border-color:#E31B23;color:#E31B23}
.tf5c__q .tf5-i{width:16px;height:16px;color:#E31B23}
.ax-totop{bottom:92px !important}
@media(max-width:640px){.tf5c{right:14px;bottom:14px}.tf5c__btn{height:54px;padding:0 16px}.tf5c__lab{display:none}.tf5c__dot{left:34px}.tf5c__box{width:calc(100vw - 28px)}.ax-totop{bottom:80px !important}}

body:has(.tfm.is-open) .tf5c,body:has(.tfk.is-open) .tf5c,body:has(.tfb.is-open) .tf5c{opacity:0;pointer-events:none}
.tf5c{transition:opacity .25s}

@media(max-width:640px){.tfa-add{white-space:nowrap;font-size:13px !important;gap:6px !important;padding-left:8px !important;padding-right:8px !important}}

/* ---------- v5.1: icon-only chat, basket pill beside it ---------- */
.tf5c__lab{display:none !important}
.tf5c__btn{width:58px;height:58px;padding:0;justify-content:center}
.tf5c__dot{top:9px;left:auto;right:10px}
.tfk-pill{right:92px !important}
@media(max-width:640px){.tf5c__btn{width:54px;height:54px}.tfk-pill{right:80px !important}}

/* related accessories slider (accessory page) */
.tfs-rel--top{padding:48px 0 8px !important;background:#fff;order:1 !important}
.tfs-rel--top~.tfs-body{order:2 !important}
.tf5-relh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.tf5-relh h2{margin:6px 0 0 !important}
.tf5-relh h2 em{font-style:normal !important;color:#E31B23 !important}
.tf5-sl--rel .tfa-c{width:calc((100% - 60px)/4)}
@media(max-width:1000px){.tf5-sl--rel .tfa-c{width:calc((100% - 20px)/2)}}
@media(max-width:640px){.tf5-sl--rel .tf5-sl__t{gap:14px !important}.tf5-sl--rel .tfa-c{width:72%}.tf5-relh .tf2-btn{display:none}}

/* accessories dropdown */
.tf5-accd{display:grid;grid-template-columns:1fr 1fr;gap:4px;align-content:start}
.tf5-accd__r{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;color:#0B0B0D;text-decoration:none;transition:background .2s,transform .2s}
.tf5-accd__r:hover{background:#F4F5F7;transform:translateX(3px)}
.tf5-accd__r .tfh__ri{width:42px;height:42px;border-radius:12px;flex:none}
.tf5-accd__r .tfh__ri svg{width:22px;height:22px;stroke:#E31B23}
.tf5-accd__r:hover .tfh__ri{background:#E31B23}
.tf5-accd__r:hover .tfh__ri svg{stroke:#fff}
.tf5-accd__r strong{display:block;font-size:14.5px;font-weight:700;line-height:1.2}
.tf5-accd__r small{display:block;font-size:12.5px;color:#5F6673;margin-top:2px}
.tf5-accd__all{grid-column:1/-1;margin-top:6px;padding:12px;border-radius:14px;background:#FFF1F1;color:#E31B23 !important;font-weight:800;font-size:14px;text-align:center;text-decoration:none}
.tf5-accd__all:hover{background:#E31B23;color:#fff !important}

/* social icons in header + mobile menu */
.tf5-hsoc{display:flex;align-items:center;gap:6px;margin-right:4px}
.tf5-hsoc a,.tf5-msoc a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#F4F5F7;color:#0B0B0D;transition:background .2s,color .2s}
.tf5-hsoc a:hover,.tf5-msoc a:hover{background:#E31B23;color:#fff}
.tf5-hsoc svg,.tf5-msoc svg{width:16px;height:16px}
@media(max-width:1399px){.tf5-hsoc{display:none}}
.tf5-msoc{display:flex;justify-content:center;gap:10px;padding:12px 16px 0}

/* basket drawer: roomy quantity control, chat hidden while it is open */
.tfk .tfa-qty{min-width:124px;display:flex !important;align-items:center;justify-content:space-between;gap:8px;padding:5px !important}
.tfk .tfa-qty b{min-width:24px;text-align:center;font-size:16px}
.tfk .tfa-qty button{flex:none}
body:has(.tfk:not([hidden])) .tf5c{opacity:0;pointer-events:none}

/* footer social icons */
.ax-soc--foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ax-soc--foot:empty{display:none}