.tps-colour-catalogue{
  --tps-border:#e7e7e7;
  --tps-text:#171717;
  --tps-muted:#5d6369;
  --tps-panel:#edf7ff;
  width:100%;
  max-width:1500px;
  margin:0 auto;
}
.tps-catalogue-hero{
  display:flex;
  align-items:center;
  gap:28px;
  margin:0 0 26px;
  padding:4px 0 18px;
  border-bottom:1px solid #e6e6e6;
}
.tps-catalogue-hero h1{
  margin:0;
  font-size:clamp(34px,4vw,58px);
  line-height:1;
  font-weight:800;
  letter-spacing:-1.5px;
  color:var(--tps-text);
  white-space:nowrap;
}
.tps-catalogue-hero p{
  margin:0;
  padding-left:28px;
  border-left:1px solid #999;
  font-size:clamp(16px,1.6vw,23px);
  line-height:1.35;
  color:#333;
}
.tps-range{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:14px;
  margin:0 0 14px;
  align-items:stretch;
}
.tps-range-intro{
  border-radius:14px;
  background:linear-gradient(145deg,#eaf6ff,#f5faff);
  border:1px solid #dbeefb;
  padding:18px 16px;
}
.tps-range-intro h2{
  margin:0 0 8px;
  font-size:25px;
  line-height:1.08;
  color:var(--tps-text);
  font-weight:800;
}
.tps-range-intro p{
  margin:0;
  color:#303942;
  font-size:14px;
  line-height:1.35;
}
.tps-colour-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  padding:8px;
  border:1px solid #ededed;
  border-radius:14px;
  background:#fbfbfb;
}
.tps-colour-card{
  min-width:0;
  background:#fff;
  border:1px solid #eeeeee;
  border-radius:10px;
  overflow:hidden;
  transition:transform .15s ease,border-color .15s ease;
}
@media (hover:hover) and (pointer:fine){
  .tps-colour-card:hover{transform:translateY(-2px);border-color:#d6d6d6}
}
.tps-colour-image{
  aspect-ratio:1.05/1;
  background:linear-gradient(180deg,#ffffff,#f5f5f5);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.tps-colour-image img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.tps-auto-stage{
  position:relative;
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  padding:10%;
}
.tps-pot{
  position:relative;
  width:min(70%,168px);
  aspect-ratio:.88;
  margin-top:10%;
  background:
    linear-gradient(112deg,rgba(255,255,255,.34),transparent 26%),
    linear-gradient(248deg,rgba(0,0,0,.12),transparent 34%),
    linear-gradient(90deg,
      transparent 0 8%, rgba(255,255,255,.10) 8% 14%, transparent 14% 25%,
      rgba(0,0,0,.045) 25% 31%, transparent 31% 42%, rgba(255,255,255,.07) 42% 48%,
      transparent 48% 59%, rgba(0,0,0,.04) 59% 65%, transparent 65% 76%,
      rgba(255,255,255,.06) 76% 82%, transparent 82%),
    var(--tps-fill,#cccccc);
  clip-path:polygon(31% 6%,69% 6%,76% 11%,84% 22%,87% 36%,86% 52%,82% 68%,75% 83%,65% 94%,35% 94%,25% 83%,18% 68%,14% 52%,13% 36%,16% 22%,24% 11%);
  box-shadow:
    inset 8px 0 14px rgba(255,255,255,.04),
    inset -10px 0 16px rgba(0,0,0,.05);
}
.tps-pot:before{
  content:"";
  position:absolute;
  left:33%;
  top:-6%;
  width:34%;
  height:10%;
  border-radius:12px 12px 4px 4px;
  background:
    linear-gradient(105deg,rgba(255,255,255,.18),transparent 40%),
    linear-gradient(255deg,rgba(0,0,0,.10),transparent 45%),
    var(--tps-fill,#cccccc);
  z-index:2;
}
.tps-pot:after{
  content:"";
  position:absolute;
  left:37%;
  top:-5.4%;
  width:26%;
  height:3.6%;
  border-radius:50%;
  background:rgba(0,0,0,.32);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.18);
  z-index:3;
}

.tps-colour-info{
  position:relative;
  padding:10px 10px 11px;
  min-height:64px;
  text-align:center;
}
.tps-colour-info h3{
  margin:0;
  padding:0 0 22px;
  font-size:15px;
  line-height:1.18;
  color:var(--tps-text);
  font-weight:700;
}
.tps-reference{
  position:absolute;
  bottom:9px;
  left:50%;
  transform:translateX(-50%);
  display:inline-block;
  color:#777;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.45px;
}
.tps-empty{padding:18px;border:1px solid var(--tps-border);border-radius:12px;background:#fafafa}
@media(max-width:1250px){
  .tps-colour-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:980px){
  .tps-catalogue-hero{align-items:flex-start;flex-direction:column;gap:8px}
  .tps-catalogue-hero h1{white-space:normal}
  .tps-catalogue-hero p{padding-left:0;border-left:0}
  .tps-range{grid-template-columns:1fr}
  .tps-range-intro{padding:14px 16px}
  .tps-range-intro p{max-width:620px}
  .tps-colour-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:767px){
  .tps-colour-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:7px}
  .tps-colour-info h3{font-size:14px}
}
@media(max-width:520px){
  .tps-catalogue-hero h1{font-size:34px}
  .tps-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}




/* Silk PLA photo catalogue — Divi-proof layout */
.tps-colour-catalogue.tps-material-silk{
  max-width:1280px;
  padding:0 6px 24px;
}
.tps-colour-catalogue.tps-material-silk .tps-catalogue-hero{
  display:block !important;
  margin:0 0 28px !important;
  padding:0 0 20px !important;
  border-bottom:1px solid #e7e7e7 !important;
}
.tps-colour-catalogue.tps-material-silk .tps-catalogue-hero h1{
  margin:0 !important;
  padding:0 !important;
  font-size:clamp(38px,4.2vw,56px) !important;
  line-height:1.04 !important;
  font-weight:800 !important;
  letter-spacing:-1.5px !important;
  white-space:normal !important;
  color:#171717 !important;
}
.tps-colour-catalogue.tps-material-silk .tps-catalogue-hero p{
  margin:12px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  max-width:760px !important;
  font-size:18px !important;
  line-height:1.45 !important;
  color:#4c5258 !important;
}
.tps-colour-catalogue.tps-material-silk .tps-range{
  display:grid !important;
  grid-template-columns:220px minmax(0,1fr) !important;
  gap:14px !important;
  margin:0 0 16px !important;
  align-items:stretch !important;
}
.tps-colour-catalogue.tps-material-silk .tps-range-intro{
  min-width:0 !important;
  padding:18px 17px !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,#f4edff,#edf5ff) !important;
  border:1px solid #e3dff0 !important;
}
.tps-colour-catalogue.tps-material-silk .tps-range-intro h2{
  margin:0 0 8px !important;
  padding:0 !important;
  font-size:23px !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  letter-spacing:-.3px !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  color:#171717 !important;
}
.tps-colour-catalogue.tps-material-silk .tps-range-intro p{
  margin:0 !important;
  padding:0 !important;
  font-size:14px !important;
  line-height:1.42 !important;
  color:#4f5660 !important;
}
.tps-colour-catalogue.tps-material-silk .tps-colour-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(155px,1fr)) !important;
  gap:10px !important;
  padding:10px !important;
  align-content:start !important;
  border:1px solid #ededed !important;
  border-radius:14px !important;
  background:#fbfbfb !important;
}
.tps-colour-catalogue.tps-material-silk .tps-colour-card{
  min-width:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid #ececec !important;
  border-radius:12px !important;
  box-shadow:0 2px 8px rgba(0,0,0,.035) !important;
}
.tps-colour-catalogue.tps-material-silk .tps-colour-image{
  aspect-ratio:1/1 !important;
  padding:8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#fff !important;
}
.tps-colour-catalogue.tps-material-silk .tps-colour-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:8px !important;
}
.tps-colour-catalogue.tps-material-silk .tps-colour-info{
  position:relative !important;
  min-height:78px !important;
  padding:10px 10px 28px !important;
  text-align:center !important;
}
.tps-colour-catalogue.tps-material-silk .tps-colour-info h3{
  margin:0 !important;
  padding:0 !important;
  font-size:15px !important;
  line-height:1.24 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  color:#181818 !important;
}
.tps-colour-catalogue.tps-material-silk .tps-reference{
  position:absolute !important;
  left:50% !important;
  bottom:10px !important;
  transform:translateX(-50%) !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.5px !important;
  color:#777 !important;
}
@media(max-width:900px){
  .tps-colour-catalogue.tps-material-silk .tps-range{
    grid-template-columns:1fr !important;
  }
  .tps-colour-catalogue.tps-material-silk .tps-range-intro{
    padding:14px 16px !important;
  }
  .tps-colour-catalogue.tps-material-silk .tps-range-intro h2{
    font-size:21px !important;
  }
  .tps-colour-catalogue.tps-material-silk .tps-colour-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media(max-width:650px){
  .tps-colour-catalogue.tps-material-silk .tps-catalogue-hero h1{
    font-size:36px !important;
  }
  .tps-colour-catalogue.tps-material-silk .tps-catalogue-hero p{
    font-size:16px !important;
  }
  .tps-colour-catalogue.tps-material-silk .tps-colour-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:8px !important;
  }
}

/* PLA catalogue — use the approved faceted-vase artwork, not CSS silhouettes */
.tps-colour-catalogue.tps-material-pla{
  max-width:1180px !important;
  padding:0 6px 24px !important;
}
.tps-colour-catalogue.tps-material-pla .tps-catalogue-hero{
  display:block !important;
  margin:0 0 24px !important;
  padding:0 0 18px !important;
  border-bottom:1px solid #e7e7e7 !important;
}
.tps-colour-catalogue.tps-material-pla .tps-catalogue-hero h1{
  margin:0 !important;
  padding:0 !important;
  font-size:clamp(38px,4vw,52px) !important;
  line-height:1.04 !important;
  font-weight:800 !important;
  letter-spacing:-1.4px !important;
  white-space:normal !important;
  color:#171717 !important;
}
.tps-colour-catalogue.tps-material-pla .tps-catalogue-hero p{
  margin:11px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  max-width:760px !important;
  font-size:17px !important;
  line-height:1.45 !important;
  color:#4c5258 !important;
}
.tps-colour-catalogue.tps-material-pla .tps-range{
  display:grid !important;
  grid-template-columns:185px minmax(0,1fr) !important;
  gap:12px !important;
  margin:0 0 14px !important;
  align-items:stretch !important;
}
.tps-colour-catalogue.tps-material-pla .tps-range-intro{
  min-width:0 !important;
  padding:17px 15px !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,#eaf6ff,#f4f9ff) !important;
  border:1px solid #dcebf7 !important;
}
.tps-colour-catalogue.tps-material-pla .tps-range-intro h2{
  margin:0 0 8px !important;
  padding:0 !important;
  font-size:23px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  letter-spacing:-.3px !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  color:#171717 !important;
}
.tps-colour-catalogue.tps-material-pla .tps-range-intro p{
  margin:0 !important;
  padding:0 !important;
  font-size:13.5px !important;
  line-height:1.42 !important;
  color:#3e4851 !important;
}
.tps-colour-catalogue.tps-material-pla .tps-colour-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:9px !important;
  padding:9px !important;
  align-content:start !important;
  border:1px solid #ededed !important;
  border-radius:14px !important;
  background:#fbfbfb !important;
}
.tps-colour-catalogue.tps-material-pla .tps-colour-card{
  min-width:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid #ececec !important;
  border-radius:11px !important;
  box-shadow:0 2px 7px rgba(0,0,0,.028) !important;
}
.tps-colour-catalogue.tps-material-pla .tps-colour-image{
  aspect-ratio:1.22/1 !important;
  padding:12px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#fff !important;
}
.tps-colour-catalogue.tps-material-pla .tps-colour-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  max-width:100% !important;
  max-height:100% !important;
  background:#fff !important;
}
.tps-colour-catalogue.tps-material-pla .tps-colour-info{
  position:relative !important;
  min-height:64px !important;
  padding:9px 8px 25px !important;
  text-align:center !important;
  background:#fff !important;
}
.tps-colour-catalogue.tps-material-pla .tps-colour-info h3{
  margin:0 !important;
  padding:0 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  color:#171717 !important;
}
.tps-colour-catalogue.tps-material-pla .tps-reference{
  position:absolute !important;
  left:50% !important;
  bottom:9px !important;
  transform:translateX(-50%) !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.55px !important;
  color:#858585 !important;
}
@media(max-width:1100px){
  .tps-colour-catalogue.tps-material-pla .tps-colour-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media(max-width:900px){
  .tps-colour-catalogue.tps-material-pla .tps-range{grid-template-columns:1fr !important;}
  .tps-colour-catalogue.tps-material-pla .tps-range-intro{padding:14px 16px !important;}
  .tps-colour-catalogue.tps-material-pla .tps-colour-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media(max-width:680px){
  .tps-colour-catalogue.tps-material-pla .tps-colour-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:480px){
  .tps-colour-catalogue.tps-material-pla .tps-catalogue-hero h1{font-size:34px !important;}
  .tps-colour-catalogue.tps-material-pla .tps-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}

/* Multi-vendor PLA labels — reference stays centred for single-vendor filtered views. */
.tps-colour-catalogue.tps-material-pla.tps-has-vendors .tps-colour-info{
  min-height:68px !important;
  padding-bottom:27px !important;
}
.tps-colour-catalogue.tps-material-pla .tps-vendor{
  position:absolute !important;
  left:8px !important;
  bottom:9px !important;
  max-width:64% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.25px !important;
  color:#858585 !important;
}
.tps-colour-catalogue.tps-material-pla.tps-has-vendors .tps-reference{
  left:auto !important;
  right:8px !important;
  transform:none !important;
}

/* v0.5.5 — the approved faceted-vase artwork remains a consistent master-vase set. Never crop it. */
.tps-colour-catalogue.tps-material-pla .tps-colour-image{
  background:#fff !important;
  overflow:hidden !important;
  padding:7px !important;
  box-sizing:border-box !important;
}
.tps-colour-catalogue.tps-material-pla .tps-colour-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  max-width:100% !important;
  max-height:100% !important;
  padding:0 !important;
  box-sizing:border-box !important;
  background:#fff !important;
}

/* v0.5.9 — editable material guidance directly below each catalogue heading. */
.tps-material-guidance{
  margin:-6px 0 22px;
  padding:15px 16px 13px;
  border:1px solid #dce8ef;
  border-radius:14px;
  background:#f7fbfd;
  color:#222;
}
.tps-guidance-heading{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin:0 0 12px;
}
.tps-guidance-heading>span{
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.8px;
  text-transform:uppercase;
  color:#63707a;
}
.tps-guidance-heading>strong{
  font-size:19px;
  line-height:1.15;
  font-weight:800;
  color:#171717;
}
.tps-guidance-grid{
  display:grid;
  grid-template-columns:minmax(165px,.75fr) minmax(0,1.35fr) minmax(0,1.35fr);
  gap:10px;
}
.tps-guidance-item{
  min-width:0;
  padding:11px 12px;
  border:1px solid #e4e9ec;
  border-radius:10px;
  background:#fff;
}
.tps-guidance-item>span{
  display:block;
  margin:0 0 5px;
  font-size:11px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:.45px;
  text-transform:uppercase;
  color:#69727a;
}
.tps-guidance-item>strong{
  display:block;
  font-size:20px;
  line-height:1.15;
  font-weight:800;
  color:#1e6e44;
}
.tps-guidance-item p{
  margin:0 !important;
  padding:0 !important;
  font-size:13.5px !important;
  line-height:1.4 !important;
  color:#30383f !important;
}
.tps-guidance-avoid{
  border-color:#eeded3;
  background:#fffaf7;
}
.tps-guidance-avoid>span{color:#92522c}
.tps-guidance-note{
  margin:10px 2px 0 !important;
  padding:0 !important;
  font-size:11.5px !important;
  line-height:1.4 !important;
  color:#69727a !important;
}
.tps-material-guidance.tps-guidance-silk{
  border-color:#e4dced;
  background:#faf7fe;
}
.tps-material-guidance.tps-guidance-silk .tps-guidance-item>strong{color:#7048a0}
.tps-material-guidance.tps-guidance-petg{
  border-color:#d9e7e8;
  background:#f7fbfb;
}
.tps-material-guidance.tps-guidance-abs{
  border-color:#e1e1e1;
  background:#f8f8f8;
}
@media(max-width:850px){
  .tps-guidance-grid{grid-template-columns:1fr 1fr}
  .tps-guidance-heat{grid-column:1/-1}
}
@media(max-width:560px){
  .tps-material-guidance{padding:13px;margin-bottom:18px}
  .tps-guidance-heading{display:block}
  .tps-guidance-heading>span{margin-bottom:5px}
  .tps-guidance-grid{grid-template-columns:1fr}
  .tps-guidance-heat{grid-column:auto}
}

/* v0.6.2 — PETG catalogue: Divi-proof layout matching the approved PLA proportions. */
.tps-colour-catalogue.tps-material-petg{
  max-width:1180px !important;
  padding:0 6px 24px !important;
}
.tps-colour-catalogue.tps-material-petg .tps-catalogue-hero{
  display:block !important;
  margin:0 0 24px !important;
  padding:0 0 18px !important;
  border-bottom:1px solid #e7e7e7 !important;
}
.tps-colour-catalogue.tps-material-petg .tps-catalogue-hero h1{
  margin:0 !important;
  padding:0 !important;
  font-size:clamp(38px,4vw,52px) !important;
  line-height:1.04 !important;
  font-weight:800 !important;
  letter-spacing:-1.4px !important;
  white-space:normal !important;
  color:#171717 !important;
}
.tps-colour-catalogue.tps-material-petg .tps-catalogue-hero p{
  margin:11px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  max-width:760px !important;
  font-size:17px !important;
  line-height:1.45 !important;
  color:#4c5258 !important;
}
.tps-colour-catalogue.tps-material-petg .tps-range{
  display:grid !important;
  grid-template-columns:185px minmax(0,1fr) !important;
  gap:12px !important;
  margin:0 0 14px !important;
  align-items:stretch !important;
}
.tps-colour-catalogue.tps-material-petg .tps-range-intro{
  min-width:0 !important;
  padding:17px 15px !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,#eef9f8,#f7fcfc) !important;
  border:1px solid #d8ebea !important;
}
.tps-colour-catalogue.tps-material-petg .tps-range-intro h2{
  margin:0 0 8px !important;
  padding:0 !important;
  font-size:23px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  letter-spacing:-.3px !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  color:#171717 !important;
}
.tps-colour-catalogue.tps-material-petg .tps-range-intro p{
  margin:0 !important;
  padding:0 !important;
  font-size:13.5px !important;
  line-height:1.42 !important;
  color:#3e4851 !important;
}
.tps-colour-catalogue.tps-material-petg .tps-colour-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:9px !important;
  padding:9px !important;
  align-content:start !important;
  border:1px solid #ededed !important;
  border-radius:14px !important;
  background:#fbfbfb !important;
}
.tps-colour-catalogue.tps-material-petg .tps-colour-card{
  min-width:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid #ececec !important;
  border-radius:11px !important;
  box-shadow:0 2px 7px rgba(0,0,0,.028) !important;
}
.tps-colour-catalogue.tps-material-petg .tps-colour-image{
  aspect-ratio:1.22/1 !important;
  padding:7px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#fff !important;
}
.tps-colour-catalogue.tps-material-petg .tps-colour-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  max-width:100% !important;
  max-height:100% !important;
  padding:0 !important;
  box-sizing:border-box !important;
  background:#fff !important;
}
.tps-colour-catalogue.tps-material-petg .tps-colour-info{
  position:relative !important;
  min-height:68px !important;
  padding:9px 8px 27px !important;
  text-align:center !important;
  background:#fff !important;
}
.tps-colour-catalogue.tps-material-petg .tps-colour-info h3{
  margin:0 !important;
  padding:0 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  color:#171717 !important;
}
.tps-colour-catalogue.tps-material-petg .tps-vendor{
  position:absolute !important;
  left:8px !important;
  bottom:9px !important;
  max-width:64% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.25px !important;
  color:#858585 !important;
}
.tps-colour-catalogue.tps-material-petg .tps-reference{
  position:absolute !important;
  left:auto !important;
  right:8px !important;
  bottom:9px !important;
  transform:none !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.55px !important;
  color:#858585 !important;
}
@media(max-width:1100px){
  .tps-colour-catalogue.tps-material-petg .tps-colour-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media(max-width:900px){
  .tps-colour-catalogue.tps-material-petg .tps-range{grid-template-columns:1fr !important;}
  .tps-colour-catalogue.tps-material-petg .tps-range-intro{padding:14px 16px !important;}
  .tps-colour-catalogue.tps-material-petg .tps-colour-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media(max-width:680px){
  .tps-colour-catalogue.tps-material-petg .tps-colour-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:480px){
  .tps-colour-catalogue.tps-material-petg .tps-catalogue-hero h1{font-size:34px !important;}
  .tps-colour-catalogue.tps-material-petg .tps-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}


/* v0.6.3 — ABS catalogue: same approved compact Divi-proof proportions. */
.tps-colour-catalogue.tps-material-abs{
  max-width:1180px !important;
  padding:0 6px 24px !important;
}
.tps-colour-catalogue.tps-material-abs .tps-catalogue-hero{
  display:block !important;
  margin:0 0 24px !important;
  padding:0 0 18px !important;
  border-bottom:1px solid #e7e7e7 !important;
}
.tps-colour-catalogue.tps-material-abs .tps-catalogue-hero h1{
  margin:0 !important;
  padding:0 !important;
  font-size:clamp(38px,4vw,52px) !important;
  line-height:1.04 !important;
  font-weight:800 !important;
  letter-spacing:-1.4px !important;
  white-space:normal !important;
  color:#171717 !important;
}
.tps-colour-catalogue.tps-material-abs .tps-catalogue-hero p{
  margin:11px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  max-width:760px !important;
  font-size:17px !important;
  line-height:1.45 !important;
  color:#4c5258 !important;
}
.tps-colour-catalogue.tps-material-abs .tps-range{
  display:grid !important;
  grid-template-columns:185px minmax(0,1fr) !important;
  gap:12px !important;
  margin:0 0 14px !important;
  align-items:stretch !important;
}
.tps-colour-catalogue.tps-material-abs .tps-range-intro{
  min-width:0 !important;
  padding:17px 15px !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,#f7f4f1,#fcfaf8) !important;
  border:1px solid #e8ded6 !important;
}
.tps-colour-catalogue.tps-material-abs .tps-range-intro h2{
  margin:0 0 8px !important;
  padding:0 !important;
  font-size:23px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  letter-spacing:-.3px !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  color:#171717 !important;
}
.tps-colour-catalogue.tps-material-abs .tps-range-intro p{
  margin:0 !important;
  padding:0 !important;
  font-size:13.5px !important;
  line-height:1.42 !important;
  color:#3e4851 !important;
}
.tps-colour-catalogue.tps-material-abs .tps-colour-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:9px !important;
  padding:9px !important;
  align-content:start !important;
  border:1px solid #ededed !important;
  border-radius:14px !important;
  background:#fbfbfb !important;
}
.tps-colour-catalogue.tps-material-abs .tps-colour-card{
  min-width:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid #ececec !important;
  border-radius:11px !important;
  box-shadow:0 2px 7px rgba(0,0,0,.028) !important;
}
.tps-colour-catalogue.tps-material-abs .tps-colour-image{
  aspect-ratio:1.22/1 !important;
  padding:7px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#fff !important;
}
.tps-colour-catalogue.tps-material-abs .tps-colour-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  max-width:100% !important;
  max-height:100% !important;
  padding:0 !important;
  box-sizing:border-box !important;
  background:#fff !important;
}
.tps-colour-catalogue.tps-material-abs .tps-colour-info{
  position:relative !important;
  min-height:68px !important;
  padding:9px 8px 27px !important;
  text-align:center !important;
  background:#fff !important;
}
.tps-colour-catalogue.tps-material-abs .tps-colour-info h3{
  margin:0 !important;
  padding:0 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  color:#171717 !important;
}
.tps-colour-catalogue.tps-material-abs .tps-vendor{
  position:absolute !important;
  left:8px !important;
  bottom:9px !important;
  max-width:64% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.25px !important;
  color:#858585 !important;
}
.tps-colour-catalogue.tps-material-abs .tps-reference{
  position:absolute !important;
  left:auto !important;
  right:8px !important;
  bottom:9px !important;
  transform:none !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.55px !important;
  color:#858585 !important;
}
@media(max-width:1100px){
  .tps-colour-catalogue.tps-material-abs .tps-colour-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media(max-width:900px){
  .tps-colour-catalogue.tps-material-abs .tps-range{grid-template-columns:1fr !important;}
  .tps-colour-catalogue.tps-material-abs .tps-range-intro{padding:14px 16px !important;}
  .tps-colour-catalogue.tps-material-abs .tps-colour-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media(max-width:680px){
  .tps-colour-catalogue.tps-material-abs .tps-colour-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:480px){
  .tps-colour-catalogue.tps-material-abs .tps-catalogue-hero h1{font-size:34px !important;}
  .tps-colour-catalogue.tps-material-abs .tps-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}