/**
 * bububu.sk — order-complete / bank-transfer recap
 * Desktop presentation only. Shoptet's native order, payment, QR and account
 * data remain untouched and authoritative.
 */

@media (min-width: 992px) {
  body.id--15 {
    --bb-order-ink: #211f1d;
    --bb-order-muted: #716d68;
    --bb-order-line: #dedbd6;
    --bb-order-paper: #f6f4f1;
    --bb-order-white: #fff;
    background: var(--bb-order-white);
    color: var(--bb-order-ink);
  }

  body.id--15 #content-wrapper.container,
  body.id--15 #content-wrapper > .content-wrapper-in,
  body.id--15 main#content.content {
    width: 100%;
    max-width: none;
  }

  body.id--15 main#content.content {
    padding: clamp(42px, 4vw, 68px) clamp(32px, 5vw, 76px) 88px;
  }

  body.id--15 main#content > .content-inner {
    width: min(100%, 1180px);
    max-width: 1180px;
    margin: 0 auto;
    padding: 0;
  }

  body.id--15 .recapitulation-wrapper {
    display: grid;
    width: 100%;
    gap: 0;
    margin: 0 auto;
  }

  body.id--15 .recapitulation-wrapper > .recapitulation-single {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 38px 0;
    border: 0;
    border-top: 1px solid var(--bb-order-line);
    background: transparent;
    box-shadow: none;
  }

  body.id--15 .recapitulation-wrapper > .recapitulation-single:first-child {
    padding-top: 0;
    border-top: 0;
  }

  body.id--15 .recapitulation-wrapper .order-icon {
    margin: 0 0 22px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--bb-order-ink);
    font-size: clamp(24px, 2vw, 30px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -.018em;
    text-transform: none;
  }

  body.id--15 .recapitulation-wrapper .order-icon::before,
  body.id--15 .recapitulation-wrapper .order-icon::after {
    display: none !important;
    content: none !important;
  }

  body.id--15 .recapitulation-wrapper table,
  body.id--15 .recapitulation-wrapper tbody,
  body.id--15 .recapitulation-wrapper tr,
  body.id--15 .recapitulation-wrapper th,
  body.id--15 .recapitulation-wrapper td {
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  /* Payment and delivery: two balanced information columns. */
  body.id--15 .recapitulation-single:has(.order-payment) > .row {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    gap: clamp(42px, 5vw, 72px);
    margin: 0;
    padding: clamp(28px, 3vw, 38px);
    background: var(--bb-order-paper);
  }

  body.id--15 .recapitulation-single:has(.order-payment) > .row::before,
  body.id--15 .recapitulation-single:has(.order-payment) > .row::after {
    display: none;
    content: none;
  }

  body.id--15 .recapitulation-single:has(.order-payment) > .row > [class*="col-"] {
    float: none;
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;
  }

  body.id--15 .recapitulation-single:has(.order-payment) > .row > [class*="col-"]:last-child {
    position: relative;
    min-height: 148px;
    padding-right: 176px;
  }

  body.id--15 .recapitulation-single:has(.order-payment) table {
    width: 100%;
    margin: 0;
    table-layout: fixed;
  }

  body.id--15 .recapitulation-single:has(.order-payment) tr {
    display: grid;
    grid-template-columns: minmax(128px, .9fr) minmax(0, 1.1fr);
    gap: 18px;
    align-items: baseline;
    padding: 5px 0;
  }

  body.id--15 .recapitulation-single:has(.order-payment) th,
  body.id--15 .recapitulation-single:has(.order-payment) td {
    width: auto;
    padding: 0;
    font-size: 16px;
    line-height: 1.35;
    text-align: left;
    overflow-wrap: anywhere;
  }

  body.id--15 .recapitulation-single:has(.order-payment) th,
  body.id--15 .recapitulation-single:has(.order-payment) td:first-child {
    color: var(--bb-order-muted);
    font-weight: 400;
  }

  body.id--15 .recapitulation-single:has(.order-payment) td:last-child,
  body.id--15 .recapitulation-single:has(.order-payment) th + td {
    color: var(--bb-order-ink);
    font-weight: 650;
  }

  body.id--15 .recapitulation-single:has(.order-payment) img {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 148px !important;
    max-width: 100%;
    height: auto !important;
    margin: 0;
    padding: 10px;
    border: 1px solid var(--bb-order-line);
    background: var(--bb-order-white);
  }

  body.id--15 .recapitulation-single:has(.order-payment) tr:has(img) {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 148px;
    padding: 0;
  }

  body.id--15 .recapitulation-single:has(.order-payment) tr:has(img) td {
    display: block;
    width: 148px;
    padding: 0;
  }

  /* Order content: product-led row without legacy vertical separators. */
  body.id--15 .recapitulation-single:has(.order-content) .cart-table {
    width: 100%;
    margin: 0;
    table-layout: auto;
  }

  body.id--15 .recapitulation-single:has(.order-content) .cart-table tr {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) minmax(122px, auto) minmax(92px, auto);
    gap: 22px;
    align-items: center;
    min-height: 108px;
    padding: 18px 0;
    border-top: 1px solid var(--bb-order-line);
  }

  body.id--15 .recapitulation-single:has(.order-content) .cart-table tr:last-child {
    border-bottom: 1px solid var(--bb-order-line);
  }

  body.id--15 .recapitulation-single:has(.order-content) .cart-table td {
    display: block;
    width: auto;
    min-width: 0;
    padding: 0;
    border: 0 !important;
    color: var(--bb-order-ink);
    font-size: 16px;
    line-height: 1.4;
  }

  body.id--15 .recapitulation-single:has(.order-content) .cart-table img {
    display: block;
    width: 76px !important;
    height: 76px !important;
    margin: 0 auto 0 0;
    object-fit: contain;
  }

  body.id--15 .recapitulation-single:has(.order-content) .p-name,
  body.id--15 .recapitulation-single:has(.order-content) [data-testid="recapItemName"] {
    color: var(--bb-order-ink);
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
  }

  body.id--15 .recapitulation-single:has(.order-content) .p-name a {
    color: inherit;
    text-decoration: none;
  }

  body.id--15 .recapitulation-single:has(.order-content) .p-name a:hover,
  body.id--15 .recapitulation-single:has(.order-content) .p-name a:focus-visible {
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  body.id--15 .recapitulation-single:has(.order-content) .p-quantity,
  body.id--15 .recapitulation-single:has(.order-content) .p-total {
    text-align: right;
    white-space: nowrap;
  }

  body.id--15 .recapitulation-single:has(.order-content) .p-total,
  body.id--15 .recapitulation-single:has(.order-content) .price-final {
    font-weight: 700;
  }

  /* Final confirmation and account/shop actions. */
  body.id--15 .order-summary-item.summary-thx,
  body.id--15 [data-testid="textRecapMessage"] {
    max-width: 680px;
    margin: 12px auto 0;
    color: var(--bb-order-muted);
    font-size: 15px;
    line-height: 1.55;
    text-align: center;
  }

  body.id--15 .order-summary-item.summary-thx > *:last-child {
    margin-bottom: 0;
  }

  body.id--15 .order-complete-links {
    display: flex;
    max-width: 760px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px 22px;
    margin: 28px auto 0;
    color: var(--bb-order-ink);
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
  }

  body.id--15 .order-complete-links br {
    display: none;
  }

  body.id--15 .order-complete-links a {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }

  body.id--15 .order-complete-links a.btn,
  body.id--15 .order-complete-links .btn {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    padding: 0 26px;
    border: 1px solid var(--bb-order-ink);
    border-radius: 0;
    background: var(--bb-order-ink);
    color: var(--bb-order-white);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .02em;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: none;
  }

  body.id--15 .order-complete-links a.btn:hover,
  body.id--15 .order-complete-links a.btn:focus-visible,
  body.id--15 .order-complete-links .btn:hover,
  body.id--15 .order-complete-links .btn:focus-visible {
    background: var(--bb-order-white);
    color: var(--bb-order-ink);
  }

  body.id--15 .order-complete-links a:focus-visible,
  body.id--15 .recapitulation-wrapper a:focus-visible {
    outline: 2px solid #c73b34;
    outline-offset: 3px;
  }
}