/* Shared scrolling-strip edges follow the editorial content, not the screen. */
:root {
  --strip-content-edge: var(--gutter, 5vw);
  --strip-fade-width: 32px;
}
@media (min-width: 1800px) {
  :root { --strip-content-edge: max(84px, calc((100vw - 1640px) / 2)); }
}
@media (max-width: 760px) {
  :root { --strip-fade-width: 20px; }
}
/* Compact logo strip; override general editorial section spacing only here. */
main > section.trust-band {
  padding: 24px 0 20px;
  border-bottom: 0;
}
main > section.trust-band .trust-heading {
  padding: 0 var(--strip-content-edge) 12px;
}
main > section.trust-band .trust-viewport {
  margin-inline: var(--strip-content-edge);
  mask-image: linear-gradient(90deg, transparent, #000 var(--strip-fade-width), #000 calc(100% - var(--strip-fade-width)), transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 var(--strip-fade-width), #000 calc(100% - var(--strip-fade-width)), transparent);
}
/* Static reduced-motion logos remain fully readable within the same edges. */
@media (prefers-reduced-motion: reduce) {
  main > section.trust-band .trust-viewport { mask-image: none; -webkit-mask-image: none; }
}
@media (max-width: 640px) {
  main > section.trust-band { padding: 20px 0 16px; }
  main > section.trust-band .trust-heading { padding-bottom: 10px; }
}

/* Grid items must size to their category text, not span the whole column. */
.product > .product-copy > .product-status {
  justify-self: start;
  align-self: start;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
}

/* Space the visible artwork, not uniform cells containing unequal blank canvases. */
.trust-band .trust-track .trust-list { gap:64px; padding:8px 32px; }
.trust-band .trust-track .trust-list > li {
  position:relative; flex:0 0 var(--logo-width); width:var(--logo-width);
  min-width:0; height:76px; overflow:hidden; padding:0;
}
.trust-band .trust-track .trust-list > li > img {
  position:absolute; left:var(--image-left); top:var(--image-top);
  width:var(--image-width); height:var(--image-height);
  min-width:0; max-width:none; max-height:none; object-fit:fill; margin:0;
}
.trust-band .trust-track .trust-list img[data-brand="lvmh"] { filter:brightness(0)!important; }
@media(max-width:640px) {
 .trust-band .trust-track .trust-list { gap:40px; padding-inline:20px; }
}
.trust-band .trust-track .trust-list > li:has(img[data-brand="ibm"]){--logo-width:83px;--image-width:110.66667px;--image-height:83.12519px;--image-left:-13.83333px;--image-top:-2.73319px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="salesforce"]){--logo-width:90px;--image-width:90.00000px;--image-height:63.08411px;--image-left:0.00000px;--image-top:6.45794px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="selfridges"]){--logo-width:154px;--image-width:154.00000px;--image-height:24.25500px;--image-left:0.00000px;--image-top:25.87250px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="google"]){--logo-width:128px;--image-width:128.85906px;--image-height:43.58468px;--image-left:0.00000px;--image-top:16.74442px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="john"]){--logo-width:90px;--image-width:90.00000px;--image-height:56.75879px;--image-left:0.00000px;--image-top:9.62060px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="jnj"]){--logo-width:180px;--image-width:180.00000px;--image-height:16.80000px;--image-left:0.00000px;--image-top:29.60000px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="revolut"]){--logo-width:140px;--image-width:140.00000px;--image-height:30.80000px;--image-left:0.00000px;--image-top:22.60000px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="gsk"]){--logo-width:110px;--image-width:110.00000px;--image-height:33.37607px;--image-left:0.00000px;--image-top:21.31197px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="lvmh"]){--logo-width:140px;--image-width:140.00000px;--image-height:31.32867px;--image-left:0.00000px;--image-top:22.33566px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="netlify"]){--logo-width:130px;--image-width:130.00000px;--image-height:53.06641px;--image-left:0.00000px;--image-top:11.57510px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="four-seasons"]){--logo-width:132px;--image-width:132.88591px;--image-height:61.93325px;--image-left:-0.44295px;--image-top:7.03337px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="cloudflare"]){--logo-width:146px;--image-width:149.48805px;--image-height:24.41638px;--image-left:0.00000px;--image-top:25.79181px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="ba"]){--logo-width:174px;--image-width:174.29048px;--image-height:27.36793px;--image-left:-0.29048px;--image-top:24.31604px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="monzo"]){--logo-width:64px;--image-width:108.47458px;--image-height:107.04728px;--image-left:-22.41808px;--image-top:-15.52364px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="loreal"]){--logo-width:138px;--image-width:138.00000px;--image-height:36.26277px;--image-left:0.00000px;--image-top:19.86861px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="vitality"]){--logo-width:64px;--image-width:64.00000px;--image-height:64.00000px;--image-left:0.00000px;--image-top:6.00000px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="meta"]){--logo-width:126px;--image-width:126.84564px;--image-height:25.36913px;--image-left:0.00000px;--image-top:25.31544px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="ibis"]){--logo-width:60px;--image-width:60.00000px;--image-height:60.00000px;--image-left:0.00000px;--image-top:8.00000px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="ocado"]){--logo-width:128px;--image-width:128.00000px;--image-height:51.20000px;--image-left:0.00000px;--image-top:12.50667px;}
.trust-band .trust-track .trust-list > li:has(img[data-brand="bat"]){--logo-width:136px;--image-width:136.45485px;--image-height:47.00837px;--image-left:0.00000px;--image-top:14.60936px;}

/* Logo band: no visible claim; the heading stays as an accessible label. */
main > section.trust-band .trust-heading { justify-content: flex-end; }
main > section.trust-band .trust-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }