.cctl-app,
.cctl-shared,
.cc-community-tier {
  color: #101114;
}

.cctl-app,
.cctl-shared {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 28px 0 72px;
}

.cctl-hero {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
  padding: 18px 0 24px;
}

.cctl-hero h1 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 4.25rem);
  line-height: .94;
  letter-spacing: 0;
  text-transform: uppercase;
}

.cctl-hero p {
  max-width: 680px;
  margin: 10px 0 0;
  color: #60636b;
}

.cctl-eyebrow {
  margin: 0 0 8px;
  color: #7dff36;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.cctl-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid #111;
  border-radius: 6px;
  background: #111;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}

.cctl-button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.cctl-button--ghost {
  background: #fff;
  color: #111;
}

.cctl-button--small {
  min-height: 38px;
  padding: 0 14px;
  font-size: .9rem;
}

.cctl-login-card {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 18px;
  padding: 16px;
  border: 1px solid #e2e4e8;
  border-radius: 8px;
  background: #f8f9fb;
}

.cctl-login-card h2,
.cctl-login-card p {
  margin: 0;
}

.cctl-builder {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 18px;
  align-items: start;
}

.cctl-toolbar {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: end;
  padding: 14px;
  border: 1px solid #eceef1;
  border-radius: 8px;
  background: #fff;
}

.cctl-toolbar label {
  display: grid;
  gap: 6px;
  flex: 1;
  font-weight: 800;
}

.cctl-toolbar input,
.cctl-bank input {
  width: 100%;
  min-height: 42px;
  border: 1px solid #d9dde3;
  border-radius: 6px;
  padding: 0 12px;
  font: inherit;
}

.cctl-scope {
  display: inline-flex;
  gap: 6px;
  padding: 4px;
  border-radius: 8px;
  background: #f0f2f5;
}

.cctl-scope button {
  min-height: 36px;
  border: 0;
  border-radius: 6px;
  padding: 0 14px;
  background: transparent;
  font-weight: 900;
  cursor: pointer;
}

.cctl-scope button.is-active {
  background: #111;
  color: #fff;
}

.cctl-board {
  display: grid;
  gap: 8px;
}

.cctl-tier {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  min-height: 98px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.cctl-tier__label {
  display: grid;
  place-items: center;
  color: #111;
  font-size: 2.3rem;
  font-weight: 1000;
}

.cctl-tier:nth-child(1) .cctl-tier__label { background: #ff496d; }
.cctl-tier:nth-child(2) .cctl-tier__label { background: #ff8a34; }
.cctl-tier:nth-child(3) .cctl-tier__label { background: #ffd447; }
.cctl-tier:nth-child(4) .cctl-tier__label { background: #9be769; }
.cctl-tier:nth-child(5) .cctl-tier__label { background: #61d6ff; }
.cctl-tier:nth-child(6) .cctl-tier__label { background: #9b8cff; }
.cctl-tier:nth-child(7) .cctl-tier__label { background: #d9dde3; }
.cctl-tier:nth-child(8) .cctl-tier__label { background: #eceff2; }

.cctl-tier--untried {
  min-height: 72px;
}

.cctl-tier--untried .cctl-tier__label {
  font-size: .72rem;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
}

.cctl-tier__drop {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 4px;
  min-height: 96px;
  padding: 6px;
  background: #fafbfc;
}

.cctl-tier__drop.is-hover {
  outline: 2px solid #7dff36;
  outline-offset: -4px;
}

.cctl-bank {
  position: sticky;
  top: 86px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.cctl-bank__head {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-bottom: 1px solid #eef0f2;
}

.cctl-bank__head h2 {
  margin: 0;
  font-size: 1.2rem;
}

.cctl-bank-tools {
  display: grid;
  gap: 4px;
  padding: 10px 12px 6px;
}

.cctl-custom-toggle {
  justify-self: start;
  border: 0;
  padding: 2px 0;
  background: transparent;
  color: #62666e;
  font-size: .68rem;
  font-weight: 800;
  text-decoration: underline;
  cursor: pointer;
}

.cctl-custom-add {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  padding: 12px;
  border-bottom: 1px solid #eef0f2;
}

.cctl-items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  max-height: 62vh;
  overflow: auto;
  padding: 6px;
}

.cctl-item {
  position: relative;
  display: grid;
  grid-template-rows: 104px auto;
  gap: 3px;
  min-width: 70px;
  border: 1px solid #e0e3e8;
  border-radius: 8px;
  background: #fff;
  color: #111;
  padding: 4px;
  text-align: center;
  font: inherit;
  font-size: .64rem;
  font-weight: 800;
  cursor: grab;
  text-decoration: none;
}

.cctl-item img,
.cctl-item__fallback {
  display: block;
  width: 100%;
  height: 104px;
  object-fit: contain;
}

.cctl-item__fallback {
  border-radius: 6px;
  background: linear-gradient(135deg, #111, #7dff36);
}

.cctl-item.is-selected {
  border-color: #111;
  box-shadow: 0 0 0 2px #7dff36;
}

.cctl-item__remove {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 999px;
  background: #111;
  color: #fff;
  cursor: pointer;
}

.cctl-item > span:last-child:not(.cctl-item__fallback) {
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.18;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.cctl-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 18px;
}

.cctl-status {
  font-weight: 800;
}

.cctl-status.is-error {
  color: #c62828;
}

.cctl-share-link {
  color: #111;
  text-decoration: underline;
}

.cctl-mine {
  margin-top: 34px;
}

.cctl-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.cctl-list article {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

.cctl-mine__intro {
  color: #60636b;
}

.cctl-list article.is-primary {
  border-color: #111;
  box-shadow: 0 0 0 2px #7dff36;
}

.cctl-primary-choice {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-weight: 850;
  cursor: pointer;
}

.cctl-primary-choice input {
  width: 18px;
  height: 18px;
  accent-color: #111;
}

.cctl-shared .cctl-board {
  margin-top: 12px;
}

.cctl-board--shared .cctl-item {
  cursor: pointer;
}

.cc-community-tier {
  width: min(1180px, calc(100% - 32px));
  margin: 18px auto;
  padding: 18px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

.cc-community-tier h2 {
  margin: 0 0 10px;
}

.cc-community-tier__score {
  display: flex;
  gap: 12px;
  align-items: center;
}

.cc-community-tier__score strong {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background: #7dff36;
  color: #111;
  font-size: 2.2rem;
  font-weight: 1000;
}

.cc-community-tier__mine {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  margin: 0 0 14px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #f0f2f5;
  font-weight: 800;
}

.cc-community-tier__mine strong {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 6px;
  background: #111;
  color: #7dff36;
  font-size: 1.3rem;
}

.cc-community-tier__mine em {
  color: #60636b;
  font-size: .78rem;
  font-style: normal;
}

.cctl-product-picker {
  display: grid;
  gap: 7px;
  margin: 16px 0;
  padding: 12px;
  border-radius: 8px;
  background: #f5f6f7;
}

.cctl-product-picker > span {
  font-size: .78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.cctl-product-picker__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.cctl-product-picker__buttons button {
  min-width: 38px;
  min-height: 38px;
  border: 1px solid #d5d8dc;
  border-radius: 6px;
  padding: 0 10px;
  background: #fff;
  color: #111;
  font-weight: 900;
  cursor: pointer;
}

.cctl-product-picker__buttons button:last-child {
  font-size: .72rem;
}

.cctl-product-picker__buttons button.is-active {
  border-color: #111;
  background: #111;
  color: #7dff36;
}

.cctl-product-picker small {
  min-height: 1em;
  font-weight: 800;
}

.cctl-product-login a {
  font-weight: 850;
}

@media (max-width: 760px) {
  .woocommerce-account .woocommerce {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    padding: 10px 0 !important;
  }

  .woocommerce-account .cctl-app {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
  }

  .cctl-app,
  .cctl-shared,
  .cc-community-tier {
    width: min(100% - 20px, 520px);
    padding-bottom: 86px;
  }

  .cctl-hero {
    display: grid;
    align-items: start;
  }

  .cctl-hero h1 {
    font-size: 2.15rem;
  }

  .cctl-login-card,
  .cctl-toolbar,
  .cctl-builder {
    display: grid;
    grid-template-columns: 1fr;
  }

  .cctl-toolbar {
    gap: 12px;
  }

  .cctl-scope {
    width: 100%;
    overflow-x: auto;
  }

  .cctl-scope button {
    flex: 1;
    white-space: nowrap;
  }

  .cctl-board {
    order: 2;
  }

  .cctl-bank {
    position: static;
    order: 1;
  }

  .cctl-items {
    display: flex;
    max-height: none;
    overflow-x: auto;
    gap: 3px;
    padding: 6px 6px 12px;
    scroll-snap-type: x proximity;
  }

  .cctl-items .cctl-item {
    flex: 0 0 88px;
    scroll-snap-align: start;
  }

  .cctl-items .cctl-item,
  .cctl-tier__drop .cctl-item {
    font-size: .58rem;
  }

  .cctl-tier {
    grid-template-columns: 48px minmax(0, 1fr);
    min-height: 82px;
  }

  .cctl-tier--untried {
    grid-template-columns: 68px minmax(0, 1fr);
  }

  .cctl-tier--untried .cctl-tier__label {
    font-size: .58rem;
  }

  .cctl-tier__label {
    font-size: 1.65rem;
  }

  .cctl-tier__drop {
    min-height: 82px;
    flex-wrap: nowrap;
    gap: 3px;
    padding: 4px;
    overflow-x: auto;
  }

  .cctl-tier__drop .cctl-item {
    flex: 0 0 76px;
    grid-template-rows: 78px auto;
    min-width: 76px;
  }

  .cctl-tier__drop .cctl-item img,
  .cctl-tier__drop .cctl-item__fallback {
    height: 78px;
  }
}


/* 0.3.1 community polish */
.cctl-hero{border-radius:22px;background:linear-gradient(135deg,#f5fff1 0%,#fff 50%,#eef7ff 100%);padding:24px;border:1px solid #e4ebe7}.cctl-hero h1{text-transform:none}.cctl-hero p{color:#3d463f;font-size:clamp(1rem,2.3vw,1.25rem);font-weight:650}.cctl-scope{background:#ecf6ef;border:1px solid #dce8df}.cctl-scope button{white-space:nowrap}.cctl-scope button.is-active{background:#0d8a57;color:#fff;box-shadow:0 8px 20px rgba(13,138,87,.18)}.cctl-bank-tools{align-items:center}.cctl-bank-tools input{display:block}.cctl-custom-toggle{pointer-events:none;background:#edf4ef!important;color:#425148!important;border:0!important}.cctl-custom-add{display:none!important}.cctl-item{min-width:0;border-radius:14px}.cctl-item img{object-fit:contain;object-position:center;background:#f5f7f5}.cctl-tier{border-radius:16px;border-color:#dfe8e2;box-shadow:0 10px 30px rgba(18,25,20,.05)}.cctl-tier__drop{background:#fbfdfb}.cctl-list article{position:relative;border-radius:18px;padding:18px;border-color:#dfe8e2;box-shadow:0 12px 30px rgba(18,25,20,.05)}.cctl-list article.is-primary::after{content:'✓';position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#0d8a57;color:#fff;font-weight:1000}.cctl-primary-choice input{margin-left:auto}.cctl-share-icons{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.cctl-share-icons a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:#101114;color:#fff;font-weight:900;text-decoration:none;font-size:1.2rem}.cc-community-tier--product{width:100%!important;max-width:none!important;margin:18px 0 0!important;border-radius:20px;background:linear-gradient(135deg,#fbfff7,#fff);box-shadow:0 18px 45px rgba(18,25,20,.07)}.single-product .summary .cc-community-tier--product{clear:both}.cctl-product-picker{border-radius:18px;background:#f4faf6;border:1px solid #dfe8e2}.cctl-product-picker__buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.cctl-product-picker__buttons button{border-radius:12px}@media(max-width:760px){.cctl-app,.cctl-shared,.cc-community-tier{width:min(100% - 18px,560px)}.cctl-hero{padding:20px;gap:14px}.cctl-hero h1{font-size:clamp(2.1rem,10vw,3.2rem);line-height:.92}.cctl-toolbar{gap:12px}.cctl-scope{width:100%;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}.cctl-builder{gap:14px}.cctl-board{gap:10px}.cctl-tier{grid-template-columns:52px minmax(0,1fr);min-height:92px}.cctl-tier__label{font-size:1.75rem}.cctl-tier__drop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px}.cctl-tier__drop .cctl-item{width:100%;min-height:94px;padding:6px}.cctl-tier__drop .cctl-item img{width:100%;height:58px;max-height:58px}.cctl-bank{border-radius:20px}.cctl-items{grid-template-columns:repeat(2,minmax(0,1fr));max-height:58vh}.cctl-bank .cctl-item{min-height:126px;padding:8px}.cctl-bank .cctl-item img{width:100%;height:82px;max-height:82px}.cctl-bank-tools{display:grid}.cc-community-tier--product{grid-column:1/-1;margin-top:14px!important;padding:14px}.cctl-product-picker__buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.cctl-product-picker__buttons button:last-child{grid-column:span 2}}

.cctl-edit-tierlist{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:0;border-radius:999px;background:#0d8a57;color:#fff;font-weight:900;cursor:pointer}.cctl-list article>a[href*=cc_tierlist]{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;background:#edf4ef;color:#101114;font-weight:900;text-decoration:none}@media(max-width:760px){.cctl-edit-tierlist,.cctl-list article>a[href*=cc_tierlist]{width:100%}}


/* 0.3.3 tierlist mobile/community polish */
.cctl-list article.is-primary::after { display: none !important; }
.cctl-list article.is-primary { border-color: #69ff2b; box-shadow: 0 0 0 2px rgba(105,255,43,.55), 0 20px 45px rgba(7,16,20,.08); }
.cctl-list article.is-primary .cctl-primary-row::after { content: 'Actieve hoofdtierlist'; display: inline-flex; margin-left: auto; padding: 8px 12px; border-radius: 999px; background: #0b8f5a; color: #fff; font-size: 12px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.cctl-board--shared .cctl-tier { grid-template-columns: 58px minmax(0,1fr); min-height: 0; }
.cctl-board--shared .cctl-tier__label { min-height: 96px; }
.cctl-board--shared .cctl-tier__drop { min-height: 96px; padding: 8px; display: flex; gap: 8px; align-items: center; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; }
.cctl-board--shared .cctl-tier__drop:empty::after { content: 'Nog geen smaken'; color: #99a29c; font-weight: 800; padding-left: 6px; }
.cctl-board--shared .cctl-item { flex: 0 0 88px; width: 88px; min-height: 94px; padding: 6px; border-radius: 14px; scroll-snap-align: start; }
.cctl-board--shared .cctl-item img { width: 100%; height: 54px; object-fit: contain; }
.cctl-board--shared .cctl-item span { font-size: 11px; line-height: 1.1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cctl-share-icons { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin: 14px 0 22px; }
.cctl-share-icons__link { width: 48px; height: 48px; display: inline-grid; place-items: center; border-radius: 999px; color: #fff; background: #0b1014; text-decoration: none; box-shadow: 0 10px 22px rgba(7,16,20,.12); }
.cctl-share-icons__link svg { width: 24px; height: 24px; fill: currentColor; }
.cctl-share-icons__link--facebook { background: #1877f2; }
.cctl-share-icons__link--whatsapp { background: #25d366; }
.cctl-share-icons__link--mail { background: #6b7280; }
.cctl-share-icons__link--tiktok { background: #111; }
.cctl-share-icons__link--instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0 5%, #fd5949 45%, #d6249f 62%, #285aeb 90%); }
[data-cctl-board] .cctl-item { max-width: 118px; }
@media (max-width: 760px) {
  .cctl-list article.is-primary .cctl-primary-row::after { width: 100%; justify-content: center; margin: 8px 0 0; }
  .cctl-board--shared { gap: 10px; }
  .cctl-board--shared .cctl-tier { grid-template-columns: 52px minmax(0,1fr); border-radius: 18px; }
  .cctl-board--shared .cctl-tier__label { min-height: 88px; font-size: 26px; }
  .cctl-board--shared .cctl-tier__drop { min-height: 88px; }
  .cctl-board--shared .cctl-item { flex-basis: 78px; width: 78px; min-height: 86px; }
  .cctl-board--shared .cctl-item img { height: 48px; }
  .cctl-share-icons__link { width: 44px; height: 44px; }
}


/* 0.3.6 tierlist builder compaction */
[data-cctl-bank] .cctl-item[hidden],
[data-cctl-ordered] .cctl-item[hidden],
.cctl-ordered[hidden] { display: none !important; }
.cctl-board:not(.cctl-board--shared) { width: min(100%, 390px); max-width: 100%; overflow-x: auto; gap: 10px; }
.cctl-board:not(.cctl-board--shared) .cctl-tier { grid-template-columns: 54px 1fr; width: 100%; min-height: 86px; border-radius: 20px; }
.cctl-board:not(.cctl-board--shared) .cctl-tier__label { font-size: 2rem; }
.cctl-board:not(.cctl-board--shared) .cctl-tier__drop { min-height: 86px; padding: 8px; gap: 8px; flex-wrap: nowrap; overflow-x: auto; align-content: center; align-items: center; scroll-snap-type: x proximity; background: #fbfdfb; }
.cctl-board:not(.cctl-board--shared) .cctl-tier__drop:empty::after { content: 'Tik hier'; color: #a1aaa5; font-size: 13px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.cctl-board:not(.cctl-board--shared) .cctl-item { flex: 0 0 82px; width: 82px; min-width: 82px; grid-template-rows: 54px auto; min-height: 86px; border-radius: 16px; padding: 6px; font-size: 10px; scroll-snap-align: start; }
.cctl-board:not(.cctl-board--shared) .cctl-item img,
.cctl-board:not(.cctl-board--shared) .cctl-item__fallback { height: 54px; }
.cctl-board:not(.cctl-board--shared) .cctl-item__remove { width: 24px; height: 24px; top: -7px; right: -7px; box-shadow: 0 4px 12px rgba(0,0,0,.18); }
.cctl-ordered { border-bottom: 1px solid #e8eee9; padding: 10px 12px 12px; background: linear-gradient(180deg, #f4fbf6, #fff); }
.cctl-ordered__head { display: flex; align-items: baseline; gap: 8px; margin-bottom: 8px; }
.cctl-ordered__head span { color: #0b8f5a; font-size: 12px; font-weight: 1000; letter-spacing: .16em; text-transform: uppercase; }
.cctl-ordered__head small { color: #69736d; font-weight: 800; }
.cctl-ordered__items { display: flex; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 2px; }
.cctl-ordered__items .cctl-item { flex: 0 0 92px; width: 92px; min-width: 92px; grid-template-rows: 64px auto; min-height: 104px; }
.cctl-ordered__items .cctl-item img,
.cctl-ordered__items .cctl-item__fallback { height: 64px; }
.cctl-custom-toggle { text-decoration: none !important; color: #0b8f5a !important; background: #eef8f2 !important; border-radius: 999px !important; padding: 8px 12px !important; width: fit-content !important; }
.cctl-custom-add { grid-template-columns: 1fr !important; }
.cctl-custom-file { display: grid; gap: 6px; font-weight: 900; color: #18211d; }
.cctl-custom-file input { min-height: auto !important; padding: 10px !important; border: 1px dashed #b9c6bd !important; border-radius: 14px !important; background: #f7faf7 !important; }
@media (max-width: 760px) {
  .cctl-builder { display: flex !important; flex-direction: column-reverse !important; gap: 14px !important; }
  .cctl-bank { position: static !important; width: 100% !important; max-width: 100% !important; border-radius: 24px !important; }
  .cctl-board:not(.cctl-board--shared) { width: 100%; }
  .cctl-board:not(.cctl-board--shared) .cctl-tier { grid-template-columns: 52px minmax(0, 1fr); }
  .cctl-items { display: flex !important; grid-template-columns: none !important; overflow-x: auto !important; max-height: none !important; gap: 8px !important; padding: 10px 12px 14px !important; }
  .cctl-items .cctl-item { flex: 0 0 92px; width: 92px; min-width: 92px; grid-template-rows: 74px auto; min-height: 118px; border-radius: 16px; }
  .cctl-items .cctl-item img,
  .cctl-items .cctl-item__fallback { height: 74px; }
}


/* 0.3.7 mobile tierlist order: cans first, tiers second */
@media (max-width: 760px) {
  .cctl-builder {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "toolbar"
      "bank"
      "board" !important;
    gap: 14px !important;
  }
  .cctl-toolbar { grid-area: toolbar !important; }
  .cctl-bank { grid-area: bank !important; position: static !important; width: 100% !important; max-width: 100% !important; }
  .cctl-board:not(.cctl-board--shared) { grid-area: board !important; width: 100% !important; max-width: 100% !important; }
  .cctl-board:not(.cctl-board--shared) .cctl-tier { max-width: 100% !important; }
  .cctl-board:not(.cctl-board--shared) .cctl-tier__drop { max-width: 100% !important; }
}


/* 0.3.8 hard mobile tierlist order */
@media (max-width: 980px) {
  .cctl-builder {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }
  .cctl-toolbar { order: 1 !important; }
  .cctl-bank { order: 2 !important; position: static !important; width: 100% !important; max-width: 100% !important; }
  .cctl-board:not(.cctl-board--shared) { order: 3 !important; width: 100% !important; max-width: 100% !important; }
  .cctl-actions { order: 4 !important; }
}


/* 0.3.9 compact flavor carousel and readable untried tier */
.cctl-bank{overflow:hidden}
.cctl-items{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;padding:10px 12px 14px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.cctl-items .cctl-item{flex:0 0 82px!important;width:82px!important;min-width:82px!important;max-width:82px!important;min-height:106px!important;grid-template-rows:66px auto!important;padding:6px!important;border-radius:15px!important;scroll-snap-align:start}
.cctl-items .cctl-item img,.cctl-items .cctl-item__fallback{width:100%!important;height:66px!important;object-fit:contain!important}
.cctl-items .cctl-item span{font-size:10px!important;line-height:1.12!important;-webkit-line-clamp:2}
.cctl-tier--untried{grid-template-columns:118px minmax(0,1fr)!important}
.cctl-tier--untried .cctl-tier__label{width:auto!important;padding:8px!important;font-size:12px!important;line-height:1.05!important;text-align:center;white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:480px){.cctl-items .cctl-item{flex-basis:76px!important;width:76px!important;min-width:76px!important;max-width:76px!important}.cctl-tier--untried{grid-template-columns:102px minmax(0,1fr)!important}.cctl-tier--untried .cctl-tier__label{font-size:11px!important}}
/* 0.4.0 public collector profile */
.ccp-owner,.ccp-public{width:min(1180px,calc(100% - 24px));margin:0 auto;padding:24px 0 80px}.ccp-profile{display:grid;gap:26px}.ccp-header,.ccp-collection,.ccp-gallery,.ccp-activate,.ccp-tierlists{background:#fff;border:1px solid #dde6df;border-radius:28px;overflow:hidden;box-shadow:0 18px 45px rgba(7,16,20,.06)}.ccp-activate{padding:28px}.ccp-banner{position:relative;min-height:220px;background:linear-gradient(135deg,#0b8f5a,#69ff2b);background-size:cover;background-position:center}.ccp-upload-chip,.ccp-photo-upload{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border-radius:999px;background:#fff;color:#0b8f5a;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.14)}.ccp-upload-chip{position:absolute;right:18px;bottom:18px}.ccp-upload-chip input,.ccp-upload-dot input,.ccp-photo-upload input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.ccp-identity{display:flex;align-items:center;gap:18px;padding:0 24px 22px}.ccp-avatar{position:relative;width:112px;height:112px;margin-top:-48px;flex:0 0 112px;border:5px solid #fff;border-radius:50%;background:#eef3ef;box-shadow:0 8px 22px rgba(0,0,0,.13)}.ccp-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ccp-upload-dot{position:absolute;right:-2px;bottom:2px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#0b8f5a;color:#fff;font-size:24px;font-weight:900;cursor:pointer}.ccp-identity h1{margin:0;font-size:clamp(1.8rem,5vw,3rem)}.ccp-identity .cctl-button{margin-left:auto}.ccp-section-head{padding:22px 22px 8px}.ccp-section-head h2{margin:0}.ccp-shelf-tabs{display:flex;gap:8px;padding:10px 22px;overflow-x:auto}.ccp-shelf-tabs button{border:1px solid #dce5df;border-radius:999px;padding:8px 13px;background:#fff;font-weight:900}.ccp-shelf-tabs button.is-active{background:#0b8f5a;color:#fff}.ccp-shelves{display:grid;gap:12px;padding:12px 18px 22px}.ccp-shelf{min-height:138px;padding:10px 12px 22px;border-radius:18px;background:linear-gradient(180deg,#f7faf8 0 76%,#c99152 76% 86%,#8a5528 86%);box-shadow:inset 0 -4px 0 rgba(0,0,0,.12)}.ccp-cans{height:105px;display:grid;grid-template-columns:repeat(auto-fit,minmax(26px,1fr));align-items:end;gap:2px}.ccp-can{position:relative;min-width:0;height:100%;display:flex;align-items:flex-end;justify-content:center}.ccp-can img{display:block;width:100%;height:100%;max-width:54px;object-fit:contain}.ccp-can [data-ccp-remove]{position:absolute;right:0;top:0;width:22px;height:22px;border:0;border-radius:50%;background:#101114;color:#fff;font-weight:900}.ccp-picker{padding:0 18px 22px}.ccp-product-grid{display:flex;gap:6px;overflow-x:auto;padding:10px 0 14px}.ccp-pick-can{flex:0 0 62px;width:62px;height:86px;padding:4px;border:1px solid #dce5df;border-radius:13px;background:#fff}.ccp-pick-can.is-selected{box-shadow:0 0 0 3px #69ff2b}.ccp-pick-can img{width:100%;height:100%;object-fit:contain}.ccp-gallery{padding-bottom:22px}.ccp-photo-upload{margin:6px 22px 14px;background:#eef8f2;box-shadow:none}.ccp-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 22px}.ccp-gallery-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px}.ccp-tierlists{padding:22px}.ccp-tierlists>.cctl-app{width:100%;padding:0}.ccp-field{display:grid;gap:7px;margin:16px 0}.ccp-field span{font-weight:900}.ccp-field input{min-height:48px;border:1px solid #d7e0da;border-radius:14px;padding:10px 13px}.ccp-community{padding-top:28px}
@media(max-width:760px){.ccp-owner,.ccp-public{width:calc(100% - 12px);padding-top:8px}.ccp-header,.ccp-collection,.ccp-gallery,.ccp-activate,.ccp-tierlists{border-radius:22px}.ccp-banner{min-height:150px}.ccp-identity{align-items:flex-end;gap:10px;padding:0 14px 16px}.ccp-avatar{width:82px;height:82px;flex-basis:82px;margin-top:-34px;border-width:4px}.ccp-identity .cctl-button{font-size:11px;padding:8px 10px}.ccp-shelves{gap:8px;padding:8px}.ccp-shelf{min-height:104px;padding:7px 6px 17px}.ccp-cans{height:80px;grid-template-columns:repeat(auto-fit,minmax(18px,1fr));gap:0}.ccp-can img{max-width:38px}.ccp-can [data-ccp-remove]{width:18px;height:18px;font-size:11px}.ccp-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px}.ccp-section-head{padding:16px 14px 6px}.ccp-picker{padding:0 10px 16px}.ccp-tierlists{padding:14px}}


/* 0.5.0 compact collector profile */
body.woocommerce-account .woocommerce-MyAccount-navigation{display:none!important}
body.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:100%!important}
.ccp-owner,.ccp-public{width:min(1080px,100%);padding-top:0}
.ccp-profile{gap:16px}
.ccp-header{border-radius:0 0 24px 24px}
.ccp-banner{min-height:clamp(150px,26vw,280px)}
.ccp-collection,.ccp-gallery,.ccp-tierlists{border-radius:22px}
.ccp-collection{overflow:hidden}
.ccp-shelves{gap:10px;padding:10px 12px 18px}
.ccp-shelf{position:relative;min-height:128px;padding:8px 8px 24px;background:linear-gradient(180deg,#f3f7f4 0 78%,#d09b5d 78% 86%,#8d572a 86% 96%,#623917 96%);box-shadow:inset 0 -4px 0 rgba(0,0,0,.14)}
.ccp-cans{height:104px;display:flex;align-items:flex-end;justify-content:flex-start;gap:3px;overflow:hidden}
.ccp-can{height:100%;flex:0 1 48px;min-width:18px;max-width:58px;align-items:flex-end}
.ccp-can img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center bottom}
.ccp-can button{position:absolute;right:0;top:0;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#101114;color:#fff;line-height:20px}
.ccp-product-grid{gap:4px}
.ccp-pick-can{flex-basis:52px;width:52px;height:78px}
.ccp-own-can{margin:12px 0;border:1px solid #dce5df;border-radius:16px;background:#f7faf8}
.ccp-own-can summary{padding:12px 15px;color:#078d59;font-weight:900;cursor:pointer}
.ccp-own-can-form{display:grid;gap:12px;padding:0 15px 15px}
.ccp-own-can-form h3{margin:0;font-size:1.1rem}
.ccp-own-can-form label{display:grid;gap:6px;font-weight:900}
.ccp-own-can-form input{width:100%;min-height:45px;padding:9px 11px;border:1px solid #ccd8d0;border-radius:12px;background:#fff}
.ccp-gallery-grid:empty:after{content:"Nog geen collectiefoto’s toegevoegd";display:block;color:#68736c}
.ccp-tierlists{padding:18px;overflow:hidden}
.ccp-tier-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 12px}
.ccp-tier-card{flex:0 0 250px;scroll-snap-align:start;border:1px solid #dce5df;border-radius:18px;padding:10px;background:#fff}
.ccp-tier-preview{height:142px;display:grid;grid-template-rows:repeat(4,1fr);overflow:hidden;border:1px solid #e0e6e2;border-radius:12px}
.ccp-mini-tier{display:grid;grid-template-columns:28px 1fr;min-height:0;border-bottom:1px solid rgba(0,0,0,.08)}
.ccp-mini-tier b{display:grid;place-items:center;font-size:12px}
.ccp-mini-tier span{display:flex;align-items:center;gap:1px;overflow:hidden;padding:2px}
.ccp-mini-tier img{width:24px!important;height:28px!important;object-fit:contain!important}
.ccp-mini-s b{background:#ff456d}.ccp-mini-a b{background:#ff8732}.ccp-mini-b b{background:#ffd64b}.ccp-mini-c b{background:#96e962}
.ccp-tier-card h3{margin:9px 2px 7px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccp-tier-actions{display:flex;gap:6px}
.ccp-tier-actions a,.ccp-new-tier{display:inline-flex;justify-content:center;align-items:center;min-height:36px;padding:7px 10px;border-radius:999px;background:#edf6f1;color:#078d59;font-size:12px;font-weight:900;text-decoration:none}
.ccp-tier-actions a:first-child{background:#078d59;color:#fff}
.ccp-tier-editor{margin-top:18px}
.ccp-tier-editor .cctl-mine{display:none!important}
.ccp-header-menu{position:relative;display:flex;align-items:center;z-index:999}
.ccp-header-menu>button{width:48px;height:48px;display:grid;place-items:center;padding:0;border:1px solid #dbe2de;border-radius:50%;background:#fff;color:#111}
.ccp-header-menu svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.ccp-header-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:250px;display:none;padding:8px;border:1px solid #dce5df;border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.ccp-header-menu.is-open .ccp-header-dropdown{display:grid}
.ccp-header-dropdown a{padding:11px 12px;border-radius:10px;color:#111;font-weight:800;text-decoration:none}
.ccp-header-dropdown a:hover,.ccp-header-dropdown a:focus{background:#eef7f2}
.ccp-header-dropdown .ccp-header-profile{background:#078d59;color:#fff}
.header-actions>.header-account{display:none!important}

@media(max-width:760px){
 .ccp-owner,.ccp-public{width:100%!important;padding:0 6px 76px!important}
 .ccp-header{border-radius:0 0 18px 18px}
 .ccp-banner{min-height:135px}
 .ccp-identity{align-items:center;padding:0 12px 12px}
 .ccp-identity h1{font-size:1.3rem}
 .ccp-identity .cctl-eyebrow{font-size:10px}
 .ccp-identity .cctl-button{margin-left:auto;max-width:110px;line-height:1.1;text-align:center}
 .ccp-collection,.ccp-gallery,.ccp-tierlists{border-radius:18px}
 .ccp-section-head h2{font-size:1.45rem}
 .ccp-shelf-tabs{padding:7px 10px}
 .ccp-shelves{padding:6px;gap:7px}
 .ccp-shelf{min-height:106px;padding:5px 4px 19px;border-radius:13px}
 .ccp-cans{height:86px;gap:1px}
 .ccp-can{flex:0 1 42px;min-width:14px;max-width:46px}
 .ccp-can button{width:17px;height:17px;font-size:10px;line-height:17px}
 .ccp-picker{padding:0 8px 13px}
 .ccp-picker>h3{font-size:1.1rem;margin-bottom:3px}
 .ccp-picker>p{font-size:13px;margin-top:0}
 .ccp-pick-can{flex-basis:46px;width:46px;height:68px;border-radius:10px}
 .ccp-own-can-form .cctl-button{width:100%}
 .ccp-gallery-grid{gap:6px}
 .ccp-tierlists{padding:12px}
 .ccp-tier-card{flex-basis:210px}
 .ccp-tier-preview{height:118px}
 .ccp-mini-tier{grid-template-columns:24px 1fr}
 .ccp-mini-tier img{width:20px!important;height:23px!important}
 .ccp-header-menu>button{width:42px;height:42px}
 .ccp-header-dropdown{right:-6px;width:min(250px,85vw)}
 .header-actions{gap:6px!important}
 .cc-language-switch{flex:0 0 auto}
}


/* 0.5.1 preserve complete can proportions */
.ccp-cans{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;
  align-items:end!important;
  gap:2px!important;
  overflow:visible!important;
}
.ccp-can{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
}
.ccp-can img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}
@media(max-width:760px){
  .ccp-cans{gap:1px!important}
  .ccp-can{min-width:0!important;max-width:none!important}
}


/* 0.5.2 definite shelf image bounds */
.ccp-can{height:104px!important}
.ccp-can img{max-height:104px!important}
@media(max-width:760px){
  .ccp-can{height:86px!important}
  .ccp-can img{max-height:86px!important}
}


/* 0.6.0 — fixed-height cans, horizontal shelves and touch drag */
.ccp-cans {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  gap: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 122px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 4px 5px 10px !important;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.ccp-can {
  flex: 0 0 52px !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 108px !important;
  align-self: flex-end !important;
  scroll-snap-align: start;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.ccp-can img {
  display: block !important;
  width: 100% !important;
  height: 108px !important;
  max-width: 100% !important;
  max-height: 108px !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  pointer-events: none;
}
.ccp-shelf {
  min-width: 0 !important;
  overflow: hidden !important;
}
.ccp-identity {
  padding-top: 18px !important;
}
.ccp-upload-preview {
  opacity: .72;
  outline: 2px dashed #7dff36;
  outline-offset: -3px;
}
.ccp-banner,
.ccp-avatar img,
.ccp-gallery-grid img {
  transition: opacity .18s ease, filter .18s ease;
}

[data-cctl-board] .cctl-tier__drop {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  min-width: 0 !important;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
[data-cctl-board] .cctl-item {
  flex-shrink: 0 !important;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.cctl-items {
  overscroll-behavior-x: contain;
}
.cctl-items .cctl-item {
  touch-action: none;
}
.cc-drag-lock,
.cc-drag-lock body {
  overflow: hidden !important;
  overscroll-behavior: none !important;
  touch-action: none !important;
}
.is-dragging,
.is-touch-dragging {
  opacity: .42 !important;
}
.cc-drag-ghost {
  position: fixed !important;
  z-index: 2147483646 !important;
  width: 62px !important;
  height: 92px !important;
  margin: 0 !important;
  opacity: .94 !important;
  pointer-events: none !important;
  transform: translate(-50%, -64%) rotate(2deg) scale(1.04);
  filter: drop-shadow(0 14px 18px rgba(0,0,0,.28));
}
.cc-drag-ghost img {
  width: 100% !important;
  height: 72px !important;
  object-fit: contain !important;
}
body.single-product .cc-community-tier {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 22px 0 14px !important;
}

@media (max-width: 760px) {
  .ccp-cans {
    height: 108px !important;
    gap: 3px !important;
    padding: 4px 4px 8px !important;
  }
  .ccp-can {
    flex-basis: 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 94px !important;
  }
  .ccp-can img {
    height: 94px !important;
    max-height: 94px !important;
  }
  .ccp-shelf {
    min-height: 122px !important;
    padding: 5px 3px 12px !important;
  }
  .ccp-identity {
    padding-top: 22px !important;
  }
  [data-cctl-board] .cctl-tier__drop {
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain;
  }
  [data-cctl-board] .cctl-item {
    scroll-snap-align: start;
  }
  .ccp-owner,
  .ccp-profile,
  .ccp-collection,
  .ccp-shelves,
  .cctl-app,
  .cctl-builder,
  .cctl-board {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* Cartesius Tierlists 0.7.0 edit-mode cropper */
.ccp-collection .ccp-section-head{position:relative;padding-right:112px;}
.ccp-edit-toggle{position:absolute;right:0;top:0;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 14px;border:1px solid rgba(17,24,39,.14);border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:850;letter-spacing:.01em;box-shadow:0 10px 24px rgba(17,24,39,.14);cursor:pointer;z-index:2;}
.ccp-edit-toggle:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(17,24,39,.18);}
.ccp-owner:not(.is-collection-editing) .ccp-can{touch-action:pan-x pan-y!important;cursor:default!important;}
.ccp-owner:not(.is-collection-editing) .ccp-can[draggable="true"]{cursor:default!important;}
.ccp-owner:not(.is-collection-editing) .ccp-can [data-ccp-remove],.ccp-owner:not(.is-collection-editing) .ccp-can [data-ccp-remove-custom]{display:none!important;}
.ccp-owner:not(.is-collection-editing) .ccp-picker{display:none!important;}
.ccp-owner.is-collection-editing .ccp-can{touch-action:none!important;cursor:grab!important;}
.ccp-owner.is-collection-editing .ccp-can:active{cursor:grabbing!important;}
.cc-crop-open,.cc-crop-open body{overflow:hidden!important;}
.cc-cropper{position:fixed;inset:0;z-index:2147483645;display:grid;place-items:center;padding:16px;background:rgba(8,13,26,.72);backdrop-filter:blur(8px);}
.cc-cropper__dialog{width:min(720px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:24px;background:#fff;color:#111827;padding:20px;box-shadow:0 28px 80px rgba(0,0,0,.34);}
.cc-cropper__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
.cc-cropper__head h2{margin:0;font-size:20px;line-height:1.1;font-weight:950;letter-spacing:-.03em;}
.cc-cropper__close{width:34px;height:34px;border:0;border-radius:50%;background:#f3f4f6;color:#111827;font-size:22px;line-height:1;cursor:pointer;}
.cc-cropper__stage{display:grid;place-items:center;gap:8px;background:#0b1120;border-radius:18px;padding:14px;overflow:hidden;}
.cc-cropper canvas{display:block;max-width:100%;max-height:58dvh;object-fit:contain;background:#e5e7eb;border-radius:12px;cursor:grab;touch-action:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.cc-cropper canvas:active{cursor:grabbing;}
.cc-cropper__stage span{color:#fff;font-size:12px;line-height:1.35;opacity:.78;text-align:center;}
.cc-cropper__zoom{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:16px 0 14px;font-size:13px;font-weight:800;color:#374151;}
.cc-cropper__zoom input{width:100%;accent-color:#111827;}
.cc-cropper__actions{display:flex;justify-content:flex-end;gap:10px;}
.cc-cropper__actions button{border:0;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:900;cursor:pointer;}
.cc-cropper__actions button:first-child{background:#f3f4f6;color:#111827;}
.cc-cropper__actions button:last-child{background:#111827;color:#fff;}
.cc-inline-crop-preview{display:block;width:56px;height:72px;object-fit:contain;margin-top:8px;border-radius:10px;background:#f3f4f6;border:1px solid rgba(17,24,39,.10);}
@media(max-width:760px){.ccp-collection .ccp-section-head{padding-right:96px;}.ccp-edit-toggle{min-height:31px;padding:7px 12px;font-size:11px;top:1px;}.cc-cropper{padding:10px;align-items:end;}.cc-cropper__dialog{border-radius:22px 22px 0 0;max-height:calc(100dvh - 16px);padding:16px;}.cc-cropper__head h2{font-size:17px;}.cc-cropper__stage{padding:10px;border-radius:14px;}.cc-cropper canvas{max-height:48dvh;}.cc-cropper__actions button{flex:1;}.cc-cropper__actions{gap:8px;}}


/* Cartesius community 0.8.0 */
.site-header,.cartesius-header,header[role="banner"]{width:100%;max-width:none;box-sizing:border-box;z-index:50;}
.woocommerce div.product .woocommerce-tabs{clear:both;width:100%;margin-top:34px;}
.woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;gap:10px;margin:0 0 16px!important;padding:0!important;overflow-x:auto;}
.woocommerce div.product .woocommerce-tabs ul.tabs:before{display:none!important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border:0!important;background:#f3f4f6!important;border-radius:999px!important;margin:0!important;padding:0!important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:after{display:none!important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:10px 16px!important;font-weight:900!important;font-size:14px;color:#111827!important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#111827!important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff!important;}
.ccc-product-community{display:grid;gap:18px;}
.ccc-product-community .cc-community-tier{width:100%;margin:0;}
.ccc-compose,.ccc-card,.ccc-feed{border:1px solid rgba(17,24,39,.1);background:#fff;border-radius:22px;padding:18px;box-shadow:0 14px 34px rgba(17,24,39,.07);}
.ccc-compose h3,.ccc-feed h2{margin:0 0 10px;font-size:22px;letter-spacing:-.03em;}
.ccc-compose textarea{width:100%;border:1px solid rgba(17,24,39,.14);border-radius:16px;padding:13px;font:inherit;resize:vertical;box-sizing:border-box;}
.ccc-btn,.ccc-reply button,.ccc-filters button,.ccp-profile-share button,.ccp-profile-share a{border:0;border-radius:999px;background:#111827;color:#fff;font-weight:900;font-size:13px;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.ccc-status{font-size:13px;font-weight:800;min-height:18px;}
.ccc-thread,.ccc-feed{display:grid;gap:14px;}
.ccc-card h4{margin:8px 0;font-size:16px;}
.ccc-card-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#6b7280;}
.ccc-body{font-size:14px;line-height:1.5;}
.ccc-comments{border-top:1px solid rgba(17,24,39,.08);margin-top:10px;padding-top:8px;font-size:13px;}
.ccc-comments p{margin:6px 0;}
.ccc-reply{display:flex;gap:8px;margin-top:10px;}
.ccc-reply input{flex:1;min-width:0;border:1px solid rgba(17,24,39,.13);border-radius:999px;padding:10px 12px;}
.ccc-feed{margin-top:26px;}
.ccc-feed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.ccc-filters{display:flex;gap:8px;flex-wrap:wrap;}
.ccc-filters button{background:#f3f4f6;color:#111827;}
.ccc-filters button.is-active{background:#111827;color:#fff;}
.ccp-owner .ccp-tierlists-section,.ccp-owner [data-cctl-app],.ccp-owner .cctl-app{margin-top:clamp(28px,5vw,56px)!important;}
.ccp-profile-share{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.ccp-profile-share a,.ccp-profile-share button{width:38px;height:38px;justify-content:center;padding:0;font-size:16px;}
.cc-cropper--avatar canvas{border-radius:50%;box-shadow:0 0 0 999px rgba(255,255,255,.05), inset 0 0 0 2px rgba(255,255,255,.9);}
.cc-cropper--avatar .cc-cropper__stage span:after{content:' · knijp met 2 vingers om te zoomen';}
@media(max-width:760px){.woocommerce div.product .woocommerce-tabs{margin-top:24px;}.ccc-compose,.ccc-card,.ccc-feed{border-radius:18px;padding:14px;}.ccc-reply{align-items:stretch;}.ccc-reply button{padding-inline:12px;}.ccc-compose h3,.ccc-feed h2{font-size:19px;}}


/* Cartesius community 0.8.4 fixes */
.ccp-header-menu{position:relative;display:inline-flex;align-items:center;justify-content:center;}
.ccp-header-dropdown{display:none;position:absolute;right:0;top:calc(100% + 10px);min-width:230px;max-width:min(86vw,320px);z-index:9999;background:#fff;border:1px solid rgba(17,24,39,.12);border-radius:18px;box-shadow:0 18px 44px rgba(17,24,39,.18);padding:10px;line-height:1.25;}
.ccp-header-menu:hover .ccp-header-dropdown,.ccp-header-menu:focus-within .ccp-header-dropdown,.ccp-header-menu.is-open .ccp-header-dropdown{display:grid;gap:2px;}
.ccp-header-dropdown a{display:block!important;padding:10px 12px!important;border-radius:12px!important;white-space:normal!important;font-size:14px!important;font-weight:850!important;color:#111827!important;text-decoration:none!important;}
.ccp-header-dropdown a:hover{background:#f3f4f6!important;}
@media(max-width:760px){.ccp-header-dropdown{right:-6px;top:calc(100% + 8px);font-size:14px}.ccp-header-dropdown a{font-size:13px!important;padding:9px 10px!important}.site-header .ccp-header-dropdown,.cartesius-header .ccp-header-dropdown{width:min(82vw,300px)}}
.ccc-tier-quick{margin-top:18px;padding-top:14px;border-top:1px solid rgba(17,24,39,.1);}
.ccc-tier-quick p{margin:0 0 10px!important;font-weight:950!important;font-size:14px!important;color:#111827!important;}
.ccc-tier-buttons{display:flex;gap:8px;flex-wrap:wrap;}
.ccc-tier-buttons button{border:1px solid rgba(17,24,39,.12);background:#f3f4f6;color:#111827;border-radius:999px;min-width:42px;min-height:38px;padding:8px 12px;font-weight:950;cursor:pointer;}
.ccc-tier-buttons button:hover,.ccc-tier-buttons button.is-active{background:#111827;color:#fff;}
.ccc-tier-buttons button[data-cctl-product-tier="N"]{min-width:118px;}
.ccc-login-line a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#111827;color:#fff!important;padding:10px 14px;text-decoration:none!important;font-weight:950;}
.ccp-profile-share.cctl-share-icons{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.ccp-profile-share .cctl-share-icons__link,.ccp-profile-share button.cctl-share-icons__link{width:42px;height:42px;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#111827;color:#fff;padding:0;box-shadow:0 12px 30px rgba(17,24,39,.18);cursor:pointer;text-decoration:none;}
.ccp-profile-share .cctl-share-icons__link svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:0;}
.ccp-profile-share .cctl-share-icons__link--whatsapp{background:#16a34a;}
.ccp-profile-share .cctl-share-icons__link--facebook{background:#1877f2;}
.ccp-profile-share .cctl-share-icons__link--mail{background:#475569;}
.ccp-profile-share .cctl-share-icons__link--instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4);}
.ccp-profile-share .cctl-share-icons__link--tiktok{background:#050505;}


/* Cartesius community/profile visual 0.8.6 */
.ccc-card{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 92px;grid-template-areas:"main can" "comments comments" "reply reply";gap:12px 16px;align-items:start;}
.ccc-card--product{display:block!important;}
.ccc-card-main{grid-area:main;min-width:0;}
.ccc-author{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.ccc-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;display:inline-flex;flex:0 0 44px;background:#f3f4f6;text-decoration:none;}
.ccc-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.ccc-name{display:inline-block;color:#111827!important;font-weight:950;text-decoration:none!important;font-size:15px;line-height:1.1;}
.ccc-name:hover{text-decoration:underline!important;}
.ccc-author span{display:block;color:#6b7280;font-size:12px;font-weight:700;margin-top:2px;}
.ccc-card h4{display:none!important;}
.ccc-card-head{display:none!important;}
.ccc-can-thumb{grid-area:can;display:flex;align-items:center;justify-content:center;width:92px;min-height:112px;border-radius:18px;background:linear-gradient(180deg,#f8fafc,#eef2f7);border:1px solid rgba(17,24,39,.08);text-decoration:none;}
.ccc-can-thumb img{max-width:78px;max-height:106px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(17,24,39,.18));}
.ccc-comments{grid-area:comments;}
.ccc-reply{grid-area:reply;}
.ccc-card--product .ccc-can-thumb{display:none!important;}
.ccp-profile-share.cctl-share-icons{position:static!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;margin:16px 0 0!important;}
.ccp-profile-share.cctl-share-icons .cctl-share-icons__link{width:40px!important;height:40px!important;min-width:40px!important;}
.ccp-profile-share.cctl-share-icons .cctl-share-icons__link--instagram svg rect{fill:none!important;stroke:#fff!important;stroke-width:2!important}.ccp-profile-share.cctl-share-icons .cctl-share-icons__link--instagram svg circle{fill:none!important;stroke:#fff!important;stroke-width:2!important}.ccp-profile-share.cctl-share-icons .cctl-share-icons__link--instagram svg circle:last-child{fill:#fff!important;stroke:none!important;}
.ccp-go-to{margin-top:clamp(22px,4vw,38px);border:1px solid rgba(17,24,39,.1);border-radius:24px;background:#fff;padding:20px;box-shadow:0 16px 38px rgba(17,24,39,.07);}
.ccp-go-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;}
.ccp-go-card{min-height:154px;border-radius:20px;background:linear-gradient(180deg,#f8fafc,#eef2f7);border:1px solid rgba(17,24,39,.08);display:grid;grid-template-rows:auto 1fr auto;place-items:center;text-align:center;padding:12px;text-decoration:none!important;color:#111827!important;overflow:hidden;}
.ccp-go-card span,.ccp-go-card p{margin:0;color:#16a34a;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;}
.ccp-go-card img{max-width:88px;max-height:104px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(17,24,39,.2));}
.ccp-go-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.15;}
.ccp-go-note{margin:12px 0 0;color:#6b7280;font-size:12px;font-weight:700;}
.ccp-owner .ccp-go-to + .ccp-collection{margin-top:clamp(24px,4vw,42px)!important;}
a.ccp-can{text-decoration:none!important;cursor:pointer;}
@media(max-width:760px){.ccc-card{grid-template-columns:minmax(0,1fr) 78px;gap:10px 12px;padding:14px!important}.ccc-can-thumb{width:78px;min-height:100px;border-radius:16px}.ccc-can-thumb img{max-width:66px;max-height:94px}.ccc-avatar{width:38px;height:38px;flex-basis:38px}.ccc-body{font-size:15px!important}.ccp-profile-share.cctl-share-icons{justify-content:flex-start!important;gap:8px!important}.ccp-profile-share.cctl-share-icons .cctl-share-icons__link{width:38px!important;height:38px!important;min-width:38px!important}.ccp-go-to{padding:16px;border-radius:20px}.ccp-go-grid{grid-template-columns:1fr 1fr;gap:10px}.ccp-go-card{min-height:138px;padding:10px}.ccp-go-card img{max-height:84px}.ccp-go-card strong{font-size:12px}.ccp-go-card span{font-size:10px}}


/* Cartesius profile share row 0.8.6 */
.ccp-profile>.ccp-profile-share.cctl-share-icons{width:100%!important;box-sizing:border-box!important;justify-content:center!important;margin:16px 0 18px!important;padding:0 8px!important;}
@media(max-width:760px){.ccp-profile>.ccp-profile-share.cctl-share-icons{justify-content:center!important;gap:9px!important;flex-wrap:nowrap!important}.ccp-profile>.ccp-profile-share.cctl-share-icons .cctl-share-icons__link{width:39px!important;height:39px!important;min-width:39px!important}}


/* Cartesius go-to combo 0.8.9 */
.ccp-go-grid{display:none!important;}
.ccp-go-combo{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:stretch;margin-top:14px;}
.ccp-go-choice{border:1px solid rgba(17,24,39,.08);border-radius:22px;background:linear-gradient(180deg,#f8fafc,#eef2f7);padding:12px;display:grid;gap:10px;min-width:0;}
.ccp-go-brand{color:#16a34a;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;text-align:center;}
.ccp-go-product{display:grid;grid-template-rows:96px auto;gap:8px;place-items:center;text-align:center;text-decoration:none!important;color:#111827!important;min-width:0;}
.ccp-go-product img{max-width:82px;max-height:96px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(17,24,39,.2));}
.ccp-go-product strong{font-size:13px;line-height:1.14;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ccp-go-divider{align-self:center;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#111827;color:#fff;font-weight:950;box-shadow:0 12px 28px rgba(17,24,39,.18);}
.ccp-go-edit{position:relative;text-align:center;}
.ccp-go-edit>summary{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fff;border:1px solid rgba(17,24,39,.12);padding:7px 12px;font-size:12px;font-weight:950;cursor:pointer;list-style:none;}
.ccp-go-edit>summary::-webkit-details-marker{display:none;}
.ccp-go-options{position:absolute;z-index:40;left:50%;transform:translateX(-50%);top:calc(100% + 8px);width:min(260px,76vw);max-height:280px;overflow:auto;display:grid;gap:6px;background:#fff;border:1px solid rgba(17,24,39,.12);border-radius:16px;padding:8px;box-shadow:0 18px 42px rgba(17,24,39,.18);}
.ccp-go-options button{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center;text-align:left;border:0;background:#f8fafc;border-radius:12px;padding:7px;font-weight:850;cursor:pointer;color:#111827;}
.ccp-go-options button:hover{background:#eef8f2;}
.ccp-go-options img{width:38px;height:46px;object-fit:contain;}
.ccp-go-options span{font-size:12px;line-height:1.15;}
.ccp-go-edit small{display:block;margin-top:6px;font-size:11px;font-weight:800;color:#16a34a;min-height:14px;}
@media(max-width:760px){.ccp-go-combo{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:8px}.ccp-go-choice{border-radius:18px;padding:10px}.ccp-go-product{grid-template-rows:76px auto}.ccp-go-product img{max-height:76px;max-width:66px}.ccp-go-product strong{font-size:11px}.ccp-go-divider{width:26px;height:26px;font-size:14px}.ccp-go-edit>summary{font-size:11px;padding:6px 10px}.ccp-go-options{width:min(240px,82vw)}}


/* 0.9.1 community voting */
.ccc-card-main{min-width:0}.ccc-vote{display:inline-grid;grid-template-columns:auto auto auto;align-items:center;gap:5px;margin-top:10px;padding:4px;border:1px solid #dce5df;border-radius:999px;background:#f7faf8}.ccc-vote button{display:flex;align-items:center;gap:4px;min-width:50px;height:34px;justify-content:center;padding:0 9px;border:0;border-radius:999px;background:transparent;color:#536159;font-weight:900;cursor:pointer}.ccc-vote button span{font-size:21px;line-height:1}.ccc-vote button small{font-size:11px}.ccc-vote button:first-child.is-active{background:#ffede5;color:#e54b13}.ccc-vote button:last-child.is-active{background:#e9f2ff;color:#246dcc}.ccc-vote>strong{min-width:28px;text-align:center;font-size:13px;color:#111827}.ccc-vote button:disabled{opacity:.55;cursor:wait}@media(max-width:760px){.ccc-vote{margin-top:8px}.ccc-vote button{min-width:43px;height:31px;padding:0 7px}.ccc-vote button span{font-size:19px}}


/* 0.9.2 — community composer */
.ccc-community-compose{margin:0 0 28px;padding:clamp(18px,3vw,32px);border:1px solid #d9e5df;border-radius:28px;background:linear-gradient(145deg,#fff 20%,#effaf4);box-shadow:0 12px 34px rgba(13,70,48,.07);overflow:hidden}
.ccc-compose-head span{display:block;margin-bottom:6px;color:#42f52f;font-size:12px;font-weight:950;letter-spacing:.22em}
.ccc-compose-head h2{margin:0;font-size:clamp(25px,4vw,40px);line-height:1.03}
.ccc-compose-head p{margin:9px 0 18px;color:#5e6963;font-size:15px}
.ccc-community-compose textarea{display:block;width:100%;min-height:116px;padding:15px 16px;border:1.5px solid #cfdbd5;border-radius:16px;background:#fff;color:#101412;font:inherit;resize:vertical;box-sizing:border-box}
.ccc-community-compose textarea:focus{outline:3px solid rgba(0,150,94,.15);border-color:#00965e}
.ccc-compose-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:18px 0 10px}
.ccc-compose-label strong{font-size:16px}.ccc-compose-label span{color:#66716b;font-size:12px;font-weight:700}
.ccc-compose-cans{display:flex;gap:7px;width:100%;padding:3px 2px 10px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
.ccc-compose-can{flex:0 0 72px;height:102px;padding:5px;border:2px solid #dce5e0;border-radius:15px;background:#fff;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;scroll-snap-align:start;cursor:pointer;overflow:hidden}
.ccc-compose-can img{display:block;width:100%;height:68px;object-fit:contain}
.ccc-compose-can span{display:block;width:100%;font-size:9px;font-weight:850;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccc-compose-can.is-selected{border-color:#00965e;box-shadow:0 0 0 3px rgba(66,245,47,.28)}
.ccc-compose-general{justify-content:center;background:#0b1712;color:#fff}.ccc-compose-general span{font-size:11px;white-space:normal}
.ccc-compose-photo{margin-top:15px;padding:14px;border:1px dashed #b8cbc1;border-radius:16px;background:rgba(255,255,255,.72)}
.ccc-compose-photo label{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px;font-weight:900}.ccc-compose-photo label small{color:#68746e;font-weight:650}
.ccc-compose-photo input{display:block;width:100%;font-size:13px}
.ccc-compose-preview{margin-top:12px}.ccc-compose-preview img{display:block;max-width:100%;max-height:260px;border-radius:14px;object-fit:contain;background:#eef3f0}
.ccc-compose-actions{display:flex;align-items:center;gap:14px;margin-top:16px}.ccc-compose-actions>button,.ccc-compose-login{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 25px;border:0;border-radius:999px;background:#00965e;color:#fff!important;font-weight:900;text-decoration:none;cursor:pointer}.ccc-compose-actions>button:disabled{opacity:.55}.ccc-compose-actions p{margin:0;color:#4f5e57;font-size:13px;font-weight:750}
.ccc-community-compose--login p{color:#5e6963}.ccc-post-image{margin:14px 0}.ccc-post-image img{display:block;width:100%;max-height:560px;border-radius:18px;object-fit:contain;background:#f1f5f3}
@media(max-width:760px){.ccc-community-compose{margin:0 0 18px;padding:17px 14px;border-radius:22px}.ccc-compose-head h2{font-size:27px}.ccc-compose-head p{font-size:13px}.ccc-compose-label{align-items:flex-start;flex-direction:column;gap:2px}.ccc-compose-can{flex-basis:64px;height:94px}.ccc-compose-can img{height:62px}.ccc-compose-photo label{flex-direction:column;gap:2px}.ccc-compose-actions{align-items:flex-start;flex-direction:column}.ccc-compose-actions>button{width:100%}}


/* Cartesius Tierlists 1.2.5 — swipe-first flavor rows */
.cctl-items {
  touch-action: pan-x !important;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}
.cctl-items .cctl-item {
  touch-action: pan-x !important;
  -webkit-user-drag: none;
}
@media (hover: none), (pointer: coarse) {
  [data-cctl-board] .cctl-tier__drop {
    touch-action: pan-x !important;
  }
  [data-cctl-board] .cctl-item {
    touch-action: pan-x !important;
    -webkit-user-drag: none;
    cursor: pointer !important;
  }
}


/* Cartesius Tierlists 1.2.6 — unrestricted touch scrolling */
@media (hover: none), (pointer: coarse) {
  .cctl-items,
  .cctl-items .cctl-item,
  [data-cctl-board],
  [data-cctl-board] .cctl-tier,
  [data-cctl-board] .cctl-tier__drop,
  [data-cctl-board] .cctl-item {
    touch-action: pan-x pan-y !important;
  }
}


/* Cartesius Tierlists 1.2.7 — full-width compact community preview */
.ccc-tierlist-post {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: "main" "comments" "reply" !important;
}
.ccc-tierlist-post .ccc-card-main,
.ccc-tierlist-post .ccc-body,
.ccc-tierlist-post .ccc-tier-post-preview,
.ccc-tierlist-post .cctl-shared,
.ccc-tierlist-post .cctl-board--shared {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
.ccc-tierlist-post .ccc-tier-post-preview {
  display: block;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
}
@media (max-width: 760px) {
  .ccc-tierlist-post {
    gap: 8px !important;
  }
  .ccc-tierlist-post .ccc-body {
    margin: 6px 0 !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }
  .ccc-tier-post-head {
    margin-bottom: 5px !important;
  }
  .ccc-tier-post-head strong {
    font-size: 15px !important;
    line-height: 1.15 !important;
  }
  .ccc-tierlist-post .cctl-board--shared {
    gap: 3px !important;
    margin: 6px 0 0 !important;
  }
  .ccc-tierlist-post .cctl-board--shared .cctl-tier {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 9px !important;
  }
  .ccc-tierlist-post .cctl-board--shared .cctl-tier--untried {
    grid-template-columns: 44px minmax(0, 1fr) !important;
  }
  .ccc-tierlist-post .cctl-board--shared .cctl-tier__label {
    min-width: 0 !important;
    padding: 2px !important;
    font-size: 15px !important;
    line-height: 1 !important;
  }
  .ccc-tierlist-post .cctl-board--shared .cctl-tier--untried .cctl-tier__label {
    font-size: 6px !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere;
  }
  .ccc-tierlist-post .cctl-board--shared .cctl-tier__drop {
    min-height: 48px !important;
    gap: 3px !important;
    padding: 3px !important;
    overflow-x: auto !important;
  }
  .ccc-tierlist-post .cctl-board--shared .cctl-item {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    min-height: 44px !important;
    grid-template-rows: 30px auto !important;
    gap: 1px !important;
    padding: 2px !important;
    border-radius: 7px !important;
    font-size: 6px !important;
  }
  .ccc-tierlist-post .cctl-board--shared .cctl-item img,
  .ccc-tierlist-post .cctl-board--shared .cctl-item__fallback {
    width: 100% !important;
    height: 30px !important;
    max-height: 30px !important;
  }
}


/* Cartesius Tierlists 1.2.8 — one-screen mobile preview */
@media (max-width: 760px) {
  .ccc-tierlist-post .cctl-board--shared {
    gap: 2px !important;
  }
  .ccc-tierlist-post .cctl-board--shared .cctl-tier,
  .ccc-tierlist-post .cctl-board--shared .cctl-tier--untried {
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    overflow: hidden !important;
  }
  .ccc-tierlist-post .cctl-board--shared .cctl-tier__label {
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding: 1px !important;
    font-size: 14px !important;
  }
  .ccc-tierlist-post .cctl-board--shared .cctl-tier--untried .cctl-tier__label {
    font-size: 5px !important;
    letter-spacing: 0 !important;
  }
  .ccc-tierlist-post .cctl-board--shared .cctl-tier__drop {
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding: 2px !important;
    gap: 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    align-items: center !important;
  }
  .ccc-tierlist-post .cctl-board--shared .cctl-item {
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    grid-template-rows: 34px 16px !important;
    gap: 1px !important;
    padding: 2px !important;
    border-radius: 7px !important;
    overflow: hidden !important;
    font-size: 6px !important;
    line-height: 1 !important;
  }
  .ccc-tierlist-post .cctl-board--shared .cctl-item img,
  .ccc-tierlist-post .cctl-board--shared .cctl-item__fallback {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }
  .ccc-tierlist-post .cctl-board--shared .cctl-item > span:last-child:not(.cctl-item__fallback) {
    max-height: 16px !important;
    -webkit-line-clamp: 2 !important;
  }
}