
/*
 * IONTMAX Theme — Classic commerce
 * Blank-only compatibility layer.
 * Source: captured Shoptet Classic runtime checkpoint 2026-08-01.
 *
 * Provides structural fallback for cart/checkout before IONTMAX page
 * enhancements are applied, plus customer-account baseline.
 */

/* ===== Classic cart + checkout structural baseline ===== */
.cart-inner{padding:10px}
@media(max-width:767px){.content-wrapper.container .row.cart-row{margin-left:0;margin-right:0}.content-wrapper.container .row.cart-row>div,.ordering-process .content-wrapper.container{padding-left:0;padding-right:0}}
.checkout-box h3{margin-top:0}
.checkout-box .box.box-sm{background-color:transparent;height:0;margin-bottom:0;overflow:hidden;padding:0;transform:scale(0);transition:all .3s ease-out;visibility:hidden}
.checkout-box .box.box-sm.visible{height:auto;margin-top:10px;transform:scale(1);visibility:visible}
@media(max-width:767px){.checkout-box{margin-top:19px}}

.cart-table{border-bottom-style:none;border-bottom-width:1px;border-collapse:collapse;border-top-style:none;border-top-width:1px;margin-bottom:20px;margin-top:20px;text-align:left;width:100%}
.cart-table tr>td{border-right-style:solid;border-right-width:1px;border-top-style:solid;border-top-width:1px;padding:3px 5px}
.cart-table tr>td.p-total{border-right-style:none;text-align:right;white-space:nowrap}
.cart-table tr.related{display:none}
.cart-table tr.related>td{border-right-style:none}
.cart-table tr.related.visible{display:table-row}
@media(max-width:767px){.cart-table tr.related.visible{display:block}.cart-table tr.related.visible td{display:block;width:100%}}
.cart-table tr:first-child>td{border-top-style:none}
.cart-table .cart-p-image{width:86px}
.cart-table .cart-p-image img{max-width:none;width:76px}
.cart-table .p-name{padding-left:10px}
.cart-table .p-discount,.cart-table .p-price,.cart-table .p-quantity{white-space:nowrap}
.cart-table .p-quantity{text-align:center}
.cart-table .p-quantity .quantity{font-size:14px}
.cart-table .p-quantity .quantity input{width:32px}
.cart-table .p-availability,.cart-table .p-discount,.cart-table .p-price{text-align:center}
.cart-table .main-link{font-size:14px;font-weight:400;text-transform:uppercase}
.cart-table .p-price{min-width:70px}
.cart-table .p-price .p-label{margin-bottom:5px}
.cart-table .price-additional,.cart-table .price-final,.cart-table .price-save,.cart-table .unit-value{display:inline-block;font-size:14px;vertical-align:middle}

@media(max-width:767px){
  .cart-table,.cart-table tbody{display:block}
  .cart-table tr{align-items:stretch;border-bottom-style:solid;border-bottom-width:1px;display:flex;flex-wrap:wrap;margin-bottom:10px;padding-bottom:10px;padding-left:10px;padding-right:10px}
  .cart-table tr>td{border-style:none;flex-grow:1;flex-shrink:0;margin:0;padding:0 0 5px;width:50%}
  .cart-table tr>td.cart-p-image,.cart-table tr>td.p-total{padding-bottom:0}
  .cart-table tr>td.cart-p-image{flex:0 0 76px;margin-bottom:10px}
  .cart-table tr>td.p-name{align-self:center;flex:1 1 calc(100% - 76px);padding-left:5px}
  .cart-table tr>td:nth-child(odd){text-align:left}
  .cart-table tr>td:nth-child(2n),.cart-table tr>td:nth-child(odd).p-total{text-align:right}
  .cart-table tr>td:nth-child(2n).p-name{text-align:left}
  .related .cart-table tr>td{width:100%}
  .cart-table tr:last-child{border-bottom-style:none;margin-bottom:0;padding-bottom:0}
}

.next-step-back,a.next-step-back{text-transform:none}
.cart-content .oss-price-notification__wrapper{text-align:right}

@media(min-width:480px){
  :where(.ums_forms_redesign--on) .inline-form-fields .cart-content .co-box h2{
    padding-left:var(--inline-form-group-labels-computed-padding-left)
  }
}

ol.cart-header{font-size:0;margin:0;padding:0;text-transform:uppercase}
ol.cart-header li{font-size:14px;list-style:none;margin:0}
ol.cart-header li a,ol.cart-header li strong{display:block;padding:10px 0}
ol.cart-header li a span,ol.cart-header li strong span{vertical-align:middle}
ol.cart-header li a span:before,ol.cart-header li strong span:before{
  border-radius:50%;
  border-style:solid;
  border-width:2px;
  content:counter(steps);
  counter-increment:steps;
  display:inline-block;
  font-size:14px;
  height:30px;
  line-height:26px;
  margin-right:1ex;
  text-align:center;
  vertical-align:middle;
  width:30px
}
ol.cart-header li strong{font-weight:400}

@media(max-width:767px){
  ol.cart-header{left:0;position:fixed;right:0;top:0;z-index:1}
  ol.cart-header li{border-bottom-style:solid;border-bottom-width:1px;display:none;font-size:20px;padding:0 60px 0 20px}
  ol.cart-header li a,ol.cart-header li strong{line-height:17px;padding:20px 0}
  ol.cart-header li a span:before,ol.cart-header li strong span:before{display:none}
  ol.cart-header li.active{display:block}
}

@media(min-width:768px){
  ol.cart-header{border-bottom-style:solid;border-bottom-width:1px}
  ol.cart-header li{display:inline-block;margin:0;position:relative;top:1px;width:33.33333%}
  ol.cart-header li a,ol.cart-header li strong{border-bottom:1px solid transparent;padding-left:40px}
}

@media(min-width:992px){
  ol.cart-header{margin:-40px -40px 0}
}

.cart-summary{padding-top:20px}

@media(max-width:991px){
  .cart-summary{padding:10px 10px 20px}
}

.cart-inner{padding:0}

@media(max-width:991px){
  .cart-inner .delivery-time{padding:5px 10px}
}

.next-step .btn.btn-lg{line-height:36px;padding:10px 20px}
.next-step .next-step-back{font-size:14px}
.next-step-finish{align-items:center;display:flex;flex-direction:column}
.next-step{align-items:stretch;display:flex;flex-direction:column-reverse;margin-bottom:19px;text-align:center}

@media(min-width:480px) and (max-width:991px){
  .next-step{align-items:center;flex-direction:row;justify-content:flex-end}
}

@media(min-width:1440px){
  .next-step{align-items:center;flex-direction:row;justify-content:flex-end}
}

@media(max-width:991px){
  .next-step{padding:0 10px 10px}
}

@media(min-width:992px){
  .next-step{margin-bottom:0}
}

@media(min-width:992px) and (max-width:1199px){
  .next-step{margin-bottom:-16px}
}

.btn.next-step-forward{white-space:nowrap}
.btn.next-step-forward:after{content:"\e910";margin-left:1ex}

@media(min-width:992px){
  .price-wrapper+.next-step{margin-top:19px}
}

@media(max-width:991px){
  .cart-row>div.col-md-4,.cart-row>div.col-md-8{padding-left:0;padding-right:0}
}

@media(min-width:768px){
  .cart-row>div.col-md-8{padding-left:0;padding-right:0}
  .cart-row>div.col-md-4{padding-right:0}
}

@media(max-width:991px){
  .checkout-box-wrapper{display:none}
}

.checkout-box{margin-bottom:20px}

@media(max-width:767px){
  .checkout-box{margin-top:0}
}

@media(max-width:991px){
  .cart-empty .cart-content{padding:20px}
}

@media(min-width:992px){
  .cart-content{padding:20px}
  .col-md-8 .cart-content{padding:40px}
  .cart-content+.cart-content{margin-top:20px}
}

.cart-content h2,.recapitulation-wrapper h2{text-transform:uppercase}

.co-box{padding:19px 10px}
:where(.ums_forms_redesign--off) .co-box{border-top-style:solid;border-top-width:1px}
:where(.ums_forms_redesign--on) .co-box.co-box-additional{border-top-style:solid;border-top-width:1px}
:where(.ums_forms_redesign--off) .co-box.co-basic-information,
:where(.ums_forms_redesign--off) .co-box.co-contact-information{border-top-style:none}

:where(.ums_forms_redesign--off) .co-box h4{
  line-height:36px;
  padding-left:48px;
  position:relative
}

:where(.ums_forms_redesign--off) .co-box h4:before{
  content:"\e922";
  font-size:36px;
  font-weight:400;
  left:0;
  line-height:36px;
  margin-top:-18px;
  position:absolute;
  top:50%
}

:where(.ums_forms_redesign--on) :where(.cart-content) .co-box h2{
  margin-bottom:36px;
  padding-left:60px;
  position:relative
}

:where(.ums_forms_redesign--on) :where(.cart-content) .co-box h2:before{
  color:var(--color-primary);
  content:"\e922";
  font-size:36px;
  font-weight:400;
  left:0;
  line-height:36px;
  margin-top:-18px;
  position:absolute;
  top:50%
}

.co-box.co-basic-information h2:before,
.co-box.co-basic-information h4:before{
  content:"\e917";
  font-size:28px
}

form:first-of-type :where(.ums_forms_redesign--off) .co-box.co-delivery-method{
  border-top-style:none
}

.co-box.co-delivery-method h2:before,
.co-box.co-delivery-method h4:before{
  content:"\e92e";
  font-size:40px
}

.co-box.co-payment-method h2:before,
.co-box.co-payment-method h4:before{
  content:"\e926"
}

.co-box.co-billing-address h2:before,
.co-box.co-billing-address h4:before,
.co-box.co-shipping-address h2:before,
.co-box.co-shipping-address h4:before{
  content:"\e923"
}

.co-box.co-order h2:before,
.co-box.co-order h4:before{
  content:"\e925"
}

:where(.ums_forms_redesign--off) .co-box.co-payment-method{
  padding-bottom:10px
}

@media(max-width:767px){
  :where(.ums_forms_redesign--off) .co-box.co-order .cart-table{
    margin-left:-10px;
    margin-right:-10px;
    width:calc(100% + 20px)
  }
}

@media(min-width:1200px){
  :where(.ums_forms_redesign--on) .co-box{padding:38px 80px}
  :where(.ums_forms_redesign--on) .co-box.co-box-additional{padding-bottom:0}
  :where(.ums_forms_redesign--on) .co-box.co-box-additional .form-group:last-child{margin-bottom:0}
  .box:where(.ums_forms_redesign--on) .co-box h4,
  :where(.ums_forms_redesign--on) .co-box h4{margin-left:-80px;padding-left:80px}
  .box:where(.ums_forms_redesign--on) .co-box h4:before,
  :where(.ums_forms_redesign--on) .co-box h4:before{left:20px}
}

@media(min-width:992px){
  :where(.ums_forms_redesign--off) .co-box{padding:38px 80px}
  :where(.ums_forms_redesign--off) .co-box.co-box-additional{padding-bottom:0}
  :where(.ums_forms_redesign--off) .co-box.co-box-additional .form-group:last-child{margin-bottom:0}
  .box:where(.ums_forms_redesign--off) .co-box h4,
  :where(.ums_forms_redesign--off) .co-box h4{margin-left:-80px;padding-left:80px}
  .box:where(.ums_forms_redesign--off) .co-box h4:before,
  :where(.ums_forms_redesign--off) .co-box h4:before{left:20px}
}

@media(min-width:1200px){
  :where(.ums_forms_redesign--off) .co-box{padding-left:120px}
  :where(.ums_forms_redesign--off) .co-box .box h4,
  :where(.ums_forms_redesign--off) .co-box h4{margin-left:-120px;padding-left:120px}
}

.co-box.co-registration{padding-left:0}
:where(.ums_forms_redesign--off) .co-box.co-registration h4{margin-left:0;margin-top:0;padding-left:0}
:where(.ums_forms_redesign--off) .co-box.co-registration h4:before{content:""}
.co-box.co-registration:first-of-type{border:0;padding-top:0}
.co-box.co-registration:empty{border:0;padding:0}

@media(max-width:767px){
  .price-summary-wrapper{padding:19px 20px}
}

.confirm-wrapper{display:flex;flex-wrap:wrap;margin-top:-19px}
.confirm-wrapper>div{flex:1 0 100%;padding-left:0;padding-right:0}
.confirm-wrapper>div.price-wrapper{margin-bottom:0;margin-top:19px;order:2}
.confirm-wrapper>div.form-group{order:1}

@media(min-width:992px){
  .confirm-wrapper{align-items:center;border-top-style:solid;border-top-width:1px}
  .confirm-wrapper>div.price-wrapper{flex:1 1 40%;margin-bottom:0}
  .confirm-wrapper>div.form-group{flex:1 1 60%;order:1}
}

.cart-inner .consents,.cart-items{padding-left:10px;padding-right:10px}

@media(min-width:992px){
  .cart-inner .consents,.cart-items{padding-left:0;padding-right:0}
}

.cart-items{margin-bottom:19px}

@media(max-width:991px){
  .order-summary-item+.cart-items{padding-left:0;padding-right:0}
}

.cart-item{display:table;table-layout:fixed;width:100%}
.cart-item>div{
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-right-style:solid;
  border-right-width:1px;
  display:table-cell;
  padding:8px;
  vertical-align:middle
}

.cart-item>div.cart-item-name{text-transform:uppercase}
.cart-item>div.cart-item-name .free-gift-amount{text-transform:lowercase}
.cart-item>div.cart-item-image{display:none;width:87px}
.cart-item>div.cart-item-amount{text-align:center;width:60px}
.cart-item>div.cart-item-price{text-align:right;width:80px}
.cart-item>div.cart-item-price strong{font-weight:400}
.cart-item>div:first-child{padding-left:0}
.cart-item>div:last-child{border-right-style:none;padding-right:0}
.cart-item:last-child>div{border-bottom-style:none}

.cart-item.cart-item-gift>div{
  border-bottom-style:none;
  border-right-style:none;
  padding-bottom:0;
  padding-top:0
}

@media(min-width:1200px){
  .cart-item>div.cart-item-image{display:table-cell}
}

.cart-items .cart-item+.recapitulation-single{padding-top:1em}

.order-summary-heading,
.recapitulation-wrapper{
  margin-left:auto;
  margin-right:auto;
  max-width:1000px
}

.recapitulation-wrapper .order-summary-item,
.recapitulation-wrapper .summary-thx{
  font-size:14px;
  text-align:center
}

.recapitulation-wrapper .order-summary-item{margin-bottom:19px}
.recapitulation-wrapper .summary-thx{margin-bottom:38px}

@media(min-width:1200px){
  .id--8 .content-inner,
  .ordering-process .content-inner{max-width:none}
}

@media(min-width:768px) and (max-width:9999em){
  .cart-inner .contact-box{padding:0 0 0 96px}
  .cart-inner .contact-box.no-image{padding-left:0}
  .cart-inner .contact-box>img{display:block}
}

.co-box.co-registration{padding-right:0}

.cart-table{border-color:var(--colors-foregrounds-borders-secondary)}
.cart-table tr td{
  border-right-color:var(--colors-foregrounds-borders-secondary);
  border-top-color:var(--colors-foregrounds-borders-secondary)
}

.cart-table tr td,
.cart-table tr td.cart-p-image{
  background-color:var(--colors-surface-primary)
}

.cart-table tr td.p-name a{
  color:var(--colors-foregrounds-content-secondary)
}

.cart-table tr td.p-name a:hover{
  color:var(--color-primary)
}

.cart-table tr.related td{
  background-color:var(--colors-surface-primary)
}

.blank-mode .cart-related-name,
.blank-mode .cart-table .main-link,
.blank-mode .h1,
.blank-mode .h2,
.blank-mode .h3,
.blank-mode .h4,
.blank-mode .h5,
.blank-mode .h6,
.blank-mode h1,
.blank-mode h2,
.blank-mode h3,
.blank-mode h4,
.blank-mode h5,
.blank-mode h6,
.cart-related-name,
.cart-table .main-link,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6{
  font-family:var(--template-headings-font),sans-serif
}

ol.cart-header li a,
ol.cart-header li strong{
  background-color:transparent;
  color:var(--colors-foregrounds-content-tertiary)
}

ol.cart-header li a:focus-visible,
ol.cart-header li a:hover{
  background-color:transparent;
  color:var(--color-primary)
}

ol.cart-header li a:focus-visible{z-index:1}

ol.cart-header li.active a,
ol.cart-header li.active strong{
  background-color:transparent;
  color:var(--color-primary)
}

ol.cart-header li.completed a,
ol.cart-header li.completed strong{
  background-color:transparent;
  color:var(--colors-foregrounds-content-tertiary)
}

ol.cart-header li.completed a:focus-visible,
ol.cart-header li.completed a:hover{
  color:var(--color-primary)
}

.next-step-back,
a.next-step-back{
  color:var(--colors-foregrounds-content-tertiary,#aaa)
}

.next-step-back,
.toggle-window-arr,
a.next-step-back,
a.toggle-window-arr{
  background-color:transparent;
  border-color:transparent
}

.next-step-back:hover,
.toggle-window-arr:hover,
a.next-step-back:hover,
a.toggle-window-arr:hover{
  background-color:transparent;
  border-color:transparent;
  color:var(--color-primary)
}

.cart-table .cart-xyDiscount__banner .cart-xyDiscount__conditions a,
.cart-table .cart-xyDiscount__banner .cart-xyDiscount__conditions a:hover{
  color:var(--colors-foregrounds-content-secondary)
}

.btn,
.next-step,
.price-additional,
.price-final,
.price-measure,
.price-save,
.price-standard,
.price-wrapper,
.products .name,
ol.cart-header{
  font-family:var(--template-headings-font),sans-serif
}

.confirm-wrapper{
  border-color:var(--colors-foregrounds-borders-secondary)
}

body.ordering-process{
  background-color:var(--colors-surface-secondary)
}

.ordering-process .content-wrapper{
  background-color:transparent
}

.cart-content,
.cart-header{
  background-color:var(--colors-surface-primary)
}

.cart-item>div,
.co-box{
  border-color:var(--colors-foregrounds-borders-secondary)
}

.cart-item-price .price-final{
  color:var(--colors-foregrounds-content-secondary)
}

.co-box h4:before{
  color:var(--color-primary)
}


/* ===== Customer account baseline ===== */

@media (min-width:1200px){
  .client-table-heading{display:none}
}

.customer-page .table tr:not(:last-child){
  border-bottom-style:solid;
  border-bottom-width:1px
}

.customer-page .table thead{
  position:sticky;
  top:0
}

.customer-page .table td,
.customer-page .table th{
  line-height:1.4;
  padding:10px;
  text-align:left
}

.customer-page .table td.cell--price,
.customer-page .table th.cell--price{
  text-align:right
}

@media (min-width:1200px){
  .customer-page .table td.cell--actions,
  .customer-page .table th.cell--actions{
    text-align:center
  }
}

@media (max-width:1199px){
  .customer-page .table td.cell--actions .btn.btn-plain,
  .customer-page .table th.cell--actions .btn.btn-plain{
    padding-left:0
  }
}

.customer-page .table td.cell--price{
  white-space:nowrap
}

.customer-page .table .tracking-link{
  display:block;
  max-width:17ch;
  overflow-wrap:break-word
}

@media (max-width:1199px){
  .customer-page .table .tracking-link{
    max-width:none;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }
}

.customer-page .table.customer-discussions ul{
  margin:0
}

.customer-page .table .star,
.customer-page .table .star:before,
.customer-page .table .stars{
  position:static
}

@media (max-width:1199px){
  .customer-page .table-mobile-enriched{
    display:block;
    width:100%
  }

  .customer-page .table-mobile-enriched tbody{
    display:block
  }

  .customer-page .table-mobile-enriched th,
  .customer-page .table-mobile-enriched thead{
    display:none
  }

  .customer-page .table-mobile-enriched tr{
    display:block;
    padding:10px 0
  }

  .customer-page .table-mobile-enriched td{
    display:flex;
    gap:0 10px;
    padding:3px 0
  }

  .customer-page .table-mobile-enriched td:empty{
    display:none
  }

  .customer-page .table-mobile-enriched td.cell--price{
    text-align:left;
    white-space:wrap
  }

  .customer-page .table-mobile-enriched .client-table-heading{
    display:block;
    flex-shrink:0;
    width:clamp(min(22ch,45%),40%,200px)
  }

  .customer-page .table-mobile-enriched .client-table-heading:after{
    content:":"
  }

  .customer-page .table-mobile-enriched.customer-discussions .client-table-heading,
  .customer-page .table-mobile-enriched.customer-ratings .client-table-heading{
    width:clamp(min(11ch,30%),23%,135px)
  }

  .customer-page .table-mobile-enriched .cell--rating{
    display:grid;
    grid-template-columns:clamp(min(11ch,30%),23%,135px) auto
  }

  .customer-page .table-mobile-enriched .cell--rating .product-rating-wrap{
    grid-column:2/3
  }
}

.customer-page .shipping-addresses{
  padding-top:19px
}

.customer-page .table-shipping-addresses{
  min-width:-moz-max-content;
  min-width:max-content
}

.customer-page .table-shipping-addresses td:not(:last-child){
  border-right-width:0
}

@media (min-width:1200px){
  .customer-page .table-shipping-addresses td:not(:last-child){
    border-right-style:solid;
    border-right-width:1px
  }
}

.customer-page .default-shipping-address{
  color:var(--colors-state-success,#3a800e)
}

.customer-page .table-order-details .p-name__itemLink,
.customer-page .table-order-details .p-name__itemName{
  display:block;
  width:100%
}

.customer-page .table-order-details .p-name__codeLabel{
  width:clamp(min(22ch,45%),40%,200px)
}

@media (max-width:1199px){
  .customer-page .table-order-details .p-name{
    flex-wrap:wrap
  }
}

.customer-page .table-order-details .row-summary dl{
  display:grid;
  gap:0 10px;
  grid-template-columns:clamp(min(22ch,45%),40%,200px) auto;
  margin:10px 0;
  width:100%
}

.customer-page .table-order-details .row-summary dd{
  margin-left:0
}

@media (min-width:1200px){
  .customer-page .table-order-details .row-summary dl{
    -moz-column-gap:8%;
    column-gap:8%;
    grid-template-columns:auto max-content;
    justify-items:end
  }
}

.customer-page .table td,
.customer-page .table th,
.customer-page .table tr{
  border-color:var(--colors-foregrounds-borders-secondary,#dadada)
}

.customer-page thead tr{
  background-color:var(--colors-surface-subtle,#e6e6e6)
}

.customer-page .table-shipping-addresses{
  background-color:var(--colors-surface-white,#fff)
}