.padangutes-content {
  --pc-ink: #102132;
  --pc-muted: #5f6f7e;
  --pc-paper: #fff;
  --pc-line: #dce5eb;
  --pc-soft: #f4f7f8;
  --pc-teal: #00766b;
  --pc-teal-dark: #006b61;
  --pc-navy: #102c45;
  --pc-orange: #b83f19;
  --pc-gold: #ffbd2e;
  color: var(--pc-ink);
  margin-inline: auto;
  max-width: 1240px;
  padding: clamp(1rem, 3vw, 2.4rem);
}

.padangutes-content *,
.padangutes-content *::before,
.padangutes-content *::after { box-sizing: border-box; }

.padangutes-content a { text-underline-offset: .18em; }
.padangutes-content a:focus-visible,
.padangutes-content summary:focus-visible {
  outline: 3px solid rgba(0, 143, 128, .35);
  outline-offset: 3px;
}

.padangutes-article { margin-inline: auto; max-width: 1120px; }
.padangutes-article__header { margin-bottom: 1.7rem; max-width: 960px; }
.padangutes-article__eyebrow,
.padangutes-section-kicker {
  color: var(--pc-orange);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .12em;
  margin: 0 0 .55rem;
  text-transform: uppercase;
}

.padangutes-article__header h1,
.padangutes-hub h1 {
  color: var(--pc-navy);
  font-size: clamp(2rem, 4.5vw, 3.55rem);
  font-weight: 900;
  letter-spacing: -.045em;
  line-height: 1.02;
  margin: 0;
  max-width: 23ch;
}

.padangutes-article__summary {
  color: var(--pc-muted);
  font-size: clamp(1rem, 1.65vw, 1.2rem);
  line-height: 1.55;
  margin: .9rem 0 0;
  max-width: 74ch;
}

.padangutes-article__details {
  border-bottom: 1px solid var(--pc-line);
  margin: 0 auto 1.5rem;
  max-width: 820px;
  padding-bottom: 1rem;
}

.padangutes-article__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
}

.padangutes-article__tags li,
.padangutes-hub-card__badges span,
.padangutes-source-badge {
  background: #e7f7f4;
  border: 1px solid #b9e4dc;
  border-radius: 999px;
  color: var(--pc-teal-dark);
  display: inline-flex;
  font-size: .73rem;
  font-weight: 850;
  letter-spacing: .035em;
  padding: .35rem .65rem;
  text-transform: uppercase;
}

.padangutes-article__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.5rem;
  margin: 1rem 0 0;
}

.padangutes-article__meta div { display: flex; gap: .35rem; }
.padangutes-article__meta dt { color: var(--pc-muted); }
.padangutes-article__meta dd { color: var(--pc-ink); font-weight: 750; margin: 0; }

.padangutes-podium {
  background: linear-gradient(145deg, #102c45 0%, #0b2033 100%);
  border-radius: 24px;
  box-shadow: 0 18px 55px rgba(16, 44, 69, .18);
  color: #fff;
  margin: 0 0 2.2rem;
  overflow: hidden;
  padding: clamp(1rem, 2.8vw, 2.2rem);
  position: relative;
}

.padangutes-podium::before {
  background: radial-gradient(circle, rgba(0, 191, 171, .23), transparent 68%);
  content: '';
  height: 330px;
  pointer-events: none;
  position: absolute;
  right: -100px;
  top: -150px;
  width: 330px;
}

.padangutes-podium__heading {
  align-items: end;
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  margin-bottom: 1.8rem;
  position: relative;
}

.padangutes-podium__heading h2 {
  color: #fff;
  font-size: clamp(1.65rem, 3vw, 2.5rem);
  font-weight: 900;
  letter-spacing: -.035em;
  margin: .65rem 0 0;
}

.padangutes-podium__heading > p {
  color: #c9d7e2;
  line-height: 1.45;
  margin: 0;
  max-width: 37ch;
}

.padangutes-podium__grid {
  align-items: end;
  display: grid;
  gap: .85rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 1rem 0 0;
  position: relative;
}

.padangutes-podium-card {
  background: #fff;
  border: 2px solid transparent;
  border-radius: 18px;
  color: var(--pc-ink);
  display: grid;
  gap: .8rem;
  min-height: 360px;
  padding: 0;
  position: relative;
}

.padangutes-podium-card__click {
  color: inherit !important;
  display: grid;
  gap: .8rem;
  height: 100%;
  padding: 1.1rem;
  text-decoration: none !important;
}
.padangutes-podium-card__click:hover h3 { color: var(--pc-teal-dark); }

.padangutes-podium-card--1 {
  border-color: var(--pc-gold);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .24);
  min-height: 388px;
  order: 2;
  transform: translateY(-14px);
}
.padangutes-podium-card--2 { border-color: #bdcad4; order: 1; }
.padangutes-podium-card--3 { border-color: #dc9255; order: 3; }

.padangutes-podium-card__place {
  align-items: center;
  background: var(--pc-navy);
  border-radius: 14px;
  color: #fff;
  display: flex;
  height: 58px;
  justify-content: center;
  line-height: 1;
  position: absolute;
  right: 1rem;
  top: -1rem;
  width: 58px;
}
.padangutes-podium-card--1 .padangutes-podium-card__place { background: var(--pc-gold); color: #442d00; }
.padangutes-podium-card--2 .padangutes-podium-card__place { background: #dfe7ed; color: #30414f; }
.padangutes-podium-card--3 .padangutes-podium-card__place { background: #d99057; color: #32190a; }
.padangutes-podium-card__place strong { font-size: 1.7rem; }
.padangutes-podium-card__place span { font-size: .65rem; margin-left: .15rem; }

.padangutes-podium-card__title { padding-right: 3.4rem; }
.padangutes-podium-card__title > span,
.padangutes-other-card__title > span {
  color: var(--pc-teal-dark);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.padangutes-podium-card__title h3 {
  color: var(--pc-navy);
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  font-weight: 900;
  line-height: 1.06;
  margin: .2rem 0 0;
}

.padangutes-podium-card__rating { align-items: baseline; display: flex; flex-wrap: wrap; }
.padangutes-podium-card__rating strong { color: var(--pc-orange); font-size: 3.25rem; line-height: .9; }
.padangutes-podium-card__rating > span { color: var(--pc-muted); font-size: 1.15rem; font-weight: 800; }
.padangutes-podium-card__rating small { color: var(--pc-muted); flex-basis: 100%; font-weight: 750; margin-top: .25rem; }
.padangutes-podium-card__click > p { color: #4f6070; line-height: 1.45; margin: 0; }
.padangutes-podium-card__facts { display: flex; flex-wrap: wrap; gap: .4rem; }
.padangutes-podium-card__facts span {
  background: var(--pc-soft);
  border-radius: 8px;
  color: #425363;
  font-size: .78rem;
  padding: .45rem .55rem;
}

.padangutes-podium-card__link,
.padangutes-content__button {
  align-items: center;
  background: var(--pc-teal);
  border: 2px solid var(--pc-teal);
  border-radius: 10px;
  color: #fff !important;
  display: inline-flex;
  font-size: .88rem;
  font-weight: 850;
  gap: .45rem;
  justify-content: center;
  line-height: 1.2;
  padding: .68rem .85rem;
  text-decoration: none !important;
}
.padangutes-podium-card__link { align-self: end; }
.padangutes-podium-card__link:hover,
.padangutes-content__button:hover { background: var(--pc-teal-dark); border-color: var(--pc-teal-dark); }

.padangutes-rating-note {
  border-top: 1px solid rgba(255, 255, 255, .16);
  color: #c9d7e2;
  font-size: .82rem;
  line-height: 1.5;
  margin: 1.3rem 0 0;
  padding-top: 1rem;
  position: relative;
}
.padangutes-rating-note strong { color: #fff; }

.padangutes-others { margin: 0 0 2.2rem; }
.padangutes-others__heading {
  align-items: end;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.padangutes-others__heading h2 { color: var(--pc-navy); font-size: 1.65rem; margin: 0; }
.padangutes-others__heading > p { color: var(--pc-muted); margin: 0; }
.padangutes-others__grid {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}
.padangutes-other-card {
  align-items: center;
  background: var(--pc-paper);
  border: 1px solid var(--pc-line);
  border-radius: 14px;
  display: grid;
  gap: .55rem .7rem;
  grid-template-columns: auto 1fr auto;
  padding: .85rem;
}
.padangutes-other-card__place {
  align-items: center;
  background: var(--pc-navy);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1.05rem;
  font-weight: 900;
  height: 38px;
  justify-content: center;
  width: 38px;
}
.padangutes-other-card__title h3 { font-size: 1rem; line-height: 1.1; margin: .1rem 0 0; }
.padangutes-other-card__rating strong { color: var(--pc-orange); font-size: 1.55rem; }
.padangutes-other-card__rating span { color: var(--pc-muted); font-size: .8rem; }
.padangutes-other-card__safety { color: var(--pc-muted); font-size: .76rem; grid-column: 2 / 4; }
.padangutes-other-card a { color: var(--pc-teal-dark); font-size: .78rem; font-weight: 850; grid-column: 2 / 4; }
.padangutes-results__disclaimer { color: var(--pc-muted); font-size: .76rem; line-height: 1.45; margin: .8rem 0 0; }

.padangutes-article__body,
.padangutes-video,
.padangutes-sources { margin-inline: auto; max-width: 820px; }
.padangutes-table-wrap {
  background: #fff;
  border: 1px solid var(--pc-line);
  border-radius: 14px;
  margin: 1rem 0 1.5rem;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}
.padangutes-table {
  border-collapse: collapse;
  font-size: .9rem;
  line-height: 1.45;
  min-width: 680px;
  width: 100%;
}
.padangutes-table caption {
  background: #f5f9fb;
  caption-side: top;
  color: var(--pc-navy);
  font-weight: 850;
  padding: .8rem 1rem;
  text-align: left;
}
.padangutes-table th,
.padangutes-table td {
  border-top: 1px solid var(--pc-line);
  padding: .72rem 1rem;
  text-align: left;
  vertical-align: top;
}
.padangutes-table thead th {
  background: #e9f6f4;
  color: var(--pc-navy);
  font-weight: 850;
}
.padangutes-table tbody th { color: var(--pc-navy); font-weight: 850; }
.padangutes-table tbody tr:nth-child(even) { background: #fbfcfd; }
.padangutes-article__body { color: #344859; font-size: 1.02rem; line-height: 1.7; }
.padangutes-article__body h2 { color: var(--pc-navy); font-size: clamp(1.45rem, 2.3vw, 2rem); line-height: 1.15; margin: 2.2rem 0 .7rem; }
.padangutes-article__body h3 { color: var(--pc-navy); font-size: 1.25rem; margin: 1.7rem 0 .6rem; }
.padangutes-article__body p { margin: .7rem 0; }
.padangutes-article__body ul { display: grid; gap: .7rem; margin: .9rem 0; padding-left: 1.25rem; }
.padangutes-article__body li::marker { color: var(--pc-orange); }
.padangutes-callout {
  background: #eaf8f5;
  border-left: 5px solid var(--pc-teal);
  border-radius: 0 14px 14px 0;
  margin: 1.4rem 0;
  padding: 1rem 1.15rem;
}
.padangutes-callout h2 { font-size: 1rem; margin: 0 0 .35rem; }
.padangutes-callout p { margin: 0; }

.padangutes-faq { margin-top: 2.4rem; }
.padangutes-faq details { border-top: 1px solid var(--pc-line); }
.padangutes-faq details:last-child { border-bottom: 1px solid var(--pc-line); }
.padangutes-faq summary { color: var(--pc-navy); cursor: pointer; font-weight: 850; padding: 1rem 2rem 1rem 0; position: relative; }
.padangutes-faq details p { margin: 0; padding: 0 0 1rem; }

.padangutes-video {
  background: var(--pc-navy);
  border-radius: 20px;
  color: #fff;
  margin-top: 2.4rem;
  overflow: hidden;
  padding: clamp(1rem, 2.5vw, 1.6rem);
}
.padangutes-video__header h2 { color: #fff; font-size: 1.55rem; margin: 0 0 1rem; }
.padangutes-video__frame { aspect-ratio: 16 / 9; background: #071522; border-radius: 12px; overflow: hidden; }
.padangutes-video__frame iframe { border: 0; height: 100%; width: 100%; }
.padangutes-video__caption,
.padangutes-video__fallback { color: #c9d7e2; font-size: .82rem; line-height: 1.5; margin: .8rem 0 0; }
.padangutes-video a { color: #fff; }

.padangutes-products {
  align-items: center;
  background: linear-gradient(135deg, #fff5df, #fff);
  border: 1px solid #f0d296;
  border-radius: 18px;
  display: flex;
  gap: 1.3rem;
  justify-content: space-between;
  margin: 2.2rem auto;
  max-width: 820px;
  padding: 1.1rem 1.2rem;
}
.padangutes-products h2 { color: var(--pc-navy); font-size: 1.5rem; margin: 0; }
.padangutes-products__intro { color: var(--pc-muted); font-size: .9rem; margin: .35rem 0 0; }
.padangutes-products__actions { display: flex; flex-wrap: wrap; gap: .55rem; justify-content: flex-end; }
.padangutes-products__actions .padangutes-content__button:last-child { background: var(--pc-navy); border-color: var(--pc-navy); }

.padangutes-sources { border-top: 1px solid var(--pc-line); color: var(--pc-muted); font-size: .78rem; line-height: 1.55; margin-top: 2rem; padding-top: 1.2rem; }
.padangutes-sources h2 { color: var(--pc-navy); font-size: 1rem; margin: 0 0 .5rem; }
.padangutes-sources p,
.padangutes-sources ol { margin: .45rem 0; }
.padangutes-sources a { color: var(--pc-teal-dark); }

.padangutes-hub { margin-inline: auto; max-width: 1120px; }
.padangutes-hub__grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)); }
.padangutes-hub-card {
  background: #fff;
  border: 1px solid var(--pc-line);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(16, 44, 69, .07);
  min-height: 0;
  padding: 1rem;
}
.padangutes-hub-card__badges { display: flex; flex-wrap: wrap; gap: .35rem; }
.padangutes-hub-card h2 { font-size: 1.18rem; line-height: 1.22; margin: .8rem 0; }
.padangutes-hub-card h2 a { color: var(--pc-navy); text-decoration: none; }
.padangutes-hub-card h2 a:hover { color: var(--pc-teal-dark); }
.padangutes-hub-card__top { display: grid; gap: .35rem; list-style: none; margin: 0; padding: 0; }
.padangutes-hub-card__top li {
  align-items: center;
  background: var(--pc-soft);
  border-radius: 8px;
  display: grid;
  font-size: .78rem;
  gap: .45rem;
  grid-template-columns: auto 1fr auto;
  padding: .45rem .55rem;
}
.padangutes-hub-card__place { align-items: center; background: var(--pc-navy); border-radius: 50%; color: #fff; display: flex; font-weight: 900; height: 24px; justify-content: center; width: 24px; }
.padangutes-hub-card__footer { align-items: center; border-top: 1px solid var(--pc-line); display: flex; font-size: .78rem; justify-content: space-between; margin-top: .8rem; padding-top: .7rem; }
.padangutes-hub-card__footer time { color: var(--pc-muted); }
.padangutes-hub-card__link { color: var(--pc-teal-dark); font-weight: 850; }
.padangutes-empty-state { background: var(--pc-soft); border-radius: 16px; padding: 2rem; }

@media (max-width: 900px) {
  .padangutes-podium__heading { align-items: start; flex-direction: column; }
  .padangutes-podium__grid { grid-template-columns: 1fr; padding-top: 0; }
  .padangutes-podium-card,
  .padangutes-podium-card--1 { min-height: 0; order: initial; transform: none; }
  .padangutes-podium-card--1 { order: 1; }
  .padangutes-podium-card--2 { order: 2; }
  .padangutes-podium-card--3 { order: 3; }
  .padangutes-others__grid { grid-template-columns: 1fr; }
  .padangutes-products { align-items: flex-start; flex-direction: column; }
  .padangutes-products__actions { justify-content: flex-start; }
}

@media (max-width: 560px) {
  .padangutes-content { padding: .8rem; }
  .padangutes-article__header h1,
  .padangutes-hub h1 { font-size: 2.1rem; }
  .padangutes-article__meta { display: grid; gap: .25rem; }
  .padangutes-podium { border-radius: 18px; margin-inline: -.2rem; padding: .9rem; }
  .padangutes-podium-card__click { padding: 1rem; }
  .padangutes-podium-card__rating strong { font-size: 2.8rem; }
  .padangutes-others__heading { align-items: start; flex-direction: column; }
  .padangutes-others__heading > p { display: none; }
  .padangutes-products__actions,
  .padangutes-products__actions .padangutes-content__button { width: 100%; }
  .padangutes-video { border-radius: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .padangutes-content *, .padangutes-content *::before, .padangutes-content *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* Shopping-first tyre-test presentation. */
.padangutes-podium__heading { margin-bottom: 1.15rem; position: relative; z-index: 2; }
.padangutes-podium__ribbons { inset: 0; overflow: hidden; pointer-events: none; position: absolute; z-index: 0; }
.padangutes-podium__ribbons span {
  background: linear-gradient(90deg, transparent, rgba(255, 189, 46, .34), transparent);
  border-radius: 999px;
  height: 7px;
  left: 50%;
  position: absolute;
  top: 52%;
  transform-origin: left center;
  width: 300px;
}
.padangutes-podium__ribbons span:nth-child(1) { transform: rotate(-32deg) translateX(30px); }
.padangutes-podium__ribbons span:nth-child(2) { transform: rotate(-12deg) translateX(54px); }
.padangutes-podium__ribbons span:nth-child(3) { transform: rotate(14deg) translateX(46px); }
.padangutes-podium__ribbons span:nth-child(4) { background: linear-gradient(90deg, transparent, rgba(0, 190, 170, .32), transparent); transform: rotate(34deg) translateX(32px); }
.padangutes-podium__ribbons span:nth-child(5) { left: 48%; top: 28%; transform: rotate(62deg); width: 210px; }
.padangutes-podium__ribbons span:nth-child(6) { left: 48%; top: 75%; transform: rotate(-62deg); width: 220px; }
.padangutes-podium__grid { z-index: 1; }
.padangutes-podium-card { min-height: 390px; }
.padangutes-podium-card__click { gap: .55rem; padding: 1rem; }
.padangutes-podium-card--1 { min-height: 414px; }
.padangutes-podium-card__image,
.padangutes-podium-card__image-placeholder {
  align-self: center;
  height: 132px;
  justify-self: center;
  width: min(100%, 180px);
}
.padangutes-podium-card__image {
  background: #fff;
  mix-blend-mode: multiply;
  object-fit: contain;
}
.padangutes-podium-card__image-placeholder {
  align-items: center;
  background: linear-gradient(145deg, #f6f9fa, #e7eef1);
  border: 2px dashed #b7c6cc;
  border-radius: 20px;
  color: var(--pc-muted);
  display: flex;
  font-size: .88rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: .04em;
}
.padangutes-podium-card__rating strong { font-size: 2.85rem; }
.padangutes-podium-card__click > p { font-size: .88rem; }
.padangutes-podium-card__link { margin-top: .2rem; padding: .62rem .7rem; }

.padangutes-others { margin-bottom: 1.4rem; }
.padangutes-others__heading { margin-bottom: .65rem; }
.padangutes-others__heading h2 { font-size: 1.25rem; }
.padangutes-other-card {
  gap: .25rem .55rem;
  grid-template-columns: auto 58px minmax(0, 1fr) auto;
  min-height: 78px;
  padding: .45rem .6rem;
}
.padangutes-other-card__place { height: 30px; width: 30px; }
.padangutes-other-card__image { height: 56px; mix-blend-mode: multiply; object-fit: contain; width: 56px; }
.padangutes-other-card__title h3 { font-size: .9rem; }
.padangutes-other-card__rating strong { font-size: 1.35rem; }
.padangutes-other-card a { grid-column: 3 / 5; }

.padangutes-ranking {
  background: #fff;
  border: 1px solid var(--pc-line);
  border-radius: 18px;
  margin: 1.4rem auto 2.2rem;
  max-width: 920px;
  padding: clamp(.9rem, 2vw, 1.4rem);
}
.padangutes-ranking__heading h2 { color: var(--pc-navy); font-size: 1.65rem; margin: 0 0 1rem; }
.padangutes-ranking__list { display: grid; gap: .45rem; list-style: none; margin: 0; padding: 0; }
.padangutes-ranking__list li {
  border-radius: 12px;
  min-height: 64px;
}
.padangutes-ranking__link {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 12px;
  color: inherit !important;
  display: grid;
  gap: .65rem;
  grid-template-columns: 32px 58px minmax(0, 1fr) 52px;
  min-height: 64px;
  padding: .35rem .45rem;
  position: relative;
  text-decoration: none !important;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.padangutes-ranking__link:focus-visible { background: #f5fbfa; border-color: #78c8bb; box-shadow: 0 0 0 3px rgba(0, 132, 116, .16); outline: 0; z-index: 2; }
.padangutes-ranking__place { align-items: center; background: var(--pc-navy); border-radius: 50%; color: #fff; display: flex; font-weight: 900; height: 30px; justify-content: center; width: 30px; }
.padangutes-ranking__list img { height: 56px; mix-blend-mode: multiply; object-fit: contain; transform-origin: center; transition: transform .18s ease; width: 56px; }
.padangutes-ranking__image-placeholder { align-items: center; background: #eef3f5; border: 1px dashed #b9c5cb; border-radius: 12px; color: var(--pc-muted); display: flex; font-size: 1rem; font-weight: 800; height: 56px; justify-content: center; width: 56px; }
.padangutes-ranking__main { display: grid; gap: .35rem; min-width: 0; }
.padangutes-ranking__main > strong { color: var(--pc-navy); font-size: .9rem; overflow-wrap: anywhere; }
.padangutes-ranking__track { background: #e8eef1; border-radius: 999px; height: 12px; overflow: hidden; }
.padangutes-ranking__track span { background: linear-gradient(90deg, var(--pc-teal), #22b7a7); border-radius: inherit; display: block; height: 100%; }
.padangutes-ranking__mini { display: flex; flex-wrap: wrap; gap: .35rem; }
.padangutes-ranking__mini > span { background: var(--pc-soft); border-radius: 999px; color: var(--pc-muted); font-size: .68rem; padding: .22rem .45rem; }
.padangutes-ranking__mini b { color: var(--pc-navy); }
.padangutes-ranking__comment { color: var(--pc-muted); display: block; font-size: .76rem; line-height: 1.35; max-height: 0; opacity: 0; overflow: hidden; transform: translateY(-3px); transition: max-height .18s ease, opacity .18s ease, transform .18s ease; }
.padangutes-ranking__link:focus-visible .padangutes-ranking__comment { max-height: 4.2em; opacity: 1; transform: translateY(0); }
.padangutes-ranking__score { color: var(--pc-orange); font-size: 1.35rem; font-weight: 900; text-align: right; }
.padangutes-ranking__score small { color: var(--pc-muted); font-size: .7rem; }
.padangutes-ranking__source { color: var(--pc-muted); font-size: .72rem; margin: .8rem 0 0; text-align: right; }

.padangutes-value {
  background: linear-gradient(145deg, #fff9ea, #fff);
  border: 1px solid #efd69c;
  border-radius: 18px;
  margin: 0 auto 2.2rem;
  max-width: 920px;
  padding: clamp(.9rem, 2vw, 1.4rem);
}
.padangutes-value__heading h2 { color: var(--pc-navy); font-size: 1.65rem; margin: 0 0 1rem; }
.padangutes-value__list { display: grid; gap: .35rem; list-style: none; margin: 0; padding: 0; }
.padangutes-value__list li { border-radius: 12px; }
.padangutes-value__list a {
  align-items: center;
  border: 1px solid #eadfca;
  border-radius: 12px;
  color: inherit !important;
  display: grid;
  gap: .65rem;
  grid-template-columns: 32px 52px minmax(0, 1fr) 100px 52px;
  min-height: 62px;
  padding: .4rem .55rem;
  text-decoration: none !important;
}
.padangutes-value__list a:hover { background: #fff7df; border-color: #d9b75c; }
.padangutes-value__winner a { background: rgba(255, 255, 255, .78); border-color: #e2bd5a; }
.padangutes-value__place { align-items: center; background: var(--pc-navy); border-radius: 50%; color: #fff; display: flex; font-weight: 900; height: 30px; justify-content: center; width: 30px; }
.padangutes-value__winner .padangutes-value__place { background: var(--pc-gold); color: #442d00; }
.padangutes-value img { height: 50px; mix-blend-mode: multiply; object-fit: contain; width: 50px; }
.padangutes-value__name { display: grid; gap: .1rem; min-width: 0; }
.padangutes-value__name strong { color: var(--pc-navy); font-size: .88rem; overflow-wrap: anywhere; }
.padangutes-value__name small,
.padangutes-value__price small { color: var(--pc-muted); font-size: .68rem; }
.padangutes-value__price { color: var(--pc-navy); display: grid; font-size: .9rem; font-weight: 900; text-align: right; }
.padangutes-value__score { color: var(--pc-orange); font-size: 1.3rem; font-weight: 900; text-align: right; }
.padangutes-value__score small { color: var(--pc-muted); font-size: .68rem; }
.padangutes-value__note { color: var(--pc-muted); font-size: .7rem; margin: .75rem 0 0; }

.padangutes-hub-card { overflow: hidden; padding: 0; }
.padangutes-hub-card__media { display: block; height: 142px; overflow: hidden; }
.padangutes-hub-card__media img { height: 100%; object-fit: cover; width: 100%; }
.padangutes-hub-card__media--guide {
  align-items: center;
  background: linear-gradient(135deg, #e6f7f4 0%, #e9f1ff 55%, #fff4dd 100%);
  color: var(--pc-navy);
  display: flex;
  justify-content: center;
  text-decoration: none;
}
.padangutes-hub-card__media--guide span {
  border: 2px solid var(--pc-teal-dark);
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .1em;
  padding: .55rem 1rem;
  text-transform: uppercase;
}
.padangutes-hub-card__content { padding: .9rem; }

@media (min-width: 561px) {
  .padangutes-ranking__link:focus-visible { transform: scale(1.025); }
  .padangutes-ranking__link:focus-visible img { transform: scale(1.28); }
}

@media (hover: hover) and (pointer: fine) {
  .padangutes-ranking__link:hover {
    background: #f5fbfa;
    border-color: #a9d9d1;
    box-shadow: 0 12px 28px rgba(12, 44, 67, .13);
    transform: scale(1.025);
    z-index: 2;
  }
  .padangutes-ranking__link:hover img { transform: scale(1.28); }
  .padangutes-ranking__link:hover .padangutes-ranking__comment { max-height: 4.2em; opacity: 1; transform: translateY(0); }
}

@media (max-width: 900px) {
  .padangutes-podium-card,
  .padangutes-podium-card--1 { min-height: 0; }
  .padangutes-podium__ribbons span { opacity: .6; width: 220px; }
  .padangutes-ranking__link { grid-template-columns: 30px 48px minmax(0, 1fr) 48px; }
  .padangutes-ranking__list img { height: 42px; width: 42px; }
  .padangutes-ranking__image-placeholder { height: 42px; width: 42px; }
  .padangutes-value__list a { grid-template-columns: 30px 46px minmax(0, 1fr) 80px 48px; }
}

@media (max-width: 560px) {
  #module-padangutescontent-content .breadcrumb__wrapper { display: none !important; }
  .padangutes-podium-card__image,
  .padangutes-podium-card__image-placeholder { height: 150px; width: 190px; }
  .padangutes-other-card { grid-template-columns: 28px 50px minmax(0, 1fr) auto; }
  .padangutes-other-card__image { height: 48px; width: 48px; }
  .padangutes-ranking { border-radius: 14px; padding: .8rem; }
  .padangutes-ranking__heading h2 { font-size: 1.3rem; }
  .padangutes-ranking__main > strong { font-size: .78rem; }
  .padangutes-ranking__link { gap: .4rem; grid-template-columns: 28px 44px minmax(0, 1fr) 42px; padding: .3rem .15rem; }
  .padangutes-ranking__mini > span { font-size: .62rem; }
  .padangutes-value { border-radius: 14px; padding: .8rem; }
  .padangutes-value__heading h2 { font-size: 1.3rem; }
  .padangutes-value__list a { gap: .4rem; grid-template-columns: 28px 42px minmax(0, 1fr) 48px; padding: .35rem .2rem; }
  .padangutes-value__price { grid-column: 3; grid-row: 2; text-align: left; }
  .padangutes-value__score { grid-column: 4; grid-row: 1 / 3; }
}