/* Intentionally narrow: do not restyle headers, category cards, product cards or menus. */
.atrak-inner-phone-safe {
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:0 12px;
  border-radius:10px;
  color:inherit;
  font-size:13px;
  font-weight:700;
  direction:ltr;
  text-decoration:none;
}
.atrak-inner-phone-safe svg { width:18px; height:18px; flex:0 0 18px; }
.atrak-inner-phone-safe:hover { color:#e9232a; }
body.home .atrak-inner-phone-safe { display:none !important; }

.atrak-safe-second-image {
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
  background:#fff;
}
.atrak-safe-second-image img {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}
@media (hover:hover) and (pointer:fine) {
  .wd-product:hover .atrak-safe-second-image { opacity:1; }
}

/* JS owns the transform so the loop cannot finish or leave an empty rail. */
.atrak-brands .atrak-brand-rail { direction:ltr !important; }
.atrak-brands .atrak-brand-track {
  display:flex !important;
  width:max-content !important;
  gap:0 !important;
  animation:none !important;
  will-change:transform;
  direction:ltr;
}
.atrak-brands .atrak-brand-sequence {
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center;
}
.atrak-safe-brand-tile {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:150px;
  height:58px;
  margin-inline-end:12px;
  padding:7px 14px;
  border:1px solid rgba(20,24,32,.08);
  border-radius:14px;
  background:#fafafb;
  color:var(--atrak-brand-color,#20242b);
  direction:ltr;
  box-sizing:border-box;
}
.atrak-safe-brand-mark {
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  flex:0 0 25px;
  border:2px solid currentColor;
  border-radius:50%;
  font:800 12px/1 Arial,sans-serif;
}
.atrak-safe-brand-word { font:800 13px/1.1 Arial,sans-serif; white-space:nowrap; }
@media (max-width:767px) {
  .atrak-inner-phone-safe { display:none !important; }
  .atrak-safe-brand-tile { min-width:128px; height:52px; margin-inline-end:9px; padding:6px 10px; }
  .atrak-safe-brand-word { font-size:11px; }
  .atrak-safe-brand-mark { width:22px; height:22px; flex-basis:22px; font-size:10px; }
}
@media (prefers-reduced-motion:reduce) {
  .atrak-brands .atrak-brand-track { transform:none !important; }
}
