/* Only Custom Reference changes on desktop. The calculator is shared with mobile. */
.has-reference-calculator > :not(.reference-calculator) { display: none !important; }
.has-reference-calculator > .reference-calculator { --calc-accent: #44d4ee; display: flex; flex-direction: column; gap: 9px; width: 100%; min-width: 0; color: #e5edf0; font: 18px/1.15 'Grenze',serif; text-shadow: 0 1px 2px #000; }
.reference-calculator * { box-sizing: border-box; }
.reference-calculator :is(h1,h2,p) { margin: 0; }
.calc-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: var(--calc-accent); font-family: 'Germania One',sans-serif; }
.calc-heading h1 { font: inherit; font-size: clamp(30px,2.4vw,48px); line-height: 1; }
.calc-start { font-size: 28px; white-space: nowrap; }
.calc-notice { padding: 8px 11px; border-left: 2px solid #44d4ee80; background: #0c1a22b3; color: #b7d1d7; font: 17px/1.15 'Grenze',serif; }
.calc-minimum { color: #a7c5cb; font-size: 16px; }
.calc-select-label { display: none; }
.calc-catalog { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.calc-group { min-width: 0; padding: 9px; border: 1px solid #44d4ee24; border-radius: 8px; background: #040c12b8; }
.calc-group[hidden] { display: none; }
.calc-group h2 { padding: 0 4px 5px; color: #7dd9ed; font: 19px/1.1 'Germania One',sans-serif; }
.calc-group:nth-child(2) { grid-column: 2; grid-row: 1; }
.calc-group:nth-child(3) { grid-column: 2; grid-row: 2; }
.calc-group:nth-child(4) { grid-column: 3; grid-row: 1; }
.calc-group:nth-child(5) { grid-column: 3; grid-row: 2; }
.calc-group:first-child { grid-row: span 2; }
.calc-option { display: flex; align-items: center; gap: 7px; width: 100%; min-height: 34px; padding: 5px 3px; border: 0; border-radius: 5px; background: transparent; color: #cddde0; font: 18px/1.05 'Grenze',serif; text-align: left; cursor: pointer; transition: background .18s,color .18s; }
.calc-option:hover { background: #44d4ee12; }
.calc-option[aria-pressed="true"] { color: #effeff; background: #44d4ee18; }
.calc-option-name { flex: 1; min-width: 0; }
.calc-option > strong { color: #69d6f0; white-space: nowrap; font-weight: 500; }
.calc-check { flex: 0 0 17px; width: 17px; height: 17px; border: 1px solid #3999b4; border-radius: 4px; color: transparent; font: 13px/15px sans-serif; text-align: center; }
[aria-pressed="true"] > .calc-check { background: var(--calc-accent); color: #06151a; }
.calc-cart { padding: 10px 12px; border: 1px solid #44d4ee59; border-radius: 9px; background: #030b13dc; }
.calc-cart-heading { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; }
.calc-cart-heading h2 { color: #8ce3f4; font: 22px/1.05 'Germania One',sans-serif; }
.calc-count { padding: 3px 6px; border-radius: 12px; background: #44d4ee1a; color: #a9dbe8; font-size: 14px; white-space: nowrap; }
.calc-clear { margin-left: auto; padding: 4px; border: 0; background: transparent; color: #95bac6; font: 15px 'Grenze',serif; cursor: pointer; }
.calc-clear:disabled { opacity: .4; cursor: default; }
.calc-cart-list { height: clamp(100px,13vh,170px); overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #376d83 #07131b; padding-right: 5px; }
.calc-cart-list::-webkit-scrollbar { width: 5px; }
.calc-cart-list::-webkit-scrollbar-thumb { background: #376d83; border-radius: 5px; }
.calc-cart-row { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(60px,auto); align-items: center; gap: 8px; padding: 5px 0; border-bottom: 1px solid #79cfe517; }
.calc-row-label { display: flex; flex-direction: column; min-width: 0; font-size: 18px; line-height: 1.05; }
.calc-row-label small { color: #8facb7; font-size: 13px; }
.calc-quantity { display: flex; align-items: center; gap: 3px; }
.calc-quantity button { width: 30px; height: 30px; padding: 0; border: 1px solid #44d4ee45; border-radius: 6px; background: #112632; color: #c9f5ff; font: 20px/1 sans-serif; cursor: pointer; touch-action: manipulation; }
.calc-quantity button:disabled { opacity: .4; cursor: default; }
.calc-quantity output { width: 23px; text-align: center; color: white; font: 18px/1 'Grenze',serif; }
.calc-line-total { color: #a8eaff; font-size: 17px; text-align: right; font-weight: 500; white-space: nowrap; }
.calc-empty { padding: 16px 0; color: #a0b9c3; }
.calc-summary { display: flex; justify-content: space-between; gap: 10px; align-items: center; border-top: 1px solid #44d4ee45; padding-top: 8px; margin-top: 5px; color: #c4dce4; }
.calc-total { color: #8ce9ff; font: 28px/1 'Germania One',sans-serif; white-space: nowrap; }
.reference-calculator .calc-reminder { margin-top: 6px; color: #f3b867; font-size: 14px; }
.calc-order { display: flex; justify-content: space-between; align-items: center; min-height: 40px; margin-top: 1px; padding: 8px 13px; border: 1px solid #44d4ee80; border-radius: 7px; background: linear-gradient(90deg,#2483a0,#1e576d); color: white; font: 21px/1 'Germania One',sans-serif; text-decoration: none; }
.calc-flyer { pointer-events: none; position: fixed; z-index: 11000; max-width: 180px; padding: 7px 10px; border: 1px solid #82e7ff; border-radius: 20px; background: #1b6985; color: white; font: 16px/1.05 'Grenze',serif; box-shadow: 0 4px 15px #0007; }
.paneref5 .main_comm > .content_wrap_comm.has-reference-calculator { min-width: 0; }
.paneref5 .main_comm > .orderref-cumstom { display: none; }
.reference-calculator .calc-reminder[hidden] { display: block; visibility: hidden; }
@media (min-width: 1280px) {
  .has-reference-calculator > .reference-calculator { padding-top: 6px; }
  .paneref5 .main_comm > .content_wrap_comm.has-reference-calculator { margin-right: 23vw; padding: 0 .8vw .6vw; }
  .paneref5 .main_comm > .orderref-cumstom { display: none; }
  .reference-calculator .calc-order { align-self: flex-start; width: 180px; }
}
@media (min-width: 2100px) {
  .has-reference-calculator > .reference-calculator { gap: 12px; font-size: 23px; }
  .calc-notice,.calc-minimum { font-size: 21px; }
  .calc-group h2 { font-size: 25px; }
  .calc-option { font-size: 23px; min-height: 45px; }
  .calc-cart-row { padding: 7px 0; }
  .calc-row-label { font-size: 23px; }
  .calc-row-label small { font-size: 17px; }
  .calc-line-total { font-size: 22px; }
}
@media (max-width: 1279.98px) {
  .paneref5 .main_comm > .content_wrap_comm.has-reference-calculator { display: flex; height: auto; min-height: 0; margin: 0; padding: 13px 16px !important; overflow: clip; background: #04121bd9; }
  .has-reference-calculator > .reference-calculator { gap: 7px; }
  .calc-heading h1 { font-size: clamp(28px,4.2vw,38px); }
  .calc-start { font-size: 24px; }
  .calc-notice { font-size: 16px; padding: 6px 9px; }
  .calc-minimum { font-size: 15px; }
  .calc-select-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #9cc6d5; font-size: 16px; }
  .calc-select { width: 68%; min-height: 34px; padding: 5px 9px; border: 1px solid #44d4ee60; border-radius: 6px; background: #0c2634; color: #c5f4ff; font: 17px 'Grenze',serif; }
  .calc-catalog { display: block; min-height: 204px; }
  .calc-group { padding: 6px 8px; }
  .calc-group h2 { display: none; }
  .calc-option { min-height: 38px; font-size: 18px; }
  .calc-cart { padding: 8px 9px; }
  .calc-cart-heading h2 { font-size: 21px; }
  .calc-cart-list { height: 116px; }
  .calc-cart-row { grid-template-columns: minmax(0,1fr) auto minmax(48px,auto); gap: 5px; padding: 5px 0; }
  .calc-row-label { font-size: 17px; }
  .calc-row-label small { font-size: 12px; }
  .calc-quantity { gap: 1px; }
  .calc-quantity button { width: 28px; height: 30px; }
  .calc-quantity output { width: 20px; }
  .calc-line-total { font-size: 15px; }
  .calc-summary { padding-top: 6px; font-size: 17px; }
  .calc-total { font-size: 25px; }
  .calc-order { min-height: 38px; font-size: 20px; }
}