.price-view-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  margin-top: 8px;
  padding: 0 2px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: var(--navy);
  font-size: .8rem;
  font-weight: 550;
  text-align: start;
}
.price-view-switch:hover .price-view-indicator {
  border-color: #677fa6;
}
.price-view-indicator {
  position: relative;
  flex: none;
  width: 24px;
  height: 14px;
  border: 1px solid #8b99b2;
  border-radius: 999px;
  background: #edf0f6;
}
.price-view-indicator::before {
  position: absolute;
  inset: 2px auto 2px 2px;
  width: 8px;
  border-radius: 50%;
  background: #667796;
  content: '';
}
.price-view-switch[aria-pressed="true"] .price-view-indicator {
  border-color: var(--navy);
  background: var(--navy);
}
.price-view-switch[aria-pressed="true"] .price-view-indicator::before {
  transform: translateX(10px);
  background: #fff;
}

.price-pdf-view .price-layout { gap: 22px; padding-block-start: 24px; }
.price-pdf-view .price-search { max-width: 540px; }
.price-pdf-view .price-results-heading { margin-block-end: 11px; }
#price-pdf-hint { margin-inline-start: 2px; }
#price-pdf-hint::before { content: ' · '; }
.price-pdf-panels {
  display: grid;
  gap: 14px;
  align-items: start;
  min-width: 0;
}
.price-pdf-panel {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
}
.price-pdf-section {
  --pdf-band: #154995;
  --pdf-band-text: #fff;
  border: 1px solid #afc1d3;
  border-radius: 6px;
  background: #fff;
  min-width: 0;
}
.price-pdf-section[data-section="papier"],
.price-pdf-section[data-section="file-storage"] { --pdf-band: #08734f; }
.price-pdf-section[data-section="duracell"] { --pdf-band: #f5c342; --pdf-band-text: #1d2b37; }
.price-pdf-section[data-section="papierklem"],
.price-pdf-section[data-section="notebook"] { --pdf-band: #b02b50; }
.price-pdf-section[data-section="whiteboard"] { --pdf-band: #086782; }
.price-pdf-section[data-section="stempel-inkpad"],
.price-pdf-section[data-section="office-machine"] { --pdf-band: #6138a1; }
.price-pdf-section[data-section="tape"] { --pdf-band: #994414; }
.price-pdf-section[data-section="sticky-notes"] { --pdf-band: #a82875; }
.price-pdf-section[data-section="paperclips"],
.price-pdf-section[data-section="dymo"],
.price-pdf-section[data-section="tapes"] { --pdf-band: #15589c; }
.price-pdf-section[data-section="filing"] { --pdf-band: #efbc55; --pdf-band-text: #1d2b37; }

.price-pdf-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 49px;
  padding: 6px 10px;
  background: var(--pdf-band);
  color: var(--pdf-band-text);
  border-radius: 5px 5px 0 0;
  font-size: .97rem;
  font-weight: 680;
  line-height: 1.18;
  letter-spacing: .025em;
  text-transform: uppercase;
}
.price-pdf-heading span { min-width: 0; overflow-wrap: anywhere; hyphens: auto; }
.price-pdf-heading img {
  flex: none;
  width: clamp(56px, 7vw, 96px);
  height: 34px;
  object-fit: contain;
  filter: drop-shadow(0 1px 2px #fff7);
}
.price-pdf-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  background: #fff;
  font-size: .81rem;
  line-height: 1.26;
}
.pdf-col-name { width: 34%; }
.pdf-col-sku { width: 22%; }
.pdf-col-pack { width: 18%; }
.pdf-col-price { width: 14%; }
.pdf-col-qty { width: 12%; }
.price-pdf-table :is(th, td) {
  padding: 4px 5px;
  overflow-wrap: anywhere;
  vertical-align: middle;
  text-align: start;
}
.price-pdf-table thead th {
  padding-block: 5px;
  background: #103c62;
  color: #fff;
  font-size: .71rem;
  font-weight: 560;
  white-space: nowrap;
}
.price-pdf-table th.pdf-pack { padding-inline: 3px; }
.price-pdf-table td.pdf-sku { font-size: .75rem; }
.price-pdf-table thead th:nth-child(4),
.price-pdf-table td.pdf-price { text-align: end; }
.price-pdf-table thead th:nth-child(5),
.price-pdf-table td.pdf-qty { text-align: center; }
.price-pdf-row { background: #f5faff; }
.price-pdf-row:nth-child(even) { background: #eaf4fe; }
.price-pdf-row:is(:focus-within, .is-picked) { background: #daeafb; }
.price-pdf-row > :is(th, td) {
  border-bottom: 1px solid #d5e4f0;
  border-inline-end: 1px solid #d5e4f0;
}
.price-pdf-row:last-child > :is(th, td) { border-bottom: 0; }
.price-pdf-row > :last-child { border-inline-end: 0; }
.pdf-item { font-weight: 560; }
.pdf-item-meta { display: none; }
.price-pdf-table .pdf-item-spec,
.price-pdf-table .pdf-price small {
  display: block;
  margin-top: 2px;
  color: #495e76;
  font-size: .7rem;
  font-weight: 400;
  line-height: 1.18;
}
.pdf-price { color: #113a68; font-variant-numeric: tabular-nums; font-weight: 650; }
.pdf-price .price-money { white-space: normal; }
.pdf-quantity {
  display: block;
  width: min(100%, 55px);
  min-width: 0;
  height: 33px;
  margin-inline: auto;
  padding: 2px 2px;
  border: 1px solid #8aa3bc;
  border-radius: 4px;
  background: #fff;
  color: #143459;
  font-size: .88rem;
  font-variant-numeric: tabular-nums;
  text-align: center;
  scroll-margin-block-end: 88px;
}
.pdf-quantity:focus-visible { outline-offset: 1px; }
.price-pdf-row.is-picked .pdf-quantity { border-color: #345c94; font-weight: 620; }

@media (min-width: 761px) {
  .price-pdf-view .price-masthead { min-height: 0; padding-block: 20px 25px; }
  .price-pdf-view .price-intro { padding-top: 14px; }
  .price-pdf-view .price-intro h1 { font-size: clamp(3.2rem, 5vw, 4.7rem); }
  .price-pdf-view .price-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .price-pdf-view .price-cart {
    position: static;
    grid-row: 1;
    display: grid;
    grid-template-columns: minmax(120px, .8fr) minmax(165px, 1.7fr) minmax(160px, 1fr) auto;
    align-items: center;
    gap: 6px 14px;
    max-height: none;
    padding: 10px 14px;
    box-shadow: 0 4px 18px #16294d12;
  }
  .price-pdf-view .price-cart-head {
    display: grid;
    justify-items: start;
    gap: 4px;
    padding: 0;
    border: 0;
  }
  .price-pdf-view .price-cart-head h2 { font-size: 1.12rem; }
  .price-pdf-view .price-cart-items { max-height: 92px; min-height: 0; padding-inline-end: 6px; }
  .price-pdf-view .price-cart-list { margin: 0; padding: 0; list-style: none; }
  .price-pdf-view .price-cart-line { padding-block: 4px; }
  .price-pdf-view .price-empty {
    justify-items: start;
    padding: 0;
    text-align: start;
    font-size: .85rem;
  }
  .price-pdf-view .price-empty-mark { display: none; }
  .price-pdf-view .price-cart-totals { padding: 0; border: 0; }
  .price-pdf-view .price-amounts > div { padding: 0; font-size: .8rem; }
  .price-pdf-view .price-amounts > div.price-grand { margin: 3px 0 0; padding-top: 3px; font-size: .9rem; }
  .price-pdf-view .price-grand .price-money { font-size: 1.05rem; }
  .price-pdf-view #checkout-button { width: auto; min-height: 44px; font-size: .86rem; }
  .price-pdf-view .price-mobile-order {
    position: fixed;
    z-index: 4;
    inset-inline-end: max(var(--gutter), (100% - var(--shell)) / 2);
    bottom: calc(15px + env(safe-area-inset-bottom));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 9px 10px 9px 14px;
    border: 1px solid #c8d5e9;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 30px #15294d24;
  }
  .price-pdf-view .price-mobile-summary {
    display: grid;
    min-height: 44px;
    align-content: center;
    padding: 0;
    border: 0;
    background: none;
    color: var(--muted);
    font-size: .79rem;
    line-height: 1.26;
    text-align: start;
  }
  .price-pdf-view .price-mobile-summary strong {
    color: var(--navy);
    font-size: 1.14rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .price-pdf-view .price-mobile-order .price-primary { width: auto; min-height: 44px; font-size: .86rem; }
  .price-pdf-view.price-has-items { padding-block-end: calc(80px + env(safe-area-inset-bottom)); }
}

@media (min-width: 1160px) {
  .price-pdf-panels { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .price-pdf-view .price-layout { gap: 15px; padding-block-start: 17px; }
  .pdf-quantity { height: 44px; font-size: 1rem; }
}
@media (max-width: 530px) {
  .price-pdf-table { font-size: .87rem; }
  #price-pdf-hint { display: block; margin-inline-start: 0; }
  #price-pdf-hint::before { content: none; }
  .pdf-col-sku, .pdf-col-pack,
  .price-pdf-table thead th:nth-child(2),
  .price-pdf-table thead th:nth-child(3),
  .price-pdf-table :is(.pdf-sku, .pdf-pack) { display: none; }
  .pdf-col-name { width: auto; }
  .pdf-col-price { width: 72px; }
  .pdf-col-qty { width: 57px; }
  .price-pdf-table .pdf-item-meta {
    display: block;
    margin-top: 2px;
    color: #495e76;
    font-size: .74rem;
    font-weight: 400;
  }
  .price-pdf-table :is(th, td) { padding-inline: 6px; }
}