@charset "UTF-8";
/*!
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
Text Domain: impreza-child
*/
@media screen and (max-width: 480px) {
  .woocommerce .checkout #order_review {
    margin: unset !important;
  }
}
.return-to-shop {
  text-align: center;
  margin-top: 2rem;
}

.roko-return-to-shop {
  width: 100%;
}

.wc-proceed-to-checkout .roko-return-to-shop {
  margin-top: 1rem;
}

.woocommerce-checkout #payment .place-order .roko-return-to-shop {
  margin-top: 0;
  margin-bottom: 1rem;
}

#page-content .woocommerce-checkout #payment .place-order #place_order {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

#page-header .woocommerce-mini-cart-item.mini_cart_item {
  background: white;
  padding: 0.5rem;
}
#page-header .woocommerce-mini-cart-item.mini_cart_item .remove.remove_from_cart_button {
  opacity: 1 !important;
}
#page-header .woocommerce-mini-cart-item.mini_cart_item img {
  max-height: 75px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

#page-header .w-cart-dropdown {
  background: #f8f8f8 !important;
  border: 1px solid #d12d26 !important;
}
#page-header .w-cart-dropdown .woocommerce-Price-amount,
#page-header .w-cart-dropdown .woocommerce-Price-currencySymbol {
  color: black !important;
}
#page-header .w-cart-dropdown bdi {
  color: black !important;
}

#page-header .button.checkout.wc-forward {
  color: white !important;
}
#page-header .button.checkout.wc-forward:hover {
  color: #d12d26 !important;
}

#page-header .button.wc-forward {
  color: #0d4a8f !important;
}
#page-header .button.wc-forward:hover {
  color: #d12d26 !important;
}

#page-content .woocommerce .input-text.qty.text {
  padding-right: 0;
  box-shadow: none;
}

#page-content .button.wc-backward {
  border: 2px solid #0d4a8f !important;
  background-color: white !important;
  color: #0d4a8f !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-size: 15px !important;
}
#page-content .button.wc-backward:hover {
  background-color: #0d4a8f !important;
  color: white !important;
}

#page-content .roko-return-to-shop .button.wc-backward {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  margin: 4px 0 !important;
}

.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details,
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  display: none;
}

.custom-thankyou-buttons {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .custom-thankyou-buttons {
    flex-direction: column;
    gap: 0.5rem;
  }
}

.woocommerce:has(.woocommerce-checkout) .woocommerce-info {
  display: none;
}

.woocommerce-info {
  background-color: white !important;
}

.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
  width: 49.5%;
}
@media screen and (max-width: 899px) {
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review {
    width: 100%;
    margin-bottom: 2rem;
  }
}

#page-content .woocommerce-billing-fields__field-wrapper input,
#page-content .woocommerce-billing-fields__field-wrapper select,
#page-content .woocommerce-billing-fields__field-wrapper textarea,
#page-content .woocommerce-billing-fields__field-wrapper .select2-selection.select2-selection--single {
  opacity: 0.5;
}

@media screen and (min-width: 601px) {
  .woocommerce .cart-collaterals .cart_totals {
    border: 1px solid #E7E7E7 !important;
  }
}
.woocommerce .cart-collaterals .cart_totals,
#page-content .woocommerce-checkout-review-order,
#page-content .woocommerce-billing-fields__field-wrapper,
#page-content .checkout .col-2 {
  background-color: white;
}

#page-content .woocommerce-billing-fields__field-wrapper,
#page-content .checkout .col-2 {
  padding: 2rem;
}
@media screen and (max-width: 600px) {
  #page-content .woocommerce-billing-fields__field-wrapper,
  #page-content .checkout .col-2 {
    padding: 1rem;
  }
}

#page-content .woocommerce-billing-fields__field-wrapper {
  padding-bottom: 0;
}

.woocommerce.woocommerce-checkout input,
.woocommerce.woocommerce-checkout textarea,
.woocommerce.woocommerce-checkout select,
.woocommerce.woocommerce-checkout .selection > * {
  box-shadow: none;
  background: #f8f8f8;
  border: var(--border-circle);
  border-width: 1px !important;
  outline: none !important;
}
.woocommerce.woocommerce-checkout input:focus,
.woocommerce.woocommerce-checkout textarea:focus,
.woocommerce.woocommerce-checkout select:focus,
.woocommerce.woocommerce-checkout .selection > *:focus {
  border-color: #d12d26 !important;
}
.woocommerce.woocommerce-checkout label {
  font-size: 16px;
  font-weight: 400;
}
.woocommerce.woocommerce-checkout h3 {
  color: #0d4a8f;
}

.woocommerce.woocommerce-cart input,
.woocommerce.woocommerce-cart textarea,
.woocommerce.woocommerce-cart select,
.woocommerce.woocommerce-cart .selection > * {
  box-shadow: none;
  background: #f8f8f8;
  border: var(--border-circle);
  border-color: transparent;
  border-width: 2px;
  outline: none !important;
  font-size: var(--inputs-font-size, inherit);
}
.woocommerce.woocommerce-cart input:focus,
.woocommerce.woocommerce-cart textarea:focus,
.woocommerce.woocommerce-cart select:focus,
.woocommerce.woocommerce-cart .selection > *:focus {
  border-color: #d12d26;
}

.woocommerce.woocommerce-cart .h-ribbon,
.woocommerce.woocommerce-checkout .h-ribbon {
  text-align: center;
  color: #0d4a8f;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 600px) {
  .woocommerce.woocommerce-cart .h-ribbon,
  .woocommerce.woocommerce-checkout .h-ribbon {
    margin-bottom: 1.25rem;
  }
}

.woocommerce .shop_table.cart .product-price {
  display: block;
}

@media screen and (max-width: 1025px) {
  .us-woo-cart_compact .woocommerce .cart-collaterals {
    width: 100% !important;
  }
}
.us-woo-cart_compact .woocommerce .cart-collaterals .wc-proceed-to-checkout {
  width: 100%;
  max-width: 600px;
  margin-inline: auto;
}

@media screen and (max-width: 600px) {
  #order_review {
    padding-inline: 0 !important;
  }
}
@media screen and (min-width: 601px) {
  .order-total {
    font-size: 1.3rem !important;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
  width: 69% !important;
}
@media screen and (max-width: 1025px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    width: 100% !important;
  }
}
@media screen and (max-width: 600px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    display: inline-table !important;
    margin-top: 1rem;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .button[name=update_cart] {
  color: #0d4a8f !important;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .button[name=update_cart]:hover {
  color: #d12d26 !important;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .actions {
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .actions {
    text-align: center !important;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .actions .button[name=apply_coupon] {
  border: 2px solid #0d4a8f;
  background-color: white;
  color: #0d4a8f !important;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .actions .button[name=apply_coupon]:hover {
  background-color: #0d4a8f !important;
  color: white !important;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .actions .button[name=apply_coupon]:focus {
  background-color: rgb(8.75, 49.8076923077, 96.25) !important;
  color: white !important;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents button {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase !important;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents thead {
  display: none;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody td {
  border: none;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item {
  display: grid;
  grid-template-columns: auto 100px 2fr 1fr 120px 1fr;
  grid-template-areas: "remove thumbnail name price quantity subtotal";
  gap: 1rem;
  align-items: center;
  padding: 1.5rem;
  background: white;
  border: 1px solid #E7E7E7 !important;
  margin-bottom: 1rem;
}
@media screen and (max-width: 600px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item {
    display: block;
    padding: 1rem;
    text-align: left;
    position: relative;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-remove {
  grid-area: remove;
  justify-self: end;
}
@media screen and (max-width: 600px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-remove {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-remove:hover a {
  color: #d12d26;
  background-color: transparent;
  border: 1px solid #d12d26 !important;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-remove a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #0d4a8f;
  color: white;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  transition: all 0.2s ease;
  opacity: 1 !important;
}
@media screen and (max-width: 600px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-remove a {
    width: 28px;
    height: 28px;
    font-size: 16px;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-thumbnail {
  grid-area: thumbnail;
}
@media screen and (max-width: 600px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-thumbnail {
    float: left;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-thumbnail a {
  display: block;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-thumbnail img {
  max-height: 80px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media screen and (max-width: 600px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-thumbnail img {
    max-height: 60px;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-name {
  grid-area: name;
}
@media screen and (max-width: 600px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-name {
    margin-bottom: 1rem;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-name a {
  color: #08090f;
  text-decoration: none;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-name a:hover {
  color: #0d4a8f;
}
@media screen and (max-width: 600px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-name a {
    font-size: 1.1rem;
    font-weight: 500;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-name .roko-cart-item-sku {
  font-size: 14px;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-name .roko-cart-item-loyalty-points {
  margin-top: 0.4rem;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-name .roko-cart-item-loyalty-points .product-loyalty-points {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #fff4cf;
  color: #7a5800;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-name .roko-cart-item-loyalty-points .product-loyalty-points__icon {
  color: #d2a100;
  font-size: 12px;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-price {
  grid-area: price;
}
@media screen and (max-width: 600px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-price {
    clear: left;
    margin-bottom: 1rem;
  }
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-price::before {
    content: "Cena: ";
    font-weight: 600;
    color: #565656;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-price .woocommerce-Price-amount {
  font-weight: 600;
  color: #0d4a8f;
  font-size: 1rem;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-quantity {
  grid-area: quantity;
}
@media screen and (max-width: 600px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-quantity {
    margin-bottom: 1rem;
  }
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-quantity::before {
    content: "Množství: ";
    font-weight: 600;
    color: #565656;
    margin-right: 0.5rem;
    display: none;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-quantity .quantity {
  display: inline-flex;
  align-items: center;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-quantity .quantity input.qty {
  aspect-ratio: 1/1;
  text-align: center;
  border: 1px solid #E7E7E7;
  background: #f8f8f8;
  font-weight: 500;
  padding: 0;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-quantity .quantity input.qty:focus {
  border-color: #d12d26;
  outline: none;
}
@media screen and (max-width: 600px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-quantity .quantity input.qty {
    width: 60px;
    display: none;
    font-size: 1rem;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-subtotal {
  grid-area: subtotal;
  text-align: right;
}
@media screen and (max-width: 600px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-subtotal {
    text-align: left;
    padding: 1rem;
    background: #f9f9f9;
    color: #08090f;
    margin-top: 1.5rem;
  }
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-subtotal::before {
    content: "Celkem: ";
    font-weight: 600;
    opacity: 0.8;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-subtotal .woocommerce-Price-amount {
  font-weight: 700;
  color: #0d4a8f;
  font-size: 1.1rem;
}
@media screen and (max-width: 600px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-subtotal .woocommerce-Price-amount {
    font-size: 1.2rem;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-subtotal .tax_label {
  display: block;
  font-size: 0.8rem;
  color: #565656;
  margin-top: 0.25rem;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-subtotal .roko-cart-line-subtotal--discounted {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.2rem;
}
@media screen and (max-width: 600px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-subtotal .roko-cart-line-subtotal--discounted {
    align-items: flex-start;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-subtotal .roko-cart-line-subtotal--discounted del {
  color: #565656;
  opacity: 0.8;
  text-decoration-thickness: 1px;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-subtotal .roko-cart-line-subtotal--discounted del .woocommerce-Price-amount {
  color: inherit;
  font-weight: 500;
  font-size: 0.95rem;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-subtotal .roko-cart-line-subtotal--discounted ins {
  text-decoration: none;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item .product-subtotal .roko-cart-line-subtotal--discounted ins .woocommerce-Price-amount {
  color: #0d4a8f;
  font-weight: 700;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr.cart_item td {
  padding: 0;
  border: none;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr {
  background-color: white;
  display: flex;
  padding: 1rem;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #E7E7E7 !important;
}
@media screen and (max-width: 480px) {
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr {
    flex-direction: column;
    align-items: stretch;
    padding: 1.5rem;
  }
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody tr:not(:last-child) {
  margin-bottom: 1rem;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .coupon {
  max-width: unset;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .coupon #coupon_code {
  box-shadow: none;
  background: #f8f8f8;
  border: var(--border-circle);
  border-color: transparent;
  border-width: 2px;
}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .coupon #coupon_code:focus {
  border-color: #d12d26;
}

#page-content > .l-section:has(.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents) {
  background-color: #f8f8f8 !important;
}

#page-content > .l-section:has(.checkout.woocommerce-checkout) {
  background-color: #f8f8f8 !important;
}

.cart-progress {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 2rem auto;
  padding: 0 1rem;
  position: relative;
  margin-top: 0;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}

.cart-progress-step {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  position: relative;
  z-index: 3;
  text-align: center;
  flex: 1;
  max-width: 25%;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.cart-progress-step .step-icon-wrapper {
  border: 1px solid #e3e3e3;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  position: relative;
}

.cart-progress-step .step-icon {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}

.cart-progress-step .step-icon .step-icon-img {
  width: 34px;
  height: 34px;
  -o-object-fit: contain;
  object-fit: contain;
}

.cart-progress-step .step-icon .check-icon {
  -o-object-fit: contain;
     object-fit: contain;
}

.cart-progress-step .step-content {
  padding-top: 0.5rem;
}

.cart-progress-step .step-title {
  font-size: 1rem;
  font-weight: 600;
  color: #08090f;
  margin: 0;
  white-space: nowrap;
}

.cart-progress-step .step-description {
  font-size: 0.875rem;
  color: rgba(8, 9, 15, 0.7);
  margin: 0.25rem 0 0;
}

.cart-progress-step.active .step-icon-wrapper {
  border: 1px solid transparent;
  border-radius: 50%;
}

.cart-progress-step.active .step-icon {
  background: #0d4a8f;
  border-color: #0d4a8f;
  color: #fff;
}

.cart-progress-step.active .step-title {
  color: #08090f;
}

.cart-progress-step.active .step-description {
  color: #08090f;
}

.cart-progress-step.completed .step-icon-wrapper {
  border: 1px solid #e3e3e3;
}

/* Modern responsive cart totals styling */
@media screen and (max-width: 600px) {
  #order_review_heading {
    margin-bottom: 0 !important;
  }
  .tax-label {
    color: #565656 !important;
    opacity: 0.5 !important;
  }
  #shipping_method > li {
    justify-content: start !important;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table,
  .woocommerce-checkout-review-order-table.shop_table {
    border: none;
    overflow: hidden;
    background: #f8f8f8 !important;
    /* Checkout review table specific styling */
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot,
  .woocommerce-checkout-review-order-table.shop_table tbody,
  .woocommerce-checkout-review-order-table.shop_table tfoot {
    display: flex;
    flex-direction: column;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr,
  .woocommerce-checkout-review-order-table.shop_table tbody tr,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr {
    border: none;
    /* Shipping row specific styling */
    /* Order total row - make it stand out */
    /* Cart subtotal styling */
  }
  /* Additional spacing for cart totals container on mobile */
  /* Checkout review order specific adjustments */
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr,
  .woocommerce-checkout-review-order-table.shop_table tbody tr,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr {
    display: flex;
    flex-direction: column;
    background: white;
    margin-bottom: 0.75rem;
    padding: 1.25rem;
    border: 1px solid #E7E7E7;
  }
}
@media screen and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr th,
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr td,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr th,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr td,
  .woocommerce-checkout-review-order-table.shop_table tbody tr th,
  .woocommerce-checkout-review-order-table.shop_table tbody tr td,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr th,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr td {
    border: none;
    padding: 1rem 1.5rem;
    vertical-align: middle;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr th,
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr td,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr th,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr td,
  .woocommerce-checkout-review-order-table.shop_table tbody tr th,
  .woocommerce-checkout-review-order-table.shop_table tbody tr td,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr th,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr td {
    padding: 0;
    text-align: left !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr th,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr th,
  .woocommerce-checkout-review-order-table.shop_table tbody tr th,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr th {
    font-weight: 600;
    color: #0d4a8f;
    font-size: 0.95rem;
    text-transform: none;
    background: #f8f8f8;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr th,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr th,
  .woocommerce-checkout-review-order-table.shop_table tbody tr th,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr th {
    background: transparent;
    font-size: 0.875rem;
    color: #565656;
    margin-bottom: 0.5rem;
    font-weight: 500;
  }
}
@media screen and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr td,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr td,
  .woocommerce-checkout-review-order-table.shop_table tbody tr td,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr td {
    font-weight: 500;
    color: #08090f;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr td,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr td,
  .woocommerce-checkout-review-order-table.shop_table tbody tr td,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr td {
    font-size: 1rem;
    font-weight: 600;
  }
}
@media screen and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr td .woocommerce-Price-amount,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr td .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tbody tr td .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr td .woocommerce-Price-amount {
    font-weight: 600;
    color: #0d4a8f;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr td .woocommerce-Price-amount,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr td .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tbody tr td .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr td .woocommerce-Price-amount {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr td small,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr td small,
  .woocommerce-checkout-review-order-table.shop_table tbody tr td small,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr td small {
    color: #565656;
    font-size: 0.85rem;
    margin-left: 0.25rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr td small,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr td small,
  .woocommerce-checkout-review-order-table.shop_table tbody tr td small,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr td small {
    display: block;
    margin-left: 0;
    margin-top: 0.25rem;
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.woocommerce-shipping-totals.shipping td ul#shipping_method,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.woocommerce-shipping-totals.shipping td ul#shipping_method,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.woocommerce-shipping-totals.shipping td ul#shipping_method,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.woocommerce-shipping-totals.shipping td ul#shipping_method {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.woocommerce-shipping-totals.shipping td ul#shipping_method li,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.woocommerce-shipping-totals.shipping td ul#shipping_method li,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.woocommerce-shipping-totals.shipping td ul#shipping_method li,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.woocommerce-shipping-totals.shipping td ul#shipping_method li {
    margin: 0;
    padding: 0.75rem;
    background: #f8f8f8;
    margin-top: 0.5rem;
    justify-content: start !important;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.woocommerce-shipping-totals.shipping td ul#shipping_method li label,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.woocommerce-shipping-totals.shipping td ul#shipping_method li label,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.woocommerce-shipping-totals.shipping td ul#shipping_method li label,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.woocommerce-shipping-totals.shipping td ul#shipping_method li label {
    font-size: 0.9rem;
    font-weight: 500;
    margin: 0;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.woocommerce-shipping-totals.shipping td ul#shipping_method li label .woocommerce-Price-amount,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.woocommerce-shipping-totals.shipping td ul#shipping_method li label .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.woocommerce-shipping-totals.shipping td ul#shipping_method li label .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.woocommerce-shipping-totals.shipping td ul#shipping_method li label .woocommerce-Price-amount {
    font-weight: 600;
    color: #0d4a8f;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.woocommerce-shipping-totals.shipping td .woocommerce-shipping-destination,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.woocommerce-shipping-totals.shipping td .woocommerce-shipping-destination,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.woocommerce-shipping-totals.shipping td .woocommerce-shipping-destination,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.woocommerce-shipping-totals.shipping td .woocommerce-shipping-destination {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: #fbfbfc;
    font-size: 0.875rem;
    color: #565656;
    margin-bottom: 0;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.woocommerce-shipping-totals.shipping td .woocommerce-shipping-destination strong,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.woocommerce-shipping-totals.shipping td .woocommerce-shipping-destination strong,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.woocommerce-shipping-totals.shipping td .woocommerce-shipping-destination strong,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.woocommerce-shipping-totals.shipping td .woocommerce-shipping-destination strong {
    color: #0d4a8f;
    font-weight: 600;
  }
}
@media screen and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total {
    background: #0d4a8f !important;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total .includes_tax,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total .includes_tax,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total .includes_tax,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total .includes_tax {
    font-weight: 300;
    font-size: 0.8em;
    color: rgba(255, 255, 255, 0.8) !important;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total .includes_tax span,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total .includes_tax span,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total .includes_tax span,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total .includes_tax span {
    font-weight: 300 !important;
    font-size: 1em !important;
    color: rgba(255, 255, 255, 0.8) !important;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total {
    background: #0d4a8f;
    border: none;
  }
}
@media screen and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total th,
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total td,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total th,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total td,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total th,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total td,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total th,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total td {
    color: white !important;
    font-weight: 700;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total th,
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total td,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total th,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total td,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total th,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total td,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total th,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total td {
    color: white !important;
  }
}
@media screen and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total th .woocommerce-Price-amount,
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total td .woocommerce-Price-amount,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total th .woocommerce-Price-amount,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total td .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total th .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total td .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total th .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total td .woocommerce-Price-amount {
    color: white !important;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total th .woocommerce-Price-amount,
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total td .woocommerce-Price-amount,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total th .woocommerce-Price-amount,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total td .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total th .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total td .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total th .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total td .woocommerce-Price-amount {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total th small,
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total td small,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total th small,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total td small,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total th small,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total td small,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total th small,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total td small {
    color: rgba(255, 255, 255, 0.8) !important;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total th small .woocommerce-Price-amount,
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total td small .woocommerce-Price-amount,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total th small .woocommerce-Price-amount,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total td small .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total th small .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total td small .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total th small .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total td small .woocommerce-Price-amount {
    color: rgba(255, 255, 255, 0.9) !important;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.order-total th,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.order-total th,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.order-total th,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.order-total th {
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table tbody tr.cart-subtotal,
  .woocommerce .cart-collaterals .cart_totals .shop_table tfoot tr.cart-subtotal,
  .woocommerce-checkout-review-order-table.shop_table tbody tr.cart-subtotal,
  .woocommerce-checkout-review-order-table.shop_table tfoot tr.cart-subtotal {
    background: white;
    border: 1px solid #E7E7E7;
  }
}
@media screen and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table.woocommerce-checkout-review-order-table #shipping_method,
  .woocommerce-checkout-review-order-table.shop_table.woocommerce-checkout-review-order-table #shipping_method {
    justify-content: start !important;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table.woocommerce-checkout-review-order-table thead,
  .woocommerce-checkout-review-order-table.shop_table.woocommerce-checkout-review-order-table thead {
    display: none;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item,
  .woocommerce-checkout-review-order-table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item {
    display: block;
    background: white;
    border: 1px solid #E7E7E7;
    padding: 1rem;
    margin-bottom: 0.75rem;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-name,
  .woocommerce-checkout-review-order-table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-name {
    font-weight: 600;
    color: #08090f;
    margin-bottom: 0.5rem;
    font-size: 1rem;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-name .product-quantity,
  .woocommerce-checkout-review-order-table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-name .product-quantity {
    color: #565656;
    font-weight: 500;
    font-size: 0.9rem;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-total .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-total .woocommerce-Price-amount {
    font-weight: 600;
    color: #0d4a8f;
    font-size: 1.1rem;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-total .tax_label,
  .woocommerce-checkout-review-order-table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-total .tax_label {
    display: block;
    margin-top: 0.25rem;
    color: #565656 !important;
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals .shop_table.woocommerce-checkout-review-order-table tfoot tr,
  .woocommerce-checkout-review-order-table.shop_table.woocommerce-checkout-review-order-table tfoot tr {
    display: flex;
    flex-direction: column;
    background: white;
    margin-bottom: 0.75rem;
    padding: 1.25rem;
    border: 1px solid #E7E7E7;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table.woocommerce-checkout-review-order-table tfoot tr th,
  .woocommerce-checkout-review-order-table.shop_table.woocommerce-checkout-review-order-table tfoot tr th {
    background: transparent;
    font-size: 0.875rem;
    color: #565656;
    margin-bottom: 0.5rem;
    font-weight: 500;
    padding: 0;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table.woocommerce-checkout-review-order-table tfoot tr td,
  .woocommerce-checkout-review-order-table.shop_table.woocommerce-checkout-review-order-table tfoot tr td {
    padding: 0;
    font-size: 1rem;
    font-weight: 600;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table.woocommerce-checkout-review-order-table tfoot tr td .woocommerce-Price-amount,
  .woocommerce-checkout-review-order-table.shop_table.woocommerce-checkout-review-order-table tfoot tr td .woocommerce-Price-amount {
    font-weight: 600;
    color: #0d4a8f;
    font-size: 1.1rem;
  }
  .woocommerce .cart-collaterals .cart_totals .shop_table.woocommerce-checkout-review-order-table tfoot tr td small,
  .woocommerce-checkout-review-order-table.shop_table.woocommerce-checkout-review-order-table tfoot tr td small {
    display: block;
    margin-left: 0;
    margin-top: 0.25rem;
    font-size: 0.8rem;
    color: #565656;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .woocommerce .cart-collaterals .cart_totals {
    padding: 0 0;
    background: transparent;
    margin: 0;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  #page-content .woocommerce-checkout-review-order {
    padding: 1rem;
    background: transparent;
  }
}
.step-icon > a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart_totals.calculated_shipping .shipping-calculator-button {
  display: none;
}

.form-row.roko-readonly-billing-field input[type=text],
.form-row.roko-readonly-billing-field input[type=email],
.form-row.roko-readonly-billing-field input[type=tel],
.form-row.roko-readonly-billing-field input[type=password],
.form-row.roko-readonly-billing-field select,
.form-row.roko-readonly-billing-field textarea {
  cursor: not-allowed;
  opacity: 0.7;
}
.form-row.roko-readonly-billing-field .select2-container--default .select2-selection--single {
  cursor: not-allowed;
  opacity: 0.7;
}
.form-row.roko-readonly-billing-field.woocommerce-validated .select2-container--default .select2-selection--single, .form-row.roko-readonly-billing-field.woocommerce-invalid .select2-container--default .select2-selection--single {
  cursor: not-allowed;
  opacity: 0.7;
}

.woocommerce-shipping-calculator {
  display: none;
}

#my-account-accordion {
  perspective: 1200px;
  position: relative;
  overflow: hidden;
  /* Keep flex display property separate to maintain layout */
  /* Smooth transitions for details */
  /* Prevent layout shifts during animation */
  /* Smooth height transitions for containers */
}
#my-account-accordion .w-html.order-visible,
#my-account-accordion .order-visible {
  opacity: 1;
  visibility: visible;
  position: relative;
  transform: translateY(0) translateZ(0) scale(1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
  will-change: transform, opacity;
}
#my-account-accordion .w-html.order-hidden,
#my-account-accordion .order-hidden {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  transform: translateY(20px) translateZ(-30px) scale(0.98);
  pointer-events: none;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.3s;
  backface-visibility: hidden;
}
#my-account-accordion .order-visible:not(.w-html) {
  display: flex;
}
#my-account-accordion .order-details {
  will-change: transform, opacity;
  transition: opacity 0.3s ease;
}
#my-account-accordion .orders-list {
  position: relative;
}
#my-account-accordion .order-row {
  transition: margin 0.3s ease;
}

.us_custom_2e605341.order-hidden {
  padding-top: 0 !important;
  position: absolute;
  left: 0;
  right: 0;
  transform: translateY(20px) translateZ(-30px);
}
.us_custom_2e605341.order-visible {
  position: relative;
  transform: translateY(0) translateZ(0);
}

.load-more-container {
  text-align: center;
}

.orders-container {
  position: relative;
}
.orders-container.loading {
  min-height: 200px;
  opacity: 0.6;
  pointer-events: none;
}

.show-all-link-wrapper {
  margin-bottom: 1rem;
  text-align: right;
}
.show-all-link-wrapper .show-all-orders {
  color: var(--color-content-link);
  text-decoration: none;
  font-size: 0.9em;
  white-space: nowrap;
}
.show-all-link-wrapper .show-all-orders:hover {
  text-decoration: none;
}
.show-all-link-wrapper .show-all-orders::before {
  content: "←";
  margin-right: 0.5em;
}

.table-header-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
}
.table-header-flex span {
  font-size: 1.2em;
  font-weight: bold;
}
.table-header-flex .show-all-orders {
  color: var(--color-content-link);
  text-decoration: none;
  font-size: 0.9em;
  white-space: nowrap;
}
.table-header-flex .show-all-orders:hover {
  text-decoration: underline;
}
.table-header-flex .show-all-orders::before {
  content: "←";
  margin-right: 0.5em;
}

.table-subheader th {
  font-weight: normal;
  background: #f7f7f7;
}

.show-all-cell {
  text-align: right;
  min-width: 200px;
}
.show-all-cell .show-all-orders {
  color: var(--color-content-link);
  text-decoration: none;
  font-size: 0.9em;
  white-space: nowrap;
}
.show-all-cell .show-all-orders:hover {
  text-decoration: underline;
}
.show-all-cell .show-all-orders::before {
  content: "←";
  margin-right: 0.5em;
}

.orders-list th:nth-child(6),
.orders-list .order-invoices {
  text-align: center;
}
.orders-list th,
.orders-list td {
  vertical-align: middle;
}
.orders-list .order-issued-date {
  white-space: nowrap;
}
.orders-list .order-invoices {
  white-space: nowrap;
}
.orders-list .order-invoices__download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  padding: 0;
  box-sizing: border-box;
  border-radius: 4px;
  color: var(--color-content-link, #0d4a8f);
  background: transparent;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
}
.orders-list .order-invoices__download::before {
  content: "\f019";
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "fontawesome";
  font-size: 1rem;
  font-weight: 900;
}
.orders-list .order-invoices__download:hover,
.orders-list .order-invoices__download:focus {
  color: var(--color-content-link-hover, #d12d26);
  background: rgba(13, 74, 143, 0.08);
  text-decoration: none;
}
.orders-list .order-invoices__download:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.orders-list .order-invoices__download-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.orders-list .order-invoices--empty {
  color: #666;
}

/* Responsive styles for orders table: CSS-only labels for mobile */
@media (max-width: 900px) {
  .orders-list {
    width: 100%;
  }
  .orders-list thead,
  .orders-list th {
    display: none;
  }
  .orders-list tr.order-row {
    display: block;
    margin-bottom: 1.5rem;
    padding: 1rem;
    border: 1px solid #E7E7E7;
  }
  .orders-list td {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, auto);
    column-gap: 1rem;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #E7E7E7;
    text-align: right;
  }
  .orders-list td:last-child {
    border-bottom: none;
  }
  .orders-list td:before {
    font-weight: bold;
    min-width: 0;
    justify-self: start;
    text-align: left;
  }
  .orders-list td > * {
    justify-self: end;
  }
  /* Add labels for each cell using pseudo-elements. Adjust nth-child numbers and labels as needed. */
  .orders-list td:nth-child(1):before {
    content: "Registrační číslo:";
  }
  .orders-list td:nth-child(2):before {
    content: "Číslo:";
  }
  .orders-list td:nth-child(3):before {
    content: "Hodnota:";
  }
  .orders-list td:nth-child(4):before {
    content: "Stav:";
  }
  .orders-list td:nth-child(5):before {
    content: "Vystaveno:";
  }
  .orders-list td:nth-child(6):before {
    content: "Faktury:";
  }
  .orders-list td:nth-child(7):before {
    content: "Počet bodů:";
  }
  /* Style specific cells */
  .orders-list td.order-id {
    font-weight: 600;
    font-size: 1.2em;
  }
  .orders-list td.order-invoice.icon.download {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .orders-list td.order-invoice.icon.download a,
  .order-detail-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0.8rem;
    background-color: #f0f0f0;
    border-radius: 4px;
    text-decoration: none;
  }
  .orders-list td.order-invoice.icon.download a:before {
    content: "Stáhnout fakturu ";
    margin-right: 0.3rem;
  }
}
.account-section-wrapper .edit-link {
  display: none;
}

.registration-form h1 {
  text-align: center;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
  position: relative;
  background-color: #f8f8f8;
  color: #515151;
  border-top: 3px solid #0d4a8f;
  list-style: none outside;
  width: auto;
  word-wrap: break-word;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  font-family: "fontawesome";
  content: "\f06a";
  display: inline-block;
  position: absolute;
  top: 1em;
  left: 1.5em;
  font-weight: 900;
}
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
  list-style: none outside;
  padding-left: 0;
  margin-left: 0;
}

.woocommerce-error {
  border-top-color: #d12d26;
}
.woocommerce-error::before {
  color: #d12d26;
}

.woocommerce-info {
  border-top-color: #0d4a8f;
}
.woocommerce-info::before {
  color: #0d4a8f;
  content: "\f05a";
}

.woocommerce-message {
  border-top-color: #147a44;
}
.woocommerce-message::before {
  color: #147a44;
  content: "\f058";
}

.woocommerce-form-register,
.woocommerce-form-login {
  background: white;
  box-shadow: none !important;
}
.woocommerce-form-register input,
.woocommerce-form-login input {
  background: white;
  box-shadow: none !important;
  border: 1px solid #e0e0e0;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.woocommerce-form-register input label,
.woocommerce-form-login input label {
  font-size: 16px;
}
.woocommerce-form-register input:focus,
.woocommerce-form-login input:focus {
  border-color: #0d4a8f;
  box-shadow: none;
}
.woocommerce-form-register input.invalid,
.woocommerce-form-login input.invalid {
  border-color: #d12d26;
  animation: shake 0.3s ease-in-out;
}
.woocommerce-form-register input.valid,
.woocommerce-form-login input.valid {
  border-color: #147a44;
}
.woocommerce-form-register .validation-message,
.woocommerce-form-login .validation-message {
  display: none;
  color: #d12d26;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  font-style: italic;
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-3px);
  }
}
.woocommerce-form-register .woocommerce-form-row:has(button[type=submit]),
.woocommerce-form-register .form-row:has(button[type=submit]),
.woocommerce-form-login .woocommerce-form-row:has(button[type=submit]),
.woocommerce-form-login .form-row:has(button[type=submit]) {
  text-align: center;
}
.woocommerce-form-register button[type=submit],
.woocommerce-form-login button[type=submit] {
  margin-top: 1rem;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.woocommerce-form-register button[type=submit]:hover,
.woocommerce-form-login button[type=submit]:hover {
  opacity: 0.9;
}
.woocommerce-form-register .woocommerce-form-row,
.woocommerce-form-register .form-row,
.woocommerce-form-login .woocommerce-form-row,
.woocommerce-form-login .form-row {
  margin-bottom: 1.5rem;
}

.woocommerce-registration-form,
.woocommerce-form-login,
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  max-width: 800px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .woocommerce-form-register,
  .woocommerce-form-login {
    padding: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .order-actions .buttons-container {
    flex-direction: column;
  }
  .order-actions .buttons-container .download {
    margin-left: unset;
  }
}
@media screen and (max-width: 492px) {
  .order-documents-buttons {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #downloadDeliveryNotes,
  #downloadInvoices {
    width: 100%;
    margin-left: 0 !important;
    text-align: center;
    justify-content: center;
  }
}

.account-details .row {
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 767px) {
  .account-details .row {
    gap: 1rem;
  }
}
.account-details .row p {
  margin-bottom: 0.5rem;
}
.account-details .container > .row.flex-row:first-child .account-section-wrapper > p:nth-of-type(2) > span,
.invoice-sum .w-text-value {
  display: inline-block;
  white-space: nowrap;
}
.account-details h3,
.account-details h2,
.account-details .product-title {
  color: #0d4a8f;
}
.account-details .downloads-list .download-item {
  margin-bottom: 0.5rem;
}
.account-details .downloads-list .download-item a {
  display: inline-flex;
  align-items: center;
  color: var(--color-content-link);
  text-decoration: none;
}
.account-details .downloads-list .download-item a:hover {
  text-decoration: underline;
}
.account-details .downloads-list .download-item a.icon.download:before {
  margin-right: 0.5rem;
}

.roko-points-earned-total {
  display: inline-flex;
  align-items: baseline;
  gap: 0.25rem;
  margin: 0;
  vertical-align: baseline;
  white-space: nowrap;
}
.roko-points-earned-total__number {
  color: #0d4a8f;
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}

.roko-loyalty-points-row.g-cols,
.roko-loyalty-points-row .g-cols {
  align-items: stretch;
}
.roko-loyalty-points-row.g-cols > div,
.roko-loyalty-points-row .g-cols > div,
.roko-loyalty-points-row.g-cols > .wpb_column,
.roko-loyalty-points-row .g-cols > .wpb_column,
.roko-loyalty-points-row .vc_column-inner,
.roko-loyalty-points-row .vc_column-inner > .wpb_wrapper,
.roko-loyalty-points-row .wpb_column > .vc_column-inner,
.roko-loyalty-points-row .wpb_column > .vc_column-inner > .wpb_wrapper {
  display: flex;
  flex-direction: column;
}
.roko-loyalty-points-row.g-cols > div,
.roko-loyalty-points-row .g-cols > div,
.roko-loyalty-points-row .vc_column-inner,
.roko-loyalty-points-row .vc_column-inner > .wpb_wrapper {
  flex: 1 1 auto;
}
.roko-loyalty-points-row .vc_column-inner,
.roko-loyalty-points-row .vc_column-inner > .wpb_wrapper,
.roko-loyalty-points-row .wpb_column > .vc_column-inner,
.roko-loyalty-points-row .wpb_column > .vc_column-inner > .wpb_wrapper,
.roko-loyalty-points-row .roko-loyalty-points-card {
  width: 100%;
}
.roko-loyalty-points-row .wpb_wrapper > .w-text {
  flex: 0 0 auto;
}
.roko-loyalty-points-row .roko-loyalty-points-card {
  box-sizing: border-box;
  flex: 1 1 auto;
  height: 100%;
}

@media screen and (max-width: 600px) {
  .roko-points-earned-total__number {
    font-size: 28px;
  }
}

.account-section-wrapper .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.account-section-wrapper .section-header h3 {
  margin: 0;
}
.account-section-wrapper .section-header .edit-link {
  font-size: 0.875rem;
  color: var(--color-content-link);
  text-decoration: none;
}
.account-section-wrapper .section-header .edit-link:hover {
  text-decoration: underline;
}

.icon.download.order-invoice a:after {
  float: right;
}

#invoiceLink {
  display: inline-block;
}

.arrow-circle::before {
  aspect-ratio: 1/1;
}

#page-header .roko-toggler-element label {
  font-size: 12px;
  font-weight: 300;
}

.roko-mobile-vat-bar {
  display: none;
}

#page-content .step-icon img {
  width: 45px;
  height: auto;
}

@media screen and (max-width: 600px) {
  #page-content .cart-progress {
    flex-wrap: nowrap;
    gap: 10px;
  }
  #page-content .cart-progress .step-title {
    font-size: 12px;
    font-weight: 300;
  }
  #page-content .cart-progress .step-icon-wrapper {
    height: 2.5rem !important;
    width: 2.5rem !important;
  }
  #page-content .step-icon img {
    width: 25px;
    height: auto;
  }
}
.simplefavorite-button i {
  margin-right: 4px;
}

.frequently-bought ins,
.search-results-container ins {
  text-decoration: none;
}

.frequently-bought .w-btn.us-btn-style_3.add_to_cart_button {
  padding-inline: 1.5rem;
}

.product-price-stock-inline-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.order-item-grid .product-total-price .woocommerce-Price-amount {
  font-size: 22px;
}
.order-item-grid .product-total-price ins {
  font-size: 22px;
  color: #08090f;
  text-decoration: none;
}
.order-item-grid .product-total-price del .woocommerce-Price-amount {
  font-size: 15px;
  color: #a6a6a6;
}

.roko-stock-instock::before,
.order-item-grid .roko-stock-instock::before {
  background: #147a44;
  margin-right: 5px;
}

.order-item-grid .roko-stock-instock::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 6px;
}

#page-content .noUi-handle:after,
#page-content .noUi-handle:before {
  background: transparent;
}

#page-content .noUi-handle:before {
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}

#page-content .roko-filter-section .noUi-target {
  border: none;
  margin-block: 2rem;
  height: 3px;
  background: rgba(13, 74, 143, 0.2);
  margin-inline: 0.5em;
  box-shadow: none;
  border-radius: 3px;
  padding: 0 25px;
}
#page-content .roko-filter-section .noUi-connect {
  background: #0d4a8f;
  height: 3px !important;
}
#page-content .roko-filter-section .noUi-handle {
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  padding: 1em;
  border: none;
  background: #0d4a8f;
  top: -15px;
  cursor: pointer;
  width: 2em;
  height: 2em;
  box-shadow: none;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.2s ease-in-out;
  outline: 1px dashed #0d4a8f;
  outline-offset: -1px;
}
#page-content .roko-filter-section .noUi-handle:focus, #page-content .roko-filter-section .noUi-handle:active {
  outline: 1px dashed #0d4a8f;
  outline-offset: 2px;
}
#page-content .roko-filter-section .noUi-handle:hover {
  background: rgb(8.75, 49.8076923077, 96.25);
  outline: 1px dashed #0d4a8f;
  outline-offset: 4px;
}
#page-content .roko-filter-section .noUi-handle:focus-visible {
  outline: 1px dashed #0d4a8f;
  outline-offset: 2px;
}
#page-content .roko-filter-section .noUi-handle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  color: white;
  font-weight: 300;
  font-size: 12px;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
}
#page-content .roko-filter-section .noUi-handle-lower {
  right: 0;
}
#page-content .roko-filter-section .noUi-handle-upper {
  right: -34px;
}
#page-content .roko-filter-section .noUi-handle-lower::after {
  content: "OD";
}
#page-content .roko-filter-section .noUi-handle-upper::after {
  content: "DO";
}

.added_to_cart.wc-forward {
  display: flex;
}

.product-image:has(a):hover + .product-name a {
  color: #d12d26;
}

.roko-login-points:hover i,
.roko-add-to-favorites:hover i {
  font-weight: 900;
  transition: font-weight 0.2s ease-in-out;
}

#page-content .roko-add-to-favorites i {
  border-color: #f4f4f4 !important;
}
#page-content .roko-add-to-favorites:hover i {
  border-color: #0d4a8f !important;
}

*:hover > .icon-circle, #page-content .roko-add-to-favorites *:hover > i {
  border-color: #0d4a8f !important;
  transition: border-color 0.2s ease-in-out;
}

.roko-cart-element {
  cursor: pointer;
}
.roko-cart-element > div {
  text-align: center;
}

.roko-quantity-row > div {
  gap: 0.5rem;
}
.roko-quantity-row > div .roko-quantity-unit {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-total {
  text-align: center;
}

.steps .flex:nth-child(odd) .w-image-h::before {
  content: none !important;
  background-image: none !important;
}

.w-cart-icon {
  justify-content: center;
}
.w-cart-icon .w-cart-quantity {
  position: absolute;
  top: 0;
  right: 0;
  background: black;
}

.l-subheader-cell.at_center .w-cart-dropdown,
.l-subheader-cell.at_right .w-cart-dropdown {
  top: 200% !important;
}

#page-header .roko-login-element:hover i:before,
#page-header .roko-cart-element:hover i:before {
  font-weight: 900;
  transition: font-weight 0.2s ease-in-out;
}

#page-header .fa-user::before,
#page-header .fa-shopping-basket::before {
  font-size: 1.7rem;
  font-weight: 100;
}

#page-content .roko-quantity-controls > * {
  box-shadow: none;
}

button[type=submit]:focus,
input[type=submit]:focus,
.w-btn.us-btn-style_1:focus {
  background: rgb(144.2692307692, 31.0627530364, 26.2307692308) !important;
}
button[type=submit]:hover:focus,
input[type=submit]:hover:focus,
.w-btn.us-btn-style_1:hover:focus {
  background: transparent !important;
}

.w-vwrapper:has(.product-search.b2b) {
  flex-grow: 1;
}

.product-search.b2b {
  margin-top: unset;
}

.roko-login-element > .w-text {
  text-align: center;
}

.w-cart:not(.height_full) {
  line-height: unset !important;
}

.woocommerce-product-gallery__wrapper > div {
  overflow: hidden;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.w-cart .dropdown_height {
  height: 40px;
  line-height: unset;
}

.header-icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  -o-object-fit: contain;
     object-fit: contain;
}

.w-cart-icon .header-icon {
  margin-right: 4px;
}

.roko-login-element .w-text-h .header-icon,
.roko-cart-element .w-cart-icon .header-icon {
  transition: opacity 0.3s;
}

.roko-login-element:hover .w-text-h .header-icon,
.roko-cart-element:hover .w-cart-icon .header-icon {
  opacity: 0.7;
}

/* Fix positioning for cart quantity with image icon */
.w-cart-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.w-cart-quantity {
  position: relative;
  margin-left: 4px;
}

.w-cart.updated .w-cart-quantity {
  animation: cart-updated 0.5s ease-in-out;
}

@keyframes cart-updated {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
    color: #e95095;
  }
  100% {
    transform: scale(1);
  }
}
.roko-login-element:hover a,
.roko-login-element:hover a i,
.roko-login-element:hover a span {
  color: black;
  transition: color 0.3s ease;
}

.roko-cart-element:hover .w-cart-link,
.roko-cart-element:hover .w-text {
  color: black;
  transition: color 0.3s ease;
}
.roko-cart-element:hover .w-cart-link i,
.roko-cart-element:hover .w-cart-link .w-cart-icon,
.roko-cart-element:hover .w-cart-link span,
.roko-cart-element:hover .w-text i,
.roko-cart-element:hover .w-text .w-cart-icon,
.roko-cart-element:hover .w-text span {
  color: black;
}
.roko-cart-element:hover .w-cart-link:hover .w-cart-quantity {
  color: var(--color-header-middle-bg);
  background: var(--color-header-middle-text-hover);
}

.order-item-list a.product-name {
  text-decoration: none;
  transition: color 0.2s ease;
}
.order-item-list a.product-name:hover {
  color: #d12d26;
}

#page-content .download a:hover {
  text-decoration: none;
}

.toast-container {
  position: fixed;
  top: 120px;
  right: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
  max-width: calc(100% - 40px);
}

.toast {
  background: white;
  border: 2px solid #0d4a8f;
  padding: 16px 20px;
  min-width: 320px;
  max-width: 480px;
  box-shadow: 0 4px 16px rgba(8, 9, 15, 0.08);
  transform: translateX(120%);
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}
@media (max-width: 480px) {
  .toast {
    min-width: 100%;
  }
}
.toast.show {
  transform: translateX(0);
  opacity: 1;
}
.toast.success .toast-icon {
  background: url("http://roko.test/wp-content/themes/Impreza-child/src/images/checkout/potvrzeni_blue.png") no-repeat center;
  background-size: contain;
}
.toast.error .toast-icon {
  color: #d12d26;
}
.toast.warning .toast-icon {
  color: #ff9800;
}

.toast-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.toast-content {
  flex: 1;
  min-width: 0;
}

.toast-title {
  font-weight: 600;
  font-size: 15px;
  color: #08090f;
  margin: 0;
  line-height: 1.4;
}

.toast-message {
  font-size: 14px;
  color: rgba(8, 9, 15, 0.85);
  margin: 4px 0 0;
  line-height: 1.5;
}

.toast-close {
  background: none;
  border: none;
  padding: 4px;
  margin: -4px;
  cursor: pointer;
  color: rgba(8, 9, 15, 0.5);
  transition: color 0.2s;
  font-size: 20px;
  display: flex;
  align-items: center;
}
.toast-close:hover {
  color: #08090f;
}

.toast::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -2px;
  right: -2px;
  height: 2px;
  background: #0d4a8f;
  transform-origin: left;
  animation: progress var(--duration, 5000ms) linear forwards;
}

@keyframes progress {
  from {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
.icon-circle, #page-content .roko-add-to-favorites i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #0d4a8f;
  padding: 0.5rem;
}
.icon-circle i, #page-content .roko-add-to-favorites i i {
  color: #0d4a8f;
}

.roko-quantity-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.roko-quantity-info-content {
  flex: 1;
}

.contact-person-cards {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-inline: auto;
  padding-inline: 1rem;
  gap: 1rem;
  flex-wrap: wrap;
  scroll-margin-top: 7rem;
}

.contact-person-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 1.5rem 1rem;
  flex: 0 1 600px;
  width: min(100%, 600px);
  min-width: min(100%, 250px);
}
.contact-person-card .contact-person-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  text-align: center;
}
.contact-person-card .contact-person-image {
  flex-shrink: 0;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(13, 74, 143, 0.08);
}
@media (max-width: 991px) {
  .contact-person-card .contact-person-image {
    margin-bottom: 0.25rem;
  }
}
.contact-person-card .contact-person-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact-person-card .contact-person-details {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-person-card .contact-person-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  padding-bottom: 0.7rem;
  margin-bottom: 0.8rem;
  border-bottom: 1px solid rgba(13, 74, 143, 0.08);
  width: min(100%, 360px);
}
@media (max-width: 991px) {
  .contact-person-card .contact-person-header {
    justify-content: center;
    width: 100%;
    margin-inline: auto;
    margin-bottom: 0.85rem;
    flex-direction: column;
    align-items: center;
    gap: 0.45rem;
    padding-bottom: 0.85rem;
  }
}
.contact-person-card .contact-person-header .far.fa-headset {
  color: #0d4a8f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-size: 1.15rem;
  margin-top: 0;
  flex-shrink: 0;
  font-weight: 100;
  background: transparent;
  border-radius: 0;
}
@media (max-width: 991px) {
  .contact-person-card .contact-person-header .far.fa-headset {
    margin: 0;
  }
}
.contact-person-card .contact-person-title {
  flex: 1;
  text-align: center;
}
.contact-person-card .contact-person-name {
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  color: #08090f;
}
.contact-person-card .contact-person-role {
  font-size: 18px;
  font-weight: 400;
  color: rgba(8, 9, 15, 0.8);
  margin: 0;
}
.contact-person-card .contact-person-links {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  align-items: center;
}
@media (max-width: 991px) {
  .contact-person-card .contact-person-links {
    flex-direction: column;
    gap: 0.35rem;
    align-items: center;
    width: 100%;
  }
}
.contact-person-card .contact-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  text-decoration: none;
  font-size: 17px;
  line-height: 1.4;
  width: auto;
  max-width: none;
  padding: 0.25rem 0;
  border-radius: 0;
  border: 0;
  background: transparent;
  transition: color 0.2s ease;
  white-space: normal;
}
@media (max-width: 991px) {
  .contact-person-card .contact-link {
    justify-content: center;
    width: auto;
  }
}
.contact-person-card .contact-link i {
  font-size: 1rem;
  width: 18px;
  text-align: center;
  flex-shrink: 0;
}
.contact-person-card .contact-link.phone {
  color: #424243;
}
.contact-person-card .contact-link.phone i {
  color: #424243;
}
.contact-person-card .contact-link.phone:hover {
  color: rgb(40.6917293233, 40.6917293233, 41.3082706767);
}
.contact-person-card .contact-link.phone:hover i {
  color: rgb(40.6917293233, 40.6917293233, 41.3082706767);
}
.contact-person-card .contact-link.email {
  color: #0d4a8f;
}
.contact-person-card .contact-link.email i {
  color: #0d4a8f;
}
.contact-person-card .contact-link.email:hover {
  color: rgb(8.75, 49.8076923077, 96.25);
}
.contact-person-card .contact-link.email:hover i {
  color: rgb(8.75, 49.8076923077, 96.25);
}

@media screen and (max-width: 600px) {
  #orderItems .order-item-list {
    border: 1px solid #E7E7E7;
  }
  #order-detail-custom-id .buyer-info > div {
    border: 1px solid #E7E7E7;
    padding: 1.5rem;
  }
}
/* Order Summary Responsive Styling */
@media screen and (max-width: 600px) {
  .row.order-summary {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0 !important;
  }
  .row.order-summary .delivery-method,
  .row.order-summary .payment-method,
  .row.order-summary .total-sum {
    background: white;
    border: 1px solid #E7E7E7;
    padding: 1rem;
  }
  .row.order-summary .delivery-method p,
  .row.order-summary .payment-method p,
  .row.order-summary .total-sum p {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .row.order-summary .delivery-method p strong,
  .row.order-summary .payment-method p strong,
  .row.order-summary .total-sum p strong {
    font-weight: 500;
    color: #08090f;
    font-size: 0.9rem;
  }
  .row.order-summary .delivery-method p span,
  .row.order-summary .payment-method p span,
  .row.order-summary .total-sum p span {
    font-weight: 500;
    color: #08090f;
    font-size: 1rem;
  }
  .row.order-summary .total-sum {
    background: #0d4a8f;
    border: none;
  }
  .row.order-summary .total-sum p strong {
    color: white;
    font-weight: 700;
  }
  .row.order-summary .total-sum p span {
    color: white;
    font-weight: 700;
    font-size: 1.2rem;
  }
}

.search-overlay button::before {
  content: none !important;
}

#page-header .product-search button {
  background: var(--inputs-background, transparent) !important;
}

#page-header .product-search button.input-hidden {
  background: transparent !important;
}
#page-header .product-search button.input-hidden i {
  color: white !important;
  font-size: 1.4rem;
  font-weight: 400;
}

#page-header .product-search button.input-expanded {
  background: transparent !important;
}
#page-header .product-search button.input-expanded i {
  color: white !important;
  font-size: 1.4rem;
  font-weight: 400;
}

.search-results-header {
  padding-block: 2rem;
}

#page-content:has(.search-results-container) {
  background: #fbfbfc;
}

.search-results-container {
  margin-bottom: 2rem;
}

.roko-page-loader {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.88);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
}
.roko-page-loader.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.roko-page-loader__panel {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  width: min(100%, 360px);
  padding: 1.1rem 1.25rem;
  border: 1px solid rgba(13, 74, 143, 0.12);
  border-radius: 8px;
  background: #fff;
  color: #08090f;
  box-shadow: 0 16px 40px rgba(8, 9, 15, 0.14);
}
.roko-page-loader__spinner,
.roko-button-spinner {
  flex: 0 0 auto;
  width: 1.35rem;
  height: 1.35rem;
  border: 2px solid rgba(13, 74, 143, 0.2);
  border-top-color: #d12d26;
  border-radius: 50%;
  animation: rokoLoaderSpin 0.7s linear infinite;
}
.roko-page-loader__content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.roko-page-loader__label {
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.25;
}
.roko-page-loader__message {
  font-size: 0.86rem;
  line-height: 1.35;
  color: #585f6b;
}
body.roko-loading-active {
  cursor: wait;
}
.roko-button-is-loading {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  pointer-events: none;
  cursor: wait;
}
.roko-button-is-loading .roko-button-spinner {
  width: 1rem;
  height: 1rem;
  border-color: rgba(255, 255, 255, 0.35);
  border-top-color: currentColor;
}
@keyframes rokoLoaderSpin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .roko-page-loader,
  .roko-page-loader__spinner,
  .roko-button-spinner {
    animation-duration: 1.5s;
  }
}

.page-template-page-search-results .roko-pagination {
  padding-bottom: 2rem;
}

.product-search {
  margin-top: 1rem;
}
.product-search button {
  right: 0;
}
@media (max-width: 699px) {
  .product-search {
    position: relative;
  }
  .product-search .w-search-form {
    position: relative;
    display: flex;
    align-items: center;
  }
  .product-search .product-search-form {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .product-search .w-form-row-field {
    position: absolute;
    top: 0;
    left: 0;
    right: 50px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1000;
    background: white;
  }
  .product-search .w-form-row-field.expanded {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  .product-search .product-search-input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    font-size: 16px;
  }
  .product-search .product-search-input:focus {
    outline: 1px solid #0d4a8f;
    border-color: none !important;
    box-shadow: none !important;
  }
  .product-search .w-search-form-btn {
    position: relative;
    z-index: 1001;
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    transition: all 0.3s ease;
  }
  .product-search .w-search-form-btn i {
    font-size: 18px;
    transition: all 0.3s ease;
  }
  .product-search .w-search-form-btn.input-hidden {
    background: transparent;
  }
  .product-search .w-search-form-btn.input-hidden i {
    color: inherit;
  }
  .product-search .w-search-form-btn.input-hidden:hover {
    background: rgba(0, 0, 0, 0.05);
  }
  .product-search .w-search-form-btn.input-visible {
    background: rgba(0, 123, 186, 0.1);
  }
  .product-search .w-search-form-btn.input-visible i {
    color: #0d4a8f;
  }
  .product-search .w-search-form-btn.input-visible:hover {
    background: rgba(0, 123, 186, 0.2);
  }
  .product-search .w-search-form-btn.input-expanded {
    background: #0d4a8f;
  }
  .product-search .w-search-form-btn.input-expanded i {
    color: white;
  }
  .product-search .w-search-form-btn.input-expanded:hover {
    background: #0d4a8f;
  }
  .product-search .w-search-form-btn.input-expanded:active {
    background: #0d4a8f;
  }
  .product-search.search-expanded::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: transparent;
  }
}

@media (max-width: 699px) {
  .search-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    background: white;
    padding: 12px 16px;
    opacity: 0;
    transform: translateY(-10px);
    animation: slideInFromTop 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }
  .search-overlay .product-search-form {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    gap: 12px;
  }
  .search-overlay .w-form-row-field {
    flex: 1;
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    background: transparent;
  }
  .search-overlay .w-form-row-field.expanded {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .search-overlay .product-search-input {
    width: 100%;
    padding: 6px 12px;
    border: none;
    font-size: 16px;
    background: transparent;
  }
  .search-overlay .product-search-input:focus {
    outline: 1px solid #0d4a8f !important;
    border: none !important;
    box-shadow: none !important;
  }
  .search-overlay .w-search-form-btn {
    position: static;
    z-index: auto;
    min-width: 44px;
    min-height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 8px;
    background: transparent;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
  }
  .search-overlay .w-search-form-btn:hover {
    background: rgba(0, 0, 0, 0.05);
  }
  .search-overlay .w-search-form-btn i {
    font-size: 18px;
    color: #333;
  }
  @keyframes slideInFromTop {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .search-overlay.hiding {
    animation: slideOutToTop 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }
  @keyframes slideOutToTop {
    from {
      opacity: 1;
      transform: translateY(0);
    }
    to {
      opacity: 0;
      transform: translateY(-10px);
    }
  }
}
.no-results {
  padding-bottom: 5rem;
}

@media (min-width: 768px) {
  .search-results-container.b2b .order-item-list {
    margin: 0;
    padding-block: 0.6em;
    align-items: center;
    column-gap: 1rem;
    grid-template-columns: 50px minmax(0, 1fr) max-content minmax(12rem, max-content) max-content;
  }
  .search-results-container.b2b .order-item-list:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
  }
  .search-results-container.b2b .order-item-list:nth-child(even) {
    background: #fbfbfc;
  }
  .search-results-container.b2b .order-item-list .add_to_cart_button {
    padding-block: 6px;
  }
  .search-results-container.b2b .order-item-list .add_to_cart_button,
  .search-results-container.b2b .order-item-list .product-sku,
  .search-results-container.b2b .order-item-list .product-total-price {
    font-size: 14px;
  }
  .search-results-container.b2b .order-item-list .product-image {
    margin: unset;
  }
  .search-results-container.b2b .order-item-list .product-image img {
    max-height: 35px;
  }
  .search-results-container.b2b .order-item-list .product-sku {
    justify-self: start;
    text-align: left;
  }
  .search-results-container.b2b .order-item-list .product-name,
  .search-results-container.b2b .order-item-list .product-price-wrapper {
    min-width: 0;
  }
  .search-results-container.b2b .order-item-list .product-price-wrapper {
    justify-self: stretch;
    text-align: right;
  }
  .search-results-container.b2b .order-item-list .product-action {
    justify-self: end;
    margin-left: auto;
  }
}
.post_image.with_placeholder {
  text-align: center;
}

.roko-section-content.roko-technical-content {
  background: white;
}

#page-header .l-subheader.at_middle a:hover {
  color: #d12d26 !important;
}

#review-tab,
.w-tabs-item[aria-controls=content-review-tab] {
  display: none !important;
}

.akcni-nabidka-grid .w-vwrapper .w-hwrapper.usg_hwrapper_1 {
  flex-wrap: wrap;
}
.akcni-nabidka-grid.type_carousel .w-grid-item,
.akcni-nabidka-grid.type_carousel .w-grid-item-h,
.akcni-nabidka-grid.type_carousel .w-vwrapper.usg_vwrapper_1 {
  height: 100%;
}
.akcni-nabidka-grid.type_carousel .w-vwrapper.usg_vwrapper_1 {
  display: grid;
  grid-template-rows: minmax(2.75em, auto) minmax(210px, auto) 3.75em auto;
  align-items: start;
}
.akcni-nabidka-grid.type_carousel .w-vwrapper.usg_vwrapper_1 > .post_title {
  grid-row: 1;
}
.akcni-nabidka-grid.type_carousel .w-vwrapper.usg_vwrapper_1 > .post_image {
  grid-row: 2;
  align-self: center;
}
.akcni-nabidka-grid.type_carousel .w-vwrapper.usg_vwrapper_1 > .post_content {
  grid-row: 3;
  height: 3.75em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.akcni-nabidka-grid.type_carousel .w-vwrapper.usg_vwrapper_1 > .w-hwrapper:has(.product_field.price) {
  grid-row: 4;
  align-self: start;
  width: 100%;
  margin-top: 0;
}

.product-title {
  line-height: 1.2;
}

@media screen and (max-width: 600px) {
  #content-popis-produktu {
    padding-inline: 0;
  }
  .search-results-header h1 {
    font-size: 1.8rem;
    line-height: 1.2;
  }
  .search-results-container.b2b .order-item-list {
    border: 1px solid #E7E7E7;
    padding-block: 1.5rem;
    padding-inline: 1.5rem;
  }
  .account-section-wrapper {
    border: 1px solid #E7E7E7;
  }
  .contact-card {
    border: 1px solid #E7E7E7;
  }
}
.account-section-wrapper {
  padding: 1.5rem;
}

.roko-product-price-display button {
  justify-content: center;
}

#page-header .w-cart-dropdown {
  padding: 10px;
}
@media (max-width: 499px) {
  #page-header .w-cart-dropdown {
    position: fixed !important;
    top: 100px; /* Adjust based on your header height */
    left: 0 !important;
    right: 0 !important;
    width: 99vw !important;
    z-index: 999;
    margin: 0 auto;
    /* Center the content within the full-width container */
    display: flex;
    justify-content: center;
  }
}

.register-form p {
  padding: 0;
}
.register-form label + br {
  display: none;
}
.register-form .phone-label {
  grid-column: 1/span 2;
}
.register-form p:has(.register-label) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.register-form p:last-child {
  text-align: center;
}
.register-form .wpcf7-spinner {
  position: absolute;
}

input:not([type=submit]),
textarea,
select {
  box-shadow: none;
}

#header-call-wrapper > div:first-child {
  margin: 0;
}

.h-ribbon > span:not(.pseudo-element) {
  display: inline-flex;
}

@media screen and (max-width: 767px) {
  .roko-pagination-wrapper {
    flex-direction: column;
  }
  .cart-header-shortcode {
    display: none;
  }
  .order-item-list .product-action button {
    width: 100%;
  }
  #orderItems .product-reorder,
  #orderItems .product-reorder a {
    width: 100%;
  }
  #orderItems .product-action button {
    width: 100%;
  }
}
.home .cart-header-shortcode {
  display: none;
}

.product-total-price del {
  color: #a6a6a6;
}

.product-subtotal {
  min-width: -moz-max-content;
  min-width: max-content;
}
.product-subtotal .tax_label {
  font-weight: 300;
  opacity: 0.5;
}

.sub-menu .level_2 > .w-nav-arrow {
  margin-left: auto;
}

.akcni-nabidka-grid .post_title {
  text-align: center;
  color: #0d4a8f;
}

rs-module-wrap .pseudo-element {
  display: none;
}

.home #page-header .l-subheader.at_bottom {
  height: -moz-fit-content;
  height: fit-content;
}
.home #page-header .l-subheader.at_bottom .w-nav-list.level_1 {
  flex-wrap: wrap;
  margin: 0;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.home #page-header .l-subheader.at_bottom .w-nav-list.level_1 li > a {
  padding: 0;
}

#page-content .cat-grid .w-grid-list {
  gap: 0;
}
#page-content .cat-grid .w-grid-list .w-grid-item:nth-child(n+4) {
  margin-top: -1px;
}
#page-content .cat-grid .w-grid-list .w-grid-item,
#page-content .cat-grid .w-grid-list .w-grid-item-h {
  padding: 1rem;
}

.home .w-html:has(.breadcrumb_last) {
  display: none;
}

.banner-content .g-cols.vc_row {
  justify-content: end;
}

.banner-content .vc_column_container {
  margin: 0 !important;
}

@media screen and (min-width: 701px) and (max-width: 1100px) {
  .vc_col-sm-3.wpb_column.vc_column_container:has(.roko-category-filters) > div {
    padding: unset;
  }
}
@media screen and (max-width: 700px) {
  #page-content #us_grid_1 .w-grid-item {
    padding: 0rem !important;
  }
}
@media (max-width: 767px) {
  #order-details-container .order-item-list {
    justify-items: center;
    padding: 1.5rem;
  }
}
@media (max-width: 767px) {
  #page-footer .justify-end,
  #page-footer .us_custom_91cb0dee {
    justify-content: center;
  }
}

#page-content .woocommerce-notices-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#page-content .woocommerce-notices-wrapper .woocommerce-error,
#page-content .woocommerce-notices-wrapper .woocommerce-info,
#page-content .woocommerce-notices-wrapper .woocommerce-message {
  width: 100%;
  background-color: white;
}
#page-content .woocommerce-notices-wrapper .woocommerce-error:not(:last-child),
#page-content .woocommerce-notices-wrapper .woocommerce-info:not(:last-child),
#page-content .woocommerce-notices-wrapper .woocommerce-message:not(:last-child) {
  margin-bottom: 1rem;
}

@media screen and (max-width: 1201px) {
  #page-content .roko-top-filter-section {
    justify-content: center;
  }
}

#page-content .wpb_column.vc_column_container:has(.roko-subcategory-grid.main-cat) > .vc_column-inner,
#page-content .wpb_column.vc_column_container:has(.roko-subcategory-grid.sticky) > .vc_column-inner {
  padding-right: 0;
}

@media screen and (min-width: 768px) {
  #page-content .wpb_column.vc_column_container:has(.roko-subcategory-grid.main-cat) > .vc_column-inner {
    padding-left: 27px;
    padding-right: 0;
  }
  #page-content .wpb_column.vc_column_container:has(.roko-subcategory-grid.main-cat) .wpb_raw_code.us_custom_909b2fd0 {
    padding-inline: 0;
  }
  #page-content .wpb_column.vc_column_container:has(.roko-subcategory-grid.main-cat) .wpb_raw_code.us_custom_909b2fd0 > .wpb_wrapper {
    max-width: none;
  }
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  #page-content .g-cols.via_flex.type_default:has(.roko-subcategory-grid.main-cat) {
    row-gap: 1.5rem;
  }
  #page-content .g-cols.via_flex.type_default:has(.roko-subcategory-grid.main-cat) > .wpb_column.vc_column_container {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  #page-content .g-cols.via_flex.type_default:has(.roko-subcategory-grid.main-cat) > .wpb_column.vc_column_container > .vc_column-inner {
    padding-left: 1.5rem;
    padding-right: 0;
  }
  #page-content .g-cols.via_flex.type_default:has(.roko-subcategory-grid.main-cat) .roko-subcategory-grid.main-cat {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}

@media screen and (min-width: 767px) and (max-width: 1410px) {
  #page-content .wpb_column.vc_column_container:has(.roko-subcategory-grid.main-cat) .vc_column-inner:has(.roko-popular-products) {
    padding-left: 27px;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  #page-content .wpb_column.vc_column_container:has(.roko-subcategory-grid.main-cat) .roko-popular-products .order-item-list:nth-child(n+2) {
    display: none;
  }
}
#page-content .wpb_column.vc_column_container:has(.roko-subcategory-grid.main-cat) .roko-popular-products .order-item-list {
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
}
#page-content .wpb_column.vc_column_container:has(.roko-subcategory-grid.main-cat) .roko-popular-products .order-item-list .product-price-wrapper {
  justify-content: center;
  text-align: center;
}
#page-content .wpb_column.vc_column_container:has(.roko-subcategory-grid.main-cat) .roko-popular-products .order-item-list .product-total-price {
  align-items: center;
  margin-left: 0;
  text-align: center;
}

.d-none {
  display: none;
}

.roko-pagination-wrapper + .roko-contact-divider {
  display: none;
}

.woocommerce-result-count {
  display: none;
}

.contact-referent-card {
  background: transparent;
  padding: 0;
  color: #08090f;
}
.contact-referent-card__role {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 0.5rem;
  color: #08090f;
}
.contact-referent-card__name {
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 0.45rem;
  color: #505050;
}
.contact-referent-card__links {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
.contact-referent-card__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  font-size: 15px;
  line-height: 1.4;
}
.contact-referent-card__link i {
  width: 16px;
  text-align: center;
}
.contact-referent-card__link.email,
.contact-referent-card__link.email i {
  color: #0d4a8f;
}
.contact-referent-card__link.phone,
.contact-referent-card__link.phone i {
  color: #505050;
}
.contact-referent-card__link:hover {
  opacity: 0.85;
}
@media screen and (max-width: 600px) {
  .contact-referent-card__role {
    font-size: 18px;
  }
  .contact-referent-card__links {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}

.contact-card p {
  margin: unset;
}

.contact-card h3,
.contact-card h4,
.contact-card p {
  font-size: 16px;
}

.contact-card h4,
.contact-card p {
  color: #505050;
  font-weight: 400;
}

.contact-card {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  background: white;
  padding: 1.5rem;
  gap: 1rem;
}
@media screen and (max-width: 1024px) {
  .contact-card {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .contact-card {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 900px) {
  .orders-list tr td:first-child,
  .orders-list tr th:first-child {
    padding-left: unset !important;
  }
}
.text-center {
  text-align: center;
}

#page-content .us_custom_6d149020 {
  margin-top: 2.5rem !important;
}

.w-html:has(.product-search) {
  width: 100%;
}

.product-search-form {
  margin: unset;
}

.sub-menu.subpage-menu a {
  margin-right: unset !important;
}

.product-title {
  font-size: 36px;
  color: #0d4a8f;
  margin-bottom: 1rem;
}

#favoriteItems {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  #favoriteItems {
    grid-template-columns: 1fr;
  }
}
#favoriteItems .order-item-list {
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
}
#favoriteItems .order-item-list .product-image {
  max-width: 100px;
}

#roko-popular-products-section {
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.4s, max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 1;
  transform: translateY(0) translateZ(0);
  visibility: visible;
  pointer-events: auto;
  max-height: 2000px;
  overflow: visible;
  will-change: max-height, opacity, transform;
  backface-visibility: hidden;
  perspective: 1000px;
  transform-style: preserve-3d;
  -webkit-font-smoothing: antialiased;
}
#roko-popular-products-section.hidden-by-filter {
  opacity: 0;
  transform: translateY(20px) translateZ(0);
  visibility: hidden;
  pointer-events: none;
  max-height: 0;
  overflow: hidden;
}

.layout_199 article:hover .usg_post_title_1 a {
  color: #d12d26 !important;
}

#page-footer #thin-row {
  background-color: white !important;
}

.l-subheader-cell.at_center {
  width: 100%;
  max-width: 400px;
}

#spu-785 h2, #spu-785 .product-title {
  text-align: center;
  color: #0d4a8f;
  margin-bottom: 2rem;
}

.woocommerce-form-login.register {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  row-gap: 2rem;
  justify-content: space-around;
}
.woocommerce-form-login.register .wpcf7-spinner {
  position: absolute;
}
.woocommerce-form-login.register .clear,
.woocommerce-form-login.register br {
  display: none;
}
.woocommerce-form-login.register .form-row {
  margin: 0 !important;
}
.woocommerce-form-login.register > *:not(:last-child) {
  flex-basis: 47%;
  margin-bottom: 1rem;
}
.woocommerce-form-login.register > *:last-child,
.woocommerce-form-login.register .submit,
.woocommerce-form-login.register .tos {
  flex-basis: 100%;
  max-width: 100%;
  text-align: center;
  margin: unset;
}
.woocommerce-form-login.register .submit {
  text-align: end !important;
}

.roko-product-quantity-selector > div {
  flex-direction: row;
}
.roko-product-quantity-selector > div > :first-child {
  flex-basis: 33%;
}
.roko-product-quantity-selector > div > :last-child {
  flex-basis: 66%;
}
@media screen and (max-width: 767px) {
  .roko-product-quantity-selector > div {
    flex-direction: column;
  }
  .roko-product-quantity-selector > div > :first-child {
    flex-basis: 100%;
    width: 100%;
  }
  .roko-product-quantity-selector > div > :first-child .roko-quantity-unit {
    display: none;
  }
  .roko-product-quantity-selector > div > :last-child {
    flex-basis: 100%;
  }
}

.akcni-nabidka-grid .post_image img {
  max-height: 220px;
  -o-object-fit: contain;
     object-fit: contain;
}

#my-account .w-tabs-item.accordion-panel:last-child {
  margin-left: auto;
}

.text {
  transform: none !important;
}

.w-cart-icon {
  line-height: unset !important;
}

.roko-cart-element:hover .w-cart-quantity {
  background: black !important;
}

.roko-login-element:hover i,
.roko-cart-element:hover i,
.roko-login-element:hover span,
.roko-cart-element:hover span {
  color: white !important;
}

.roko-cart-element .quantity,
.roko-cart-element .quantity *,
.roko-cart-element:hover .quantity,
.roko-cart-element:hover .quantity * {
  color: black !important;
}

.roko-login-element > div,
.roko-cart-element > div,
.roko-login-element > .w-text {
  margin: unset !important;
}

/* Responsive styles for filter tab buttons */
@media screen and (max-width: 880px) {
  #my-account .w-tabs-item.accordion-panel:last-child {
    margin-left: unset;
  }
  #my-account .w-tabs-list-h {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1rem;
  }
  #my-account .w-tabs-list-h > * {
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 140px;
    text-align: center;
    /* Ensure text doesn't overflow */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/* Further adjustments for very small screens */
@media screen and (max-width: 480px) {
  #my-account .w-tabs-list-h > * {
    flex: 1 1 100%;
  }
}
@media screen and (max-width: 767px) {
  #my-account .g-cols.vc_row.via_flex.valign_top.type_default.stacking_default > div > .vc_column-inner {
    padding: 0;
  }
}
.account-section-wrapper {
  flex-wrap: wrap;
}

.order-item-list {
  grid-template-columns: 1fr 3fr 1fr 1fr 1fr;
}
.order-item-list .product-image {
  max-width: 50px;
}
#orderItems .product-reorder a[href=""] {
  display: none;
}
@media (max-width: 767px) {
  .order-item-list {
    grid-template-columns: 1fr;
    gap: 0.75rem;
    padding: 1rem;
    margin-bottom: 1rem;
  }
  .order-item-list .product-image {
    text-align: center;
    margin-bottom: 0.5rem;
    max-width: unset;
  }
  .order-item-list .product-image img {
    max-width: 100px;
    height: auto;
  }
  .order-item-list .product-name {
    text-align: center;
  }
  .order-item-list .product-quantity,
  .order-item-list .product-total-price {
    display: flex;
    justify-content: space-between;
  }
  .order-item-list .product-quantity .product-action a,
  .order-item-list .product-total-price .product-action a {
    width: 100%;
  }
  .order-item-list .product-quantity .product-reorder,
  .order-item-list .product-total-price .product-reorder {
    margin-top: 0.75rem;
    text-align: center;
  }
  .order-item-list .product-quantity .product-reorder .w-btn,
  .order-item-list .product-total-price .product-reorder .w-btn {
    width: 100%;
    justify-content: center;
  }
}

/* Common responsive styles for account sections */
@media (max-width: 767px) {
  .flex-row {
    flex-direction: column !important;
  }
  .account-section-wrapper {
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .account-section-wrapper .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
  }
  .account-section-wrapper .section-header h2, .account-section-wrapper .section-header .product-title,
  .account-section-wrapper .section-header h3 {
    margin: 0;
  }
  .buyer-info .order-meta,
  .buyer-info .delivery-address,
  .buyer-info .billing-address {
    width: 100%;
  }
  .buyer-info .order-meta p,
  .buyer-info .delivery-address p,
  .buyer-info .billing-address p {
    margin-bottom: 0.5rem;
  }
  .buyer-info .order-meta .order-invoice.icon.download,
  .buyer-info .delivery-address .order-invoice.icon.download,
  .buyer-info .billing-address .order-invoice.icon.download {
    display: inline-flex;
  }
  .buyer-info .order-meta .order-invoice.icon.download a,
  .buyer-info .delivery-address .order-invoice.icon.download a,
  .buyer-info .billing-address .order-invoice.icon.download a {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.8rem;
    background-color: #f0f0f0;
    border-radius: 4px;
    text-decoration: none;
  }
  .buyer-info .order-meta .order-invoice.icon.download a:before,
  .buyer-info .delivery-address .order-invoice.icon.download a:before,
  .buyer-info .billing-address .order-invoice.icon.download a:before {
    content: "Stáhnout fakturu ";
    margin-right: 0.3rem;
  }
}
.w-btn.out-of-stock, .in-stock, .on-backorder {
  display: flex;
  align-items: center;
}

.on-backorder {
  color: #ffac1a;
}

.in-stock {
  color: #147a44;
}

.w-btn.out-of-stock {
  color: #7f8c8d;
  cursor: not-allowed;
}
.w-btn.out-of-stock:hover {
  background-color: transparent !important;
  color: white !important;
}

.roko-section-content {
  padding: 2rem;
}
.roko-section-content.roko-related-content {
  padding: 0;
}
.roko-section-heading {
  color: #0d4a8f;
  margin-bottom: 1.5rem;
}

.roko-product-error {
  padding: 1rem;
  background-color: #f8d7da;
  color: #721c24;
  border-radius: 4px;
  margin-bottom: 1rem;
}

.roko-related-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
  list-style: none;
  padding: 0;
  margin: 0;
}

.roko-related-product {
  border: 1px solid #f8f8f8;
  background-color: white;
}

.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1rem;
  text-align: center;
}
.product-title a {
  color: #0d4a8f;
  text-decoration: none;
}
.product-description {
  margin-bottom: 1rem;
  color: #666;
  line-height: 1.3;
}
.product-image {
  margin-top: auto;
}
.product-image img {
  max-height: 250px;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
.product-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  color: #454545;
}
@media (max-width: 480px) {
  .product-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.product-price {
  font-size: 0.95rem;
}

.stock-status {
  display: flex;
  align-items: center;
}
.stock-status i {
  margin-right: 0.25rem;
}

.regular-price {
  color: #454545;
  text-decoration: line-through;
  margin-right: 0.25rem;
}

.sale-price {
  color: #454545;
  font-weight: 600;
}

#page-content .roko-section-content.roko-metadata-content {
  padding: 0;
  overflow-x: auto;
}
#page-content .roko-section-content.roko-metadata-content tr:nth-child(odd) {
  background: white;
}
#page-content .roko-section-content.roko-metadata-content th {
  padding-left: 2rem;
  padding-right: 1rem;
}
#page-content .roko-section-content.roko-metadata-content th,
#page-content .roko-section-content.roko-metadata-content td {
  border-bottom: 0;
  padding-left: 2rem;
  padding-right: 1rem;
  white-space: normal;
  min-width: 8rem;
}
@media (max-width: 600px) {
  #page-content .roko-section-content.roko-metadata-content th,
  #page-content .roko-section-content.roko-metadata-content td {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.roko-description-content {
  background: white;
}

.woocommerce.single-product section:nth-child(even) {
  background: #f8f8f8;
}

#product-detail-tabs .w-tabs-list {
  background: #f8f8f8;
}
#product-detail-tabs .w-tabs-list-h {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: flex-start;
  gap: 0;
}
@media (max-width: 600px) {
  #product-detail-tabs .w-tabs-list-h {
    flex-direction: column;
    width: 100%;
  }
}
#product-detail-tabs .w-tabs-item {
  border-top: none !important;
  border-bottom: 2px solid white;
  border-left: 2px solid white;
  padding: clamp(0.5rem, 2vw, 0.8rem) clamp(0.8rem, 3vw, 1.2rem);
}
@media (max-width: 600px) {
  #product-detail-tabs .w-tabs-item {
    width: 100%;
    border-left: 2px solid white;
    border-right: 2px solid white;
  }
}
#product-detail-tabs .w-tabs-item:last-child {
  border-right: 2px solid white;
}
#product-detail-tabs .w-tabs-item:hover {
  background: #f4f4f4;
}
#product-detail-tabs .w-tabs-item.active {
  border-bottom: 2px solid #0d4a8f;
  border-top: none !important;
  background: #f4f4f4;
  color: black;
}
#product-detail-tabs .roko-product-long-description {
  margin-bottom: 2rem;
}
#product-detail-tabs .roko-product-long-description.roko-columns-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 2rem;
}
#product-detail-tabs .roko-product-long-description.roko-columns-layout .roko-description-main {
  flex: 1 1 min(100%, 66.666% - 1rem);
  max-width: 100%;
}
#product-detail-tabs .roko-product-long-description.roko-columns-layout .roko-description-sidebar {
  flex: 1 1 min(100%, 33.333% - 1rem);
  max-width: 100%;
}
@media (max-width: 768px) {
  #product-detail-tabs .roko-product-long-description.roko-columns-layout {
    flex-direction: column;
  }
  #product-detail-tabs .roko-product-long-description.roko-columns-layout .roko-description-main,
  #product-detail-tabs .roko-product-long-description.roko-columns-layout .roko-description-sidebar {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #product-detail-tabs .roko-product-long-description.roko-columns-layout.sidebar-left .roko-description-sidebar {
    order: 1;
  }
  #product-detail-tabs .roko-product-long-description.roko-columns-layout.sidebar-left .roko-description-main {
    order: 2;
  }
}
#product-detail-tabs .roko-product-details-table {
  width: 100%;
  border-collapse: collapse;
}
#product-detail-tabs .roko-product-details-table th,
#product-detail-tabs .roko-product-details-table td {
  padding: 0.5rem 0;
  text-align: left;
  vertical-align: top;
  -webkit-hyphens: auto;
          hyphens: auto;
  word-wrap: break-word;
}
#product-detail-tabs .roko-product-details-table th {
  width: 40%;
  font-weight: 600;
}
@media (max-width: 600px) {
  #product-detail-tabs .roko-product-details-table th {
    width: 35%;
  }
}
#product-detail-tabs .roko-product-reviews-summary {
  margin-bottom: 1.5rem;
}
#product-detail-tabs .roko-product-reviews-rating {
  margin-top: 0.5rem;
}
#product-detail-tabs .roko-related-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 1rem 0 0 0;
}
#product-detail-tabs .roko-related-product {
  border: 1px solid #f0f0f0;
  padding: 1rem;
  margin: unset;
}
#product-detail-tabs .roko-related-product-link {
  text-decoration: none;
  color: inherit;
}
#product-detail-tabs .roko-related-product-image {
  margin-bottom: 1rem;
  text-align: center;
}
#product-detail-tabs .roko-related-product-title {
  font-size: 1rem;
  margin: 0 0 0.5rem 0;
}
#product-detail-tabs .roko-related-product-price {
  font-weight: 600;
}

.woocommerce-product-gallery .flex-viewport {
  margin-bottom: 4rem;
  max-height: min(60vh, 600px);
  overflow: hidden;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image,
.woocommerce-product-gallery .woocommerce-product-gallery__image a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: min(60vh, 600px);
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .woocommerce-product-gallery .flex-control-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
  }
  .woocommerce-product-gallery .flex-control-thumbs li {
    width: calc(25% - 0.5rem);
    min-width: 3rem;
  }
}
.woocommerce-product-gallery li img {
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  padding: clamp(0.5rem, 2vw, 1rem);
}
.woocommerce-product-gallery li img.flex-active {
  border: unset;
}

.roko-favorites-section .icon-circle, .roko-favorites-section #page-content .roko-add-to-favorites i, #page-content .roko-add-to-favorites .roko-favorites-section i {
  border-color: #f4f4f4;
}

.roko-price-rokomany {
  text-align: end;
}

.roko-product-summary .roko-product-short-description {
  font-size: clamp(16px, 5vw, 20px);
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}
.roko-product-ean {
  font-size: 14px;
  line-height: 1.45;
  color: #505050;
  margin-bottom: 0.75rem;
}
[data-roko-product-ean-for].is-hidden {
  display: none;
}
.roko-product-ean .roko-product-ean__label {
  font-weight: 500;
  color: #08090f;
  margin-right: 0.35rem;
}
.roko-product-summary .roko-product-properties {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 2.5rem;
}
.roko-product-summary .roko-product-properties .roko-property-item {
  margin-bottom: 0.5rem;
}
.roko-product-summary .roko-product-properties .roko-property-item .roko-property-content {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: center;
  font-size: 19px;
  gap: 0;
}
.roko-product-summary .roko-product-properties .roko-property-item .roko-property-content i {
  color: #0d4a8f;
  margin-right: 0.5rem;
  font-size: 1.25rem;
  min-width: 1.25rem;
  text-align: center;
}
.roko-product-summary .roko-product-properties .roko-property-item .roko-property-content .roko-property-label {
  margin-right: 0.5rem;
  color: #08090f;
}
.roko-product-summary .roko-product-properties .roko-property-item .roko-property-content .roko-property-values {
  color: #08090f;
}
.roko-product-summary .roko-product-properties .roko-property-item .roko-property-content .roko-property-values.in-stock {
  color: #147a44;
}
.roko-product-summary .roko-product-properties .roko-property-item .roko-property-content .roko-property-values.on-backorder {
  color: #ffac1a;
}
.roko-product-summary .roko-product-properties .roko-property-item .roko-property-content .roko-property-values.out-of-stock {
  color: #d12d26;
}
.roko-product-summary .roko-product-taxonomies {
  margin-bottom: 25px;
}
.roko-product-summary .roko-product-taxonomy {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 5px;
  font-size: clamp(16px, 4vw, 19px);
}
.roko-product-summary .roko-product-taxonomy:last-child {
  margin-bottom: 0;
}
.roko-product-summary .roko-product-taxonomy .roko-tax-icon {
  color: #0d4a8f;
  flex: 0 0 1.25rem;
  width: 1.25rem;
  min-width: 1.25rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1;
  padding-top: 0.2rem;
}
.roko-product-summary .roko-product-taxonomy .roko-tax-content {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.65;
}
.roko-product-summary .roko-product-taxonomy .roko-tax-label {
  color: #08090f;
  margin-right: 0.35rem;
}
.roko-product-summary .roko-product-taxonomy .roko-tax-values {
  color: #08090f;
}
.roko-product-summary .roko-product-variant-selectors {
  margin-bottom: 1.5rem;
}
.roko-product-summary .roko-product-variant-selectors .roko-variant-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.roko-product-summary .roko-product-variant-selectors .roko-variant-row--color {
  margin-top: 0.75rem;
}
.roko-product-summary .roko-product-variant-selectors .roko-variant-row .roko-variant-column {
  flex: 1 1 min(100%, 250px);
  min-width: 0;
}
.roko-product-summary .roko-product-variant-selectors .roko-variant-row--color .roko-variant-column--color {
  flex: 1 1 100%;
}
.roko-product-summary .roko-product-variant-selectors .roko-variant-row .roko-variant-column select {
  width: 100%;
  padding: 0.75rem 1.5rem;
  padding-block: 0;
  border: 1px solid #e0e0e0;
  font-size: 0.9rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: white !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3cpath fill='%230d4a8f' d='M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem top 50%;
  background-size: 0.65rem auto;
  box-shadow: none;
}
.roko-product-summary .roko-product-variant-selectors .roko-variant-row .roko-variant-column select:focus {
  outline: none;
  border-color: #0d4a8f;
  box-shadow: none !important;
}
.roko-product-summary .roko-product-variant-selectors .roko-variant-row .roko-variant-column select.roko-placeholder-select {
  color: #999;
  background-color: white;
}
.roko-product-summary .roko-variant-help {
  margin: 1rem 0 1.5rem;
  color: #08090f;
  font-size: 0.95rem;
  line-height: 1.5;
}
.roko-product-summary .roko-variant-help__link {
  color: #0d4a8f;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.roko-product-summary .roko-variant-help__link:hover,
.roko-product-summary .roko-variant-help__link:focus {
  color: #093566;
}
.roko-product-summary .roko-product-quantity-selector {
  margin-bottom: 1.5rem;
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: flex-start;
}
@media (max-width: 600px) {
  .roko-product-summary .roko-product-quantity-selector .roko-quantity-row {
    gap: 0.75rem;
  }
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-controls {
  display: flex;
  align-items: center;
  border: 1px solid #e0e0e0;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  cursor: pointer !important;
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-controls .roko-quantity-input {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-controls input {
  background: white;
  flex: 1;
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-controls button {
  width: 2.5rem;
  height: 100%;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: none;
  font-size: 1.25rem;
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-controls button:hover {
  background: #e8e8e8;
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-controls button:focus {
  background: rgba(20, 122, 68, 0.1) !important;
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-controls .roko-quantity-input {
  width: clamp(2rem, 10vw, 3rem);
  height: 2.5rem;
  text-align: center;
  font-size: 1rem;
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-controls .roko-quantity-input:focus {
  outline: none;
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-controls .roko-quantity-input::-webkit-outer-spin-button, .roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-controls .roko-quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-controls .roko-quantity-input[type=number] {
  -moz-appearance: textfield;
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-controls .roko-quantity-unit {
  padding: 0 0.75rem;
  font-size: 0.9rem;
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-info {
  text-align: end;
  font-size: 16px;
  line-height: 1;
  flex: 1 1 min(100%, 200px);
}
@media (max-width: 768px) {
  .roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-info {
    text-align: start;
    margin-top: 0.5rem;
  }
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-info .roko-package-size {
  margin-bottom: 0.35rem;
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-info .roko-calculator-link a {
  color: #0d4a8f;
  text-decoration: none;
}
.roko-product-summary .roko-product-quantity-selector .roko-quantity-row .roko-quantity-info .roko-calculator-link a:hover {
  text-decoration: underline;
}
.roko-product-summary .roko-product-price-display {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  background-color: #f9f9f9;
  padding: 1.5rem;
  border-radius: 4px;
  align-items: center;
}
.roko-product-summary .roko-product-price-display .w-btn.us-btn-style_1 {
  padding-inline: 2rem;
}
.roko-product-summary .roko-product-price-display .w-btn.us-btn-style_1.btn-on-backorder {
  background-color: #ffac1a;
}
.roko-product-summary .roko-product-price-display .w-btn.us-btn-style_1.btn-on-backorder:hover {
  background-color: transparent;
  border-color: #ffac1a;
  color: #ffac1a !important;
}
.roko-product-summary .roko-product-price-display .w-btn.us-btn-style_1.btn-on-backorder:focus {
  background-color: rgb(204.5, 130.3799126638, 0) !important;
}
@media (max-width: 768px) {
  .roko-product-summary .roko-product-price-display {
    flex-direction: column;
    align-items: flex-start;
  }
  .roko-product-summary .roko-product-price-display .w-btn.us-btn-style_1 {
    margin-left: 0;
    width: 100%;
    text-align: center;
    padding-inline: 1rem;
  }
}
.roko-product-summary .roko-product-price-display .roko-price-column.roko-price-regular-column {
  flex: 1;
}
.roko-product-summary .roko-product-price-display .roko-price-column.roko-price-regular-column .roko-price-regular {
  display: flex;
  flex-direction: column;
}
.roko-product-summary .roko-product-price-display .roko-price-column.roko-price-regular-column .roko-price-regular .roko-price-amount {
  font-size: clamp(1.75rem, 5vw, 30px);
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0.5rem;
}
@media (max-width: 600px) {
  .roko-product-summary .roko-product-price-display .roko-price-column.roko-price-regular-column .roko-price-regular .roko-price-amount {
    font-size: 1.75rem;
  }
}
.roko-product-summary .roko-product-price-display .roko-price-column.roko-price-regular-column .roko-price-regular .roko-price-tax-info {
  font-size: 0.85rem;
  line-height: 1.4;
  color: #666;
}
.roko-product-summary .roko-product-price-display .roko-price-column.roko-price-member-column {
  flex: 1;
}
@media (max-width: 768px) {
  .roko-product-summary .roko-product-price-display .roko-price-column.roko-price-member-column {
    padding-left: 0;
    border-left: none;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e0e0e0;
    width: 100%;
  }
}
.roko-product-summary .roko-product-price-display .roko-price-column.roko-price-member-column .roko-price-rokomany {
  display: flex;
  flex-direction: column;
}
.roko-product-summary .roko-product-price-display .roko-price-column.roko-price-member-column .roko-price-rokomany > * {
  font-size: 15px;
  line-height: 1;
}
.roko-product-summary .roko-product-price-display .roko-price-column.roko-price-member-column .roko-price-rokomany .roko-price-label {
  font-size: 0.85rem;
  line-height: 1.4;
  color: #666;
}
.roko-product-summary .roko-product-price-display .roko-price-column.roko-price-member-column .roko-price-rokomany .roko-price-member-amount {
  color: black;
  font-weight: 600;
  font-size: clamp(14px, 5vw, 16px);
}
.roko-product-summary .roko-product-price-display .roko-price-column.roko-price-member-column .roko-price-rokomany .roko-price-member-login a {
  display: inline-block;
  color: #0d4a8f;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9rem;
}
.roko-product-summary .roko-product-price-display .roko-price-column.roko-price-member-column .roko-price-rokomany .roko-price-member-login a:hover {
  text-decoration: underline;
}
.roko-product-summary .roko-product-price-display .roko-price-and-cta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  flex-wrap: wrap;
  min-width: 0;
}
.roko-product-summary .roko-product-price-display .roko-add-to-cart-button {
  display: inline-block;
  padding: 0.75rem 3rem;
  background-color: #d12d26;
  color: white;
  border: none;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s;
  margin-left: auto;
  flex: 0 0 auto;
}
@media (hover: none) {
  .roko-product-summary .roko-product-price-display .roko-add-to-cart-button {
    min-height: 44px;
  }
}
@media (max-width: 768px) {
  .roko-product-summary .roko-product-price-display .roko-price-and-cta {
    flex-direction: column;
    align-items: stretch;
  }
  .roko-product-summary .roko-product-price-display .roko-price-and-cta .roko-price-amount {
    width: 100%;
  }
  .roko-product-summary .roko-product-price-display .roko-add-to-cart-button {
    margin-left: 0;
    width: 100%;
  }
}
.roko-product-summary .roko-product-price-display .roko-add-to-cart-button:hover {
  background-color: rgb(187.4230769231, 40.3542510121, 34.0769230769);
}
.roko-product-summary .roko-product-price-display .roko-add-to-cart-button:focus {
  outline: none;
}
.roko-product-summary .roko-product-price-display .roko-add-to-cart-button.disabled {
  background-color: rgb(238.0769230769, 165.04048583, 161.9230769231);
  cursor: not-allowed;
}
.roko-product-summary .roko-product-price-display .roko-add-to-cart-button.loading {
  position: relative;
  color: transparent;
}
.roko-product-summary .roko-product-price-display .roko-add-to-cart-button.loading:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin: -0.75rem 0 0 -0.75rem;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-top-color: white;
  animation: spin 0.6s linear infinite;
}
.roko-product-summary .roko-product-price-display .roko-add-to-cart-button.roko-button-is-loading {
  color: white;
}
.roko-product-summary .roko-product-price-display .roko-add-to-cart-button.roko-button-is-loading:after {
  content: none;
}
.roko-product-summary .roko-product-add-to-cart {
  margin-bottom: 1.5rem;
}
.roko-product-summary .roko-favorites-section {
  cursor: pointer;
  margin-top: 1rem;
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 600px) {
  .roko-product-summary .roko-favorites-section {
    gap: 0.75rem;
  }
  .roko-product-summary .roko-favorites-section a {
    min-height: 1.5rem;
    display: inline-flex;
    align-items: center;
  }
}
.roko-product-summary .roko-favorites-section .roko-login-points {
  display: inline-flex;
  align-items: flex-start;
  width: 100%;
  flex-basis: 100%;
}
.roko-product-summary .roko-favorites-section .roko-login-points .icon-circle {
  flex: 0 0 auto;
  transform: translateY(-2px);
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@supports (container-type: inline-size) {
  .roko-product-summary {
    container-type: inline-size;
    container-name: product-summary;
  }
  @container product-summary (max-width: 500px) {
    .roko-product-properties .roko-property-item .roko-property-content {
      flex-direction: column;
    }
    .roko-product-properties .roko-property-item .roko-property-content .roko-property-label {
      margin-bottom: 0.25rem;
    }
  }
}
@media (max-width: 768px) {
  #page-content .roko-product-summary .roko-product-price-display {
    align-items: center;
  }
  #page-content .roko-product-summary .roko-product-price-display div:last-child {
    width: 100%;
  }
}
.roko-product-steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  margin: 1.5rem 0;
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .roko-product-steps {
    grid-template-columns: 1fr 1fr;
    gap: 4.5rem;
  }
}
.roko-product-steps .roko-product-step-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  padding: 2rem;
  background: #f8f8f8;
}
@media (min-width: 480px) {
  .roko-product-steps .roko-product-step-group {
    flex-direction: row;
    gap: 2rem;
    align-items: stretch;
  }
}
.roko-product-steps .roko-product-step-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 250px;
}
@media (min-width: 480px) {
  .roko-product-steps .roko-product-step-item {
    max-width: none;
  }
}
.roko-product-steps .roko-product-step-image {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.roko-product-steps .roko-product-step-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.roko-product-steps .roko-product-step-label {
  font-size: 19px;
  color: #08090f;
  font-weight: 600;
  padding-top: 1rem;
  text-align: right;
  width: 100%;
}

.roko-technical-documentation {
  margin: 1.5rem 0;
  margin-top: 2.5rem;
}
.wpb_raw_code.us_custom_909b2fd0 {
  box-sizing: border-box;
  padding-inline: 2.5rem;
}
.wpb_raw_code.us_custom_909b2fd0 > .wpb_wrapper {
  margin-inline: auto;
  max-width: var(--site-content-width, 1320px);
  width: 100%;
}
@media (max-width: 600px) {
  .wpb_raw_code.us_custom_909b2fd0 {
    padding-inline: 1.5rem;
  }
}
.roko-technical-documentation .roko-document-links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-bottom: 3rem;
}
.roko-technical-documentation .roko-document-links .roko-document-item {
  position: relative;
}
.roko-technical-documentation .roko-document-links .roko-document-item .roko-document-link {
  display: flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  text-decoration: none;
  color: #0d4a8f;
  transition: all 0.3s ease;
  padding-right: 0;
  padding-block: 0;
}
.roko-technical-documentation .roko-document-links .roko-document-item .roko-document-link:hover {
  background-color: #f9f9f9;
  border-color: #0d4a8f;
}
.roko-technical-documentation .roko-document-links .roko-document-item .roko-document-link:hover .roko-document-download {
  background-color: rgb(6.625, 37.7115384615, 72.875);
}
.roko-technical-documentation .roko-document-links .roko-document-item .roko-document-link .fa-file-alt:before {
  font-weight: 100;
}
.roko-technical-documentation .roko-document-links .roko-document-item .roko-document-link i {
  font-size: 1.5rem;
  margin-right: 0.75rem;
  color: #0d4a8f;
}
.roko-technical-documentation .roko-document-links .roko-document-item .roko-document-link .roko-document-title {
  flex: 1;
  font-weight: 500;
}
.roko-technical-documentation .roko-document-links .roko-document-item .roko-document-link .roko-document-download {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin: -0.3em;
  background-color: #0d4a8f;
  border-radius: 0;
  transition: all 0.3s ease;
}
.roko-technical-documentation .roko-document-links .roko-document-item .roko-document-link .roko-document-download i {
  color: white;
  margin-right: 0;
  font-size: 1rem;
}
.roko-technical-documentation .roko-safety-warnings {
  display: flex;
  align-items: flex-start;
  gap: 3rem;
  margin-top: 3rem;
}
.roko-technical-documentation .roko-safety-warnings .roko-warning-symbols {
  display: grid;
  grid-template-columns: repeat(2, 96px);
  align-self: flex-start;
  align-content: flex-start;
  gap: 1rem;
  flex: 0 0 auto;
  max-width: 208px;
  margin-right: 0;
}
.roko-technical-documentation .roko-safety-warnings .roko-warning-symbols .roko-warning-symbol {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  flex: 0 0 96px;
  box-sizing: border-box;
}
.roko-technical-documentation .roko-safety-warnings .roko-warning-symbols .roko-warning-symbol::before {
  content: "";
  position: absolute;
  inset: 15px;
  background: #fff;
  border: 4px solid #CC0000;
  transform: rotate(45deg);
  z-index: 0;
}
.roko-technical-documentation .roko-safety-warnings .roko-warning-symbols .roko-warning-symbol img {
  position: relative;
  z-index: 1;
  width: 74%;
  height: 74%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.roko-technical-documentation .roko-safety-warnings .roko-warning-content {
  flex: 1;
}
.roko-technical-documentation .roko-safety-warnings .roko-warning-content .roko-warning-title {
  color: #0d4a8f;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  position: relative;
}
.roko-technical-documentation .roko-safety-warnings .roko-warning-content .roko-warning-text {
  color: #08090f;
  line-height: 1.6;
}
.roko-technical-documentation .roko-safety-warnings .roko-warning-content .roko-warning-text strong {
  color: #0d4a8f;
}
.roko-technical-documentation .roko-sentence-table-wrap {
  margin-top: 15px;
}
.roko-technical-documentation .roko-sentence-table {
  width: 100%;
  margin-top: 0.75rem;
  border-collapse: collapse;
  color: #08090f;
  font-size: 0.95rem;
  line-height: 1.45;
}
.roko-technical-documentation .roko-sentence-table th,
.roko-technical-documentation .roko-sentence-table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #dfe7f0;
  text-align: left;
  vertical-align: top;
}
.roko-technical-documentation .roko-sentence-table th {
  background: #f5f8fb;
  color: #0d4a8f;
  font-weight: 700;
}
.roko-technical-documentation .roko-sentence-table__code {
  width: 7rem;
  color: #0d4a8f;
  font-weight: 700;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .roko-technical-documentation .roko-document-links {
    grid-template-columns: repeat(2, 1fr);
  }
  .roko-technical-documentation .roko-safety-warnings {
    flex-direction: column;
  }
  .roko-technical-documentation .roko-safety-warnings .roko-warning-symbols {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
    justify-content: flex-start;
  }
}
@media (max-width: 600px) {
  .roko-technical-documentation .roko-document-links {
    grid-template-columns: 1fr;
  }
  .roko-technical-documentation .roko-sentence-table {
    font-size: 0.9rem;
  }
  .roko-technical-documentation .roko-sentence-table th,
  .roko-technical-documentation .roko-sentence-table td {
    padding: 0.65rem 0.7rem;
  }
  .roko-technical-documentation .roko-sentence-table__code {
    width: 5.5rem;
  }
}

/**
 * Category Styles
 * This file imports all category-related component styles
 */
/**
 * Category Components Index
 * Imports all category-related styles
 */
@media only screen and (max-width: 600px) {
  #page-header.id_586 .l-subheader-cell.at_right .w-html {
    margin-left: 0.3rem;
  }
}
@media only screen and (max-width: 699px) {
  .header_hor .l-subheader-cell.at_right .w-nav:last-child .w-nav-control {
    margin-right: unset;
  }
}
.roko-category-header {
  margin-bottom: 30px;
}
.roko-category-header .roko-category-title {
  color: #0d4a8f;
  font-size: 36px;
  line-height: 1.21;
  margin-bottom: 15px;
  text-align: center;
}
.roko-category-header .roko-category-description {
  color: #565656;
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.roko-category-header .roko-category-description .roko-more-link {
  display: inline-block;
  color: #0d4a8f;
  text-decoration: none;
  cursor: pointer;
}
.roko-category-header .roko-category-description .roko-more-link:hover {
  text-decoration: underline;
}

/**
 * Category Filters Styles
 */
#roko-active-filters-container #roko-active-filter-chips-wrapper {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.3rem;
  align-items: end;
  transition: all 0.3s ease;
}
#roko-active-filters-container .roko-product-count {
  width: 100%;
  margin-bottom: 0.5rem;
}
#roko-active-filters-container .filter-chip {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #f9f9f9;
  padding: 0.3rem 0.75rem;
  padding-right: 1.5rem;
  border-radius: 5px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  line-height: 1.5;
  position: relative;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
  transform: scale(1);
  margin: 2px 4px 2px 0;
  vertical-align: middle;
}
#roko-active-filters-container .filter-chip:hover {
  background-color: rgba(13, 74, 143, 0.1);
}
#roko-active-filters-container .filter-chip span {
  cursor: pointer;
}
#roko-active-filters-container .filter-chip .filter-chip-name {
  font-size: 11px;
  font-weight: 400;
  color: #535353;
  text-transform: uppercase;
}
#roko-active-filters-container .filter-chip .filter-chip-value {
  font-size: 14px;
  font-weight: 500;
  color: #08090f;
}
#roko-active-filters-container .filter-chip .remove-filter-chip {
  font-size: 14px;
  color: #535353;
  position: absolute;
  right: 5px;
  width: 100%;
  height: 100%;
  text-align: end;
  transition: color 0.2s ease;
}
#roko-active-filters-container .roko-clear-all-filters {
  margin-left: auto;
  position: relative;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
  cursor: pointer;
  gap: 0.2rem;
  text-decoration: underline;
  order: 999;
}
#roko-active-filters-container .roko-clear-all-filters:hover {
  text-decoration: none;
  transition: all 0.3s ease;
}
#roko-active-filters-container .roko-clear-all-filters:hover::after {
  background: #d12d26;
}
#roko-active-filters-container .roko-clear-all-filters::after {
  content: "x";
  background: #0d4a8f;
  color: white;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  line-height: 0.2;
}

@keyframes fadeIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.roko-filter-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.roko-filter-loading-spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #0d4a8f;
  border-radius: 50%;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* --- Product Grid Enhancements --- */
.roko-product-grid {
  transition: opacity 0.25s ease-in-out;
  min-height: 200px;
}
.roko-product-grid.is-loading {
  opacity: 0.3;
}

/* --- Ancillary Container Stability --- */
.roko-pagination {
  min-height: 30px;
}

#roko-active-filters-container {
  min-height: 30px;
}

.roko-filter-error {
  color: #d12d26;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  padding: 10px 15px;
  margin-bottom: 15px;
  border-radius: 4px;
}

.roko-category-products {
  position: relative;
}

.roko-filter-option:has(.roko-color-label) {
  position: relative;
  padding: 0.3rem;
  margin: 0;
}
.roko-filter-option:has(.roko-color-label) span {
  margin: 0 !important;
}
.roko-filter-option:has(.roko-color-label) input {
  visibility: hidden;
  position: absolute !important;
  top: 0;
  left: 0;
  margin: 0 !important;
}
.roko-filter-option:has(.roko-color-label) input:checked + label span {
  outline: 2px solid #d12d26;
  outline-offset: 2px;
}
.roko-filter-option:has(.roko-color-label) label {
  position: relative;
  margin: 0;
}

.roko-category-filters {
  margin-bottom: 30px;
  background-color: #fff;
}
.roko-category-filters .roko-filter-form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.roko-category-filters .roko-filter-section {
  margin-bottom: 15px;
}
.roko-category-filters .roko-filter-section .roko-filter-title {
  color: #08090f;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.21;
  margin-bottom: 15px;
}
.roko-category-filters .roko-filter-section .roko-filter-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.roko-category-filters .roko-filter-section .roko-filter-options.roko-color-options {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  overflow-x: auto;
  padding-bottom: 5px;
}
.roko-category-filters .roko-filter-section .roko-filter-option {
  display: flex;
  align-items: center;
}
.roko-category-filters .roko-filter-section .roko-filter-option input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  box-shadow: none;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.roko-category-filters .roko-filter-section .roko-filter-option input[type=checkbox]:focus, .roko-category-filters .roko-filter-section .roko-filter-option input[type=checkbox]:active {
  outline: 1px solid #0d4a8f !important;
  outline-offset: 2px;
  outline-style: dashed !important;
}
.roko-category-filters .roko-filter-section .roko-filter-option input[type=checkbox]:checked {
  background-color: #0d4a8f;
  border-color: #0d4a8f;
}
.roko-category-filters .roko-filter-section .roko-filter-option input[type=checkbox]:before {
  content: none;
}
.roko-category-filters .roko-filter-section .roko-filter-option label {
  width: 100%;
  color: #565656;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.roko-category-filters .roko-filter-section .roko-filter-option .filter-count {
  color: #999999;
  margin-left: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.roko-category-filters .roko-range-slider-container {
  padding: 10px 0;
}
.roko-category-filters .roko-range-slider-container .roko-range-values {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.roko-category-filters .roko-range-slider-container .roko-range-values span {
  color: #565656;
  font-size: 14px;
}
.roko-category-filters .roko-range-slider-container .roko-range-slider {
  position: relative;
  height: 6px;
  background: #e7e7e7;
  margin: 15px 0 40px;
}
.roko-category-filters .roko-range-slider-container .roko-range-input {
  position: absolute;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  background: transparent;
  z-index: 2;
  margin: 0;
  padding: 0;
  box-shadow: none;
}
.roko-category-filters .roko-range-slider-container .roko-range-input::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  background: #0d4a8f;
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
  box-shadow: none;
}
.roko-category-filters .roko-range-slider-container .roko-range-input::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #0d4a8f;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  z-index: 3;
  box-shadow: none;
}
.roko-category-filters .roko-range-slider-container .teardrop {
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: #0d4a8f;
  color: white;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% 50% 0 50%;
  transform: rotate(-45deg);
  bottom: -30px;
  margin-left: -12px;
  z-index: 20;
}
.roko-category-filters .roko-color-options {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  overflow-x: auto;
}
.roko-category-filters .roko-color-options .roko-color-option {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #fff;
  cursor: pointer;
  position: relative;
  box-shadow: none;
}
.roko-category-filters .roko-color-options .roko-color-option input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  box-shadow: none;
}
.roko-category-filters .roko-color-options .roko-color-option.selected {
  border: 2px solid #0d4a8f;
}
.roko-category-filters .roko-color-options .roko-color-option.red {
  background-color: #d12d26;
}
.roko-category-filters .roko-color-options .roko-color-option.blue {
  background-color: #0d4a8f;
}
.roko-category-filters .roko-color-options .roko-color-option.black {
  background-color: #000;
}
.roko-category-filters .roko-color-options .roko-color-option.pink {
  background-color: #ff1adc;
}
.roko-category-filters .roko-color-options .roko-color-option.orange {
  background-color: #ffac1a;
}
.roko-category-filters .roko-color-options .roko-color-option.yellow {
  background-color: #ffe53a;
}
.roko-category-filters .roko-color-options .roko-color-option.green {
  background-color: #1d8a76;
}
.roko-category-filters .roko-filter-actions {
  display: flex;
  justify-content: space-between;
}
.roko-category-filters .roko-filter-actions:not(:last-child) {
  margin-bottom: 20px;
}
.roko-category-filters .roko-filter-actions .roko-reset-button {
  color: #565656;
  text-decoration: none;
  font-size: 16px;
  padding: 10px 20px;
}
.roko-category-filters .roko-filter-actions .roko-reset-button:hover {
  text-decoration: underline;
}
.roko-category-filters .roko-filter-actions .roko-apply-button {
  background-color: #0d4a8f;
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}
.roko-category-filters .roko-filter-actions .roko-apply-button:hover {
  background-color: rgb(10.875, 61.9038461538, 119.625);
}

/* Mobile Filter Toggle and Panel Styles */
.roko-filters-mobile-wrapper {
  background: #0d4a8f;
}

#roko-collapsible-filters-panel {
  padding-top: 1.5rem;
}

.roko-mobile-filter-toggle {
  display: none;
  background: none;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  align-items: center;
  font-size: 16px;
  color: white;
  width: 100%;
}
.roko-mobile-filter-toggle .roko-mobile-filter-toggle-icon {
  margin-right: 10px;
}
.roko-mobile-filter-toggle .w-nav-icon {
  position: relative;
  width: 1em;
  height: 1em;
  font-size: 20px; /* Adjust as needed */
}
.roko-mobile-filter-toggle .w-nav-icon > div {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 0.1em;
  background: currentColor;
  transition: transform 0.15s cubic-bezier(0, 1, 0.8, 1) 0.15s;
}
.roko-mobile-filter-toggle .w-nav-icon > div:before, .roko-mobile-filter-toggle .w-nav-icon > div:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: currentColor;
  transition: top 0.15s cubic-bezier(0, 1, 0.8, 1) 0.15s, transform 0.15s cubic-bezier(0, 1, 0.8, 1), opacity 0.15s cubic-bezier(0, 1, 0.8, 1);
}
.roko-mobile-filter-toggle .w-nav-icon > div:before {
  top: -0.3333em;
}
.roko-mobile-filter-toggle .w-nav-icon > div:after {
  top: 0.3333em;
}
.roko-mobile-filter-toggle.is-active .w-nav-icon > div {
  transform: rotate(225deg);
  transition-delay: 0s;
}
.roko-mobile-filter-toggle.is-active .w-nav-icon > div:before {
  top: 0;
  opacity: 0;
  transition-delay: 0s;
}
.roko-mobile-filter-toggle.is-active .w-nav-icon > div:after {
  top: 0;
  transform: rotate(-450deg);
  transition-delay: 0s;
}

.roko-collapsible-filters-panel {
  display: block;
}

/* Mobile-specific styles */
@media (max-width: 699px) {
  .roko-mobile-filter-toggle {
    display: flex;
  }
  .roko-collapsible-filters-panel {
    display: none;
  }
  .roko-collapsible-filters-panel.is-open {
    display: block;
  }
}
/* Added styles for color swatch */
.color-swatch {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle;
  border: 1px solid #d8d8d8;
}

.filter-price {
  position: relative;
}
.filter-price .price-display {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

.filter-volume {
  position: relative;
}
.filter-volume .volume-display {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

/**
 * Top Filter Bar Styles
 */
.roko-top-filter-bar {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #d8d8d8;
}
.roko-top-filter-bar .roko-top-filter-form {
  width: 100%;
  margin: 0;
}
.roko-top-filter-bar .roko-top-filter-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 5px 20px;
  gap: 20px;
}
@media (max-width: 768px) {
  .roko-top-filter-bar .roko-top-filter-section {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .roko-top-filter-bar .roko-top-filter-ordering {
    width: 100%;
  }
}
.roko-top-filter-bar .roko-top-filter-ordering .roko-ordering-options {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .roko-top-filter-bar .roko-top-filter-ordering .roko-ordering-options {
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }
  .roko-top-filter-bar .roko-top-filter-ordering .roko-ordering-options label {
    justify-content: center;
  }
}
.roko-top-filter-bar .roko-top-filter-ordering .roko-ordering-options label {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #08090f;
  cursor: pointer;
  padding: 5px 0;
  border-radius: 4px;
  transition: background-color 0.2s;
  position: relative;
  padding-inline: 10px;
}
.roko-top-filter-bar .roko-top-filter-ordering .roko-ordering-options label:hover {
  background-color: rgba(13, 74, 143, 0.1);
}
.roko-top-filter-bar .roko-top-filter-ordering .roko-ordering-options label:has(input[type=radio]:checked)::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #0d4a8f;
  position: absolute;
  bottom: -5px;
  left: 0;
}
.roko-top-filter-bar .roko-top-filter-ordering .roko-ordering-options label input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}
.roko-top-filter-bar .roko-top-filter-ordering .roko-ordering-options label input[type=radio]:checked + span {
  color: #0d4a8f;
}
.roko-top-filter-bar .roko-top-filter-ordering .roko-ordering-options label span {
  position: relative;
}
.roko-top-filter-bar .roko-top-filter-additional {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 768px) {
  .roko-top-filter-bar .roko-top-filter-additional {
    width: 100%;
  }
}
.roko-top-filter-bar .roko-top-filter-additional .roko-filter-checkboxes {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .roko-top-filter-bar .roko-top-filter-additional .roko-filter-checkboxes {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .roko-top-filter-bar .roko-top-filter-additional .roko-filter-checkboxes .roko-filter-option {
    justify-content: start;
  }
}
.roko-top-filter-bar .roko-top-filter-additional .roko-filter-checkboxes .roko-filter-option {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.roko-top-filter-bar .roko-top-filter-additional .roko-filter-checkboxes .roko-filter-option input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  margin-right: 0px;
  position: relative;
  cursor: pointer;
  box-shadow: none;
}
.roko-top-filter-bar .roko-top-filter-additional .roko-filter-checkboxes .roko-filter-option input[type=checkbox]#action-filter + label {
  text-transform: uppercase;
}
.roko-top-filter-bar .roko-top-filter-additional .roko-filter-checkboxes .roko-filter-option input[type=checkbox]#on-sale-filter + label {
  color: #d12d26;
}
.roko-top-filter-bar .roko-top-filter-additional .roko-filter-checkboxes .roko-filter-option input[type=checkbox]#on-sale-filter:checked {
  background-color: #d12d26;
  border-color: #d12d26;
}
.roko-top-filter-bar .roko-top-filter-additional .roko-filter-checkboxes .roko-filter-option input[type=checkbox]#in-stock-filter + label {
  color: #147a44;
}
.roko-top-filter-bar .roko-top-filter-additional .roko-filter-checkboxes .roko-filter-option input[type=checkbox]#in-stock-filter:checked {
  background-color: #147a44;
  border-color: #147a44;
}
.roko-top-filter-bar .roko-top-filter-additional .roko-filter-checkboxes .roko-filter-option input[type=checkbox]:checked {
  background-color: #0d4a8f;
  border-color: #0d4a8f;
}
.roko-top-filter-bar .roko-top-filter-additional .roko-filter-checkboxes .roko-filter-option input[type=checkbox]:before {
  content: none;
}
.roko-top-filter-bar .roko-top-filter-additional .roko-filter-checkboxes .roko-filter-option label {
  color: #08090f;
  font-size: 15px;
  cursor: pointer;
}
.roko-top-filter-bar .roko-top-filter-additional .roko-apply-top-filter {
  background-color: #0d4a8f;
  color: white;
  border: none;
  padding: 8px 15px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 4px;
  white-space: nowrap;
}
.roko-top-filter-bar .roko-top-filter-additional .roko-apply-top-filter:hover {
  background-color: rgb(10.875, 61.9038461538, 119.625);
}

@layer view-transitions {
  ::view-transition-group(chip-*) {
    animation-duration: 250ms;
    animation-timing-function: ease-in-out;
  }
  ::view-transition-old(chip-*) {
    animation-name: roko-chip-fade-out-simple;
  }
  ::view-transition-new(chip-*) {
    animation-name: roko-chip-fade-in-simple;
  }
  @keyframes roko-chip-fade-in-simple {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes roko-chip-fade-out-simple {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
}
/* Subcategory grid */
#page-content .roko-subcategory-grid .roko-subcategory-item:hover .roko-subcategory-name {
  color: #d12d26;
  transition: color 0.3s ease;
}

#page-content .roko-subcategory-grid.main-cat {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 1fr;
}
#page-content .roko-subcategory-grid.main-cat .roko-subcategory-name {
  display: flex;
  align-items: center;
}
#page-content .roko-subcategory-grid.main-cat .roko-count {
  margin-left: auto;
  color: #999999 !important;
}

.roko-subcategory-grid {
  display: grid;
  gap: 0;
  margin-bottom: 30px;
  min-width: 0;
  width: 100%;
}

/* Subcategory sticky */
.roko-subcategory-grid.sticky {
  position: sticky;
  top: calc(var(--header-sticky-height, 60px) + var(--wp-admin--admin-bar--height, 0px) + 12px);
  z-index: 20;
  max-height: calc(100vh - var(--header-sticky-height, 60px) - var(--wp-admin--admin-bar--height, 0px) - 24px);
  overflow-y: auto;
  background: #fff;
  overscroll-behavior: contain;
}
@media (min-width: 768px) {
  .wpb_column.vc_column_container:has(.roko-subcategory-grid.sticky) > .vc_column-inner {
    padding-left: 27px;
    padding-right: 0;
  }
  .wpb_column.vc_column_container:has(.roko-subcategory-grid.sticky) .wpb_raw_code.us_custom_909b2fd0 {
    padding-inline: 0;
  }
  .wpb_column.vc_column_container:has(.roko-subcategory-grid.sticky) .wpb_raw_code.us_custom_909b2fd0 > .wpb_wrapper {
    max-width: none;
  }
}
.roko-subcategory-grid-sticky-placeholder {
  display: none;
}
.roko-subcategory-grid.sticky.is-fixed {
  position: fixed !important;
  top: var(--roko-subcategory-sticky-top) !important;
  left: var(--roko-subcategory-sticky-left) !important;
  width: var(--roko-subcategory-sticky-width) !important;
  z-index: 90;
  box-shadow: 0 12px 24px rgba(8, 22, 48, 0.08);
}
.roko-subcategory-grid.columns-3 {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  grid-auto-rows: 1fr;
}
.roko-subcategory-grid.sticky.columns-3 {
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 601px) and (max-width: 1024px) {
  .g-cols.via_flex.type_default:has(.roko-subcategory-grid.sticky) {
    row-gap: 1.5rem;
  }
  .g-cols.via_flex.type_default:has(.roko-subcategory-grid.sticky) > .wpb_column.vc_column_container {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .g-cols.via_flex.type_default:has(.roko-subcategory-grid.sticky) > .wpb_column.vc_column_container > .vc_column-inner {
    padding-left: 1.5rem;
    padding-right: 0;
  }
  .g-cols.via_flex.type_default:has(.roko-subcategory-grid.sticky) .wpb_raw_code.us_custom_909b2fd0 {
    padding-inline: 0;
  }
  .g-cols.via_flex.type_default:has(.roko-subcategory-grid.sticky) .wpb_raw_code.us_custom_909b2fd0 > .wpb_wrapper {
    max-width: none;
  }
  .roko-subcategory-grid.sticky,
  .roko-subcategory-grid.sticky.is-fixed {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-height: none;
    overflow-y: visible;
    box-shadow: none;
  }
  .roko-subcategory-grid.sticky.columns-3 {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
  .roko-subcategory-grid-sticky-placeholder {
    display: none !important;
  }
}
.roko-subcategory-grid .roko-subcategory-item {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  margin: -1px 0 0 -1px;
  display: flex;
}
.roko-subcategory-grid.sticky .roko-subcategory-item {
  margin: 0;
}
.roko-subcategory-grid .roko-subcategory-back-item {
  display: flex;
  grid-column: 1/-1;
  background-color: #e9f2fb;
  border-color: #0d4a8f;
  box-shadow: inset 0 0 0 1px #0d4a8f;
}
.roko-subcategory-grid .roko-subcategory-link.roko-subcategory-back-link {
  display: grid;
  grid-template-columns: calc(60px + 0.5rem) minmax(0, 1fr);
  gap: 0;
  align-items: center;
  min-height: 0;
  padding: 0.1rem 0.5rem 0.1rem 0;
  color: #0d4a8f;
}
.roko-subcategory-grid .roko-subcategory-back-link::before {
  content: "";
  grid-column: 1;
  grid-row: 1;
  width: 9px;
  height: 9px;
  border-bottom: 2px solid currentColor;
  border-left: 2px solid currentColor;
  transform: translateX(0.25rem) rotate(45deg);
}
.roko-subcategory-grid .roko-subcategory-back-label {
  grid-column: 1;
  grid-row: 1;
  margin-left: calc(9px + 0.5rem);
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}
.roko-subcategory-grid .roko-subcategory-back-title {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  color: #172033;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.roko-subcategory-grid .roko-subcategory-item.is-current {
  position: relative;
  z-index: 1;
  background-color: #f3f8ff;
  border-color: #0d4a8f;
  box-shadow: inset 0 0 0 1px #0d4a8f;
}
.roko-subcategory-grid .roko-subcategory-item.is-current .roko-subcategory-name {
  color: #0d4a8f;
  font-weight: 600;
}
.roko-subcategory-grid .roko-subcategory-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  min-width: 0;
  padding: 0.1rem 0.5rem 0.1rem 0;
  width: 100%;
}
.roko-subcategory-grid .roko-subcategory-image {
  flex: 0 0 60px;
  margin-right: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.roko-subcategory-grid .roko-subcategory-image img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 40px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.roko-subcategory-grid .roko-subcategory-name {
  flex: 1;
  color: #08090f;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.roko-subcategory-grid.sticky .roko-subcategory-name {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.roko-subcategory-grid .roko-subcategory-name .roko-count {
  display: inline-block;
  margin-left: 0.35rem;
  color: #565656;
  font-size: 14px;
}
.roko-subcategory-grid.sticky .roko-subcategory-name .roko-count {
  flex: 0 0 auto;
  margin-left: auto;
}

@media (max-width: 767px) {
  .roko-subcategory-grid.sticky {
    position: static;
    max-height: none;
    overflow-y: visible;
  }
  .roko-subcategory-grid.sticky.is-fixed {
    position: static !important;
    width: auto !important;
    box-shadow: none;
  }
  .roko-subcategory-grid-sticky-placeholder {
    display: none !important;
  }
  .roko-subcategory-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .roko-subcategory-grid.main-cat {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 479px) {
  .roko-subcategory-grid {
    grid-template-columns: 1fr !important;
  }
}
/**
 * Popular Category Products
 * Styles for displaying the most popular products in a category
 */
.roko-stock-instock,
.order-item-grid .roko-stock-instock {
  color: #147a44;
  font-size: 15px;
}

.roko-stock-outofstock {
  color: #a6a6a6;
  font-size: 15px;
}

.roko-stock-onbackorder {
  color: #a2a2a2;
  font-size: 15px;
}

.roko-popular-products {
  margin: 2rem 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.roko-popular-products > .order-item-list {
  margin: 0 !important;
  margin-bottom: 0;
}
.roko-popular-products > .order-item-list + .order-item-list {
  border-top: none;
}

.roko-popular-products-header {
  margin-bottom: 1.5rem;
}

.roko-popular-products-title {
  margin-bottom: 0.5rem;
  color: #0d4a8f;
  font-size: 30px;
  font-weight: 400;
  font-family: "Jost", sans-serif;
}

.roko-popular-products-divider {
  width: 60px;
  height: 3px;
  background-color: #d12d26;
}

.roko-popular-products .order-item-list {
  border: 1px solid #d8d8d8;
  background-color: #fff;
  padding: 1.25rem;
  margin-bottom: 0;
}
.roko-popular-products .order-item-list.d-grid {
  display: grid;
  grid-template-columns: 100px 1fr auto auto;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}
.roko-popular-products .order-item-list.vc_col-12 {
  width: 100%;
}
@media (max-width: 768px) {
  .roko-popular-products .order-item-list {
    padding: 1rem;
    grid-template-columns: 80px 1fr auto auto;
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
@media (max-width: 600px) {
  .roko-popular-products .order-item-list {
    grid-template-columns: 80px 1fr !important;
    grid-template-rows: auto auto auto;
    justify-items: center;
  }
}

.roko-popular-products .product-image {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
}
.roko-popular-products .product-image img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .roko-popular-products .product-image {
    width: 40px;
    height: auto;
  }
}
.roko-popular-products .product-image-with-badge {
  position: relative;
}
.roko-popular-products .roko-sale-badge {
  background-color: #eeeeee;
  color: #08090f;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 500;
  position: absolute;
  top: -20px;
  right: -15px;
  width: -moz-max-content;
  width: max-content;
}
.roko-popular-products .product-info-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 500px;
}
.roko-popular-products .product-name h3 {
  font-size: 18px;
  font-weight: 500;
  color: #0d4a8f;
  margin: 0 0 0.5rem;
  font-family: "Jost", sans-serif;
}
.roko-popular-products .product-description {
  font-size: 16px;
  color: #565656;
  line-height: 1.45;
  margin: 0;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  max-width: 450px;
}
@media (max-width: 768px) {
  .roko-popular-products .product-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.roko-popular-products .product-stock {
  font-size: 15px;
  white-space: nowrap;
  min-width: 90px;
  text-align: right;
  margin-right: 1rem;
  font-family: "Jost", sans-serif;
  font-weight: 400;
}
.roko-popular-products .roko-stock-instock,
.roko-popular-products .roko-stock-outofstock,
.roko-popular-products .roko-stock-onbackorder {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.roko-popular-products .roko-stock-instock::before,
.roko-popular-products .roko-stock-outofstock::before,
.roko-popular-products .roko-stock-onbackorder::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 6px;
}
.roko-popular-products .product-total-price {
  min-width: 90px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 22px;
  font-weight: 400;
  color: #08090f;
}
@media (max-width: 480px) {
  .roko-popular-products .product-total-price {
    grid-column: 2;
    grid-row: 3;
    justify-self: end;
    align-items: flex-end;
    margin-top: 0.5rem;
  }
}
.roko-popular-products .product-total-price .woocommerce-Price-amount {
  font-size: 22px;
  color: #08090f;
  font-weight: 400;
  font-family: "Jost", sans-serif;
}
.roko-popular-products .product-total-price del {
  color: #a6a6a6;
  font-size: 15px;
  margin-left: 5px;
}
.roko-popular-products .product-total-price del .woocommerce-Price-amount {
  font-size: 15px;
  color: #a6a6a6;
  text-decoration: line-through;
  display: block;
  text-align: right;
  font-family: "Jost", sans-serif;
}
.roko-popular-products .product-total-price ins {
  text-decoration: none;
}

.roko-product-grid {
  display: grid;
  margin-bottom: 3rem;
  view-transition-name: product-grid-area;
  position: relative;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-template-rows: minmax(410px, 1fr);
  align-items: stretch;
}
@media screen and (max-width: 480px) {
  .roko-product-grid {
    grid-template-columns: 1fr;
    grid-template-rows: unset;
  }
}
.roko-product-grid > div {
  margin-right: -1px;
  border-right: 1px solid #d8d8d8;
}
.roko-product-grid > div:nth-child(3n+4), .roko-product-grid > div:nth-child(3n+5), .roko-product-grid > div:nth-child(3n+6) {
  margin-top: -1px;
}
.roko-product-grid .order-item-grid {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid #d8d8d8;
  background: white;
  padding: 1rem;
}
.roko-product-grid .order-item-grid:hover .product-name a {
  color: #d12d26;
}
.roko-product-grid .order-item-grid .stock {
  font-size: 15px;
  font-weight: 400;
  color: #a2a2a2;
}
.roko-product-grid .order-item-grid .in-stock {
  color: #147a44;
}
.roko-product-grid .order-item-grid .in-stock::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 6px;
  background-color: #147a44;
}
.roko-product-grid .order-item-grid .product-price-stock-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.roko-product-grid .order-item-grid .product-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  min-height: 2.5em;
  margin: 0 0 0.5rem;
  color: #0d4a8f;
  text-align: center;
}
.roko-product-grid .order-item-grid .product-price-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: auto;
  min-height: 34px;
  text-align: center;
}
.roko-product-grid .order-item-grid .product-price-wrapper.has-loyalty-points {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  align-items: center;
  justify-content: center;
  row-gap: 8px;
  width: 100%;
  min-height: 64px;
}
.roko-product-grid .order-item-grid .product-price-wrapper.has-loyalty-points .product-loyalty-points {
  padding: 5px 8px;
  font-size: 13px;
}
.roko-product-grid .order-item-grid .product-price-wrapper.has-loyalty-points .product-total-price {
  margin-left: 0;
  text-align: center;
  white-space: nowrap;
}
.roko-product-grid .order-item-grid .product-total-price {
  line-height: 1.25;
}
.roko-product-grid .order-item-grid .product-description {
  font-size: 16px;
  font-weight: 400;
  color: #565656;
  margin-bottom: 1.5rem;
  text-align: center;
}
.roko-product-grid .order-item-grid .product-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 280px;
  height: 280px;
  min-height: 280px;
  margin-top: 0;
  margin-bottom: 1.5rem;
  text-align: center;
}
.roko-product-grid .order-item-grid .product-image .product-image-with-badge {
  width: 100%;
  max-width: 280px;
  height: 100%;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.roko-product-grid .order-item-grid .product-image .product-image-with-badge > a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.roko-product-grid .order-item-grid .product-image img {
  width: auto;
  max-width: 280px;
  max-height: 260px;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .roko-product-grid .order-item-grid .product-image,
  .roko-product-grid .order-item-grid .product-image .product-image-with-badge {
    flex-basis: 220px;
    height: 220px;
    min-height: 220px;
  }
  .roko-product-grid .order-item-grid .product-image img {
    max-height: 200px;
  }
}
.roko-product-grid .order-item-grid .product-image .roko-sale-badge {
  position: absolute;
  background-color: #eeeeee;
  left: -17px;
  top: -170px;
  bottom: 0;
  padding-inline: 1.5rem;
  height: -moz-fit-content;
  height: fit-content;
  margin-block: auto;
  font-size: 11px;
  font-weight: 500;
}
.roko-product-grid .order-item-grid .roko-product-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 1rem;
}
.roko-product-grid .order-item-grid .product-stock {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 400;
  color: #a2a2a2;
}
.roko-product-grid .order-item-grid .product-stock .stock-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}
.roko-product-grid .order-item-grid .product-stock.roko-stock-instock {
  color: #147a44;
}
.roko-product-grid .order-item-grid .product-stock.roko-stock-instock .stock-dot {
  background-color: #147a44;
}
.roko-product-grid .order-item-grid .product-stock.roko-stock-outofstock .stock-dot {
  background-color: #a2a2a2;
}
.roko-product-grid .order-item-grid .product-price {
  font-size: 22px;
  color: #08090f;
  font-weight: 400;
}
.roko-product-grid .order-item-grid .product-price del {
  font-size: 15px;
  color: #a6a6a6;
  text-decoration: line-through;
  margin-right: 0.5rem;
  font-weight: 400;
}
.roko-product-grid .order-item-grid .product-price ins {
  text-decoration: none;
}
.roko-product-grid .roko-products-section {
  display: contents;
}

.roko-category-result-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eee;
}
.roko-category-result-info .roko-result-count {
  font-size: 0.9rem;
  color: #666;
}

.roko-contact-divider {
  grid-column: 1/-1;
  margin: 2rem 0;
  padding: 1.5rem 0;
  padding-top: 0;
}
.roko-contact-divider .roko-contact-info {
  display: flex;
  justify-content: space-around;
  gap: 2rem;
}
@media (max-width: 767px) {
  .roko-contact-divider .roko-contact-info {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.roko-contact-divider .roko-contact-info .roko-contact-item {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.roko-contact-divider .roko-contact-info .roko-contact-item .icon-circle, .roko-contact-divider .roko-contact-info .roko-contact-item #page-content .roko-add-to-favorites i, #page-content .roko-add-to-favorites .roko-contact-divider .roko-contact-info .roko-contact-item i {
  border-color: #E7E7E7;
}
.roko-contact-divider .roko-contact-info .roko-contact-item i {
  padding: 0.6em !important;
  font-size: 1.5rem;
  color: #0d4a8f;
  font-weight: 100;
}
.roko-contact-divider .roko-contact-info .roko-contact-item .roko-contact-content h4 {
  margin: 0 0 0.25rem;
  font-size: 1rem;
  font-weight: 600;
}
.roko-contact-divider .roko-contact-info .roko-contact-item .roko-contact-content p {
  margin: 0;
  font-size: 0.85rem;
  color: #666;
}

.roko-pagination-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.roko-pagination {
  text-align: center;
  margin-inline: auto;
}
.roko-pagination ul {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
  list-style: none;
}
.roko-pagination ul li {
  margin: 0;
}
.roko-pagination ul li .page-numbers {
  font-size: 16px;
  font-weight: 600 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid transparent;
  border-radius: 50%;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: all 0.2s ease;
  padding: 1.5rem;
}
.roko-pagination ul li .page-numbers.next, .roko-pagination ul li .page-numbers.prev {
  display: none;
}
.roko-pagination ul li .page-numbers.dots {
  border: none !important;
  text-decoration: none !important;
}
.roko-pagination ul li .page-numbers:hover {
  border-color: #0d4a8f;
  text-decoration: underline;
}
.roko-pagination ul li .page-numbers.current {
  background-color: #0d4a8f;
  color: white;
  border-color: #0d4a8f;
}
.roko-pagination ul li .page-numbers.disabled {
  background-color: #f5f5f5;
  border-color: #ddd;
  color: #ddd;
  cursor: not-allowed;
}
.roko-pagination .roko-back-to-top {
  display: inline-block;
  margin-top: 1.5rem;
  padding: 0.5rem 1rem;
  background-color: #f5f5f5;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.roko-pagination .roko-back-to-top::before {
  content: "↑";
  margin-right: 0.5rem;
}
.roko-pagination .roko-back-to-top:hover {
  background-color: #eeeeee;
}

@layer view-transitions {
  ::view-transition-group(product-grid-area) {
    animation-duration: 300ms;
    animation-timing-function: ease-in-out;
  }
  ::view-transition-old(product-grid-area) {
    animation-name: roko-grid-fade-out;
  }
  ::view-transition-new(product-grid-area) {
    animation-name: roko-grid-fade-in;
  }
  @keyframes roko-grid-fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes roko-grid-fade-out {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
}
.roko-no-products {
  grid-column: 1/-1;
  padding: 2rem;
  text-align: center;
  background-color: #f5f7fa;
  border-radius: 8px;
}
.roko-no-products p {
  margin: 0;
  font-size: 1rem;
  color: #666;
}
.roko-qty--ok {
    color: #2e7d32;
    font-weight: 600;
}
.roko-qty--no {
    color: black;
    font-weight: 600;
}

#order-details-container .order-qty-legend{
    background: inherit;
}

#order-details-container .order-qty-legend__inner {
  grid-column: 3;
  display: flex;
  gap: 10px;
  font-size: 16px;
  margin-left: -43px;
}
@media (max-width: 767px) {
  #order-details-container .order-qty-legend {
    display: none;
  }
}
.roko-product-summary .roko-product-variant-selectors .roko-variant-row .roko-variant-column {
  position: relative;
}
.roko-product-summary .roko-product-variant-selectors .roko-variant-row .roko-variant-column .roko-color-swatch {
  display: none;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 1px solid #bfc6ce;
  margin-left: 8px;
  vertical-align: middle;
}
.roko-product-summary .roko-product-variant-selectors .roko-variant-row .roko-variant-column .roko-color-swatch.is-active {
  display: inline-block;
}
.roko-product-summary .roko-product-variant-selectors .roko-variant-row .roko-variant-column--color .roko-color-select-hidden {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.roko-product-summary .roko-color-palette {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 12px;
  width: 100%;
  max-height: calc((10px * 2 + 44px + 8px + 14px * 1.25 + 4px + 13px * 1.2) * 3 + 12px * 2);
  overflow-y: auto;
  padding-right: 6px;
  align-content: start;
}
.roko-product-summary .roko-color-filter-wrap {
  display: grid;
  grid-template-columns: minmax(170px, 260px) minmax(220px, 1fr);
  gap: 10px;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.roko-product-summary .roko-color-type-filter {
  width: 100%;
  padding: 0.55rem 0.85rem;
  border: 1px solid #d7dce3;
  border-radius: 0;
  background: #fff;
}
.roko-product-summary .roko-color-search {
  width: 100%;
  border: 1px solid #d7dce3;
  border-radius: 0;
  background: #fff;
}
@media (max-width: 1197px) {
  .roko-product-summary .roko-product-variant-selectors,
  .roko-product-summary .roko-product-variant-selectors .roko-variant-row,
  .roko-product-summary .roko-variations-form,
  .roko-product-summary .roko-color-filter-wrap {
    width: 100%;
  }
  .roko-product-summary .roko-product-variant-selectors .roko-variant-row .roko-variant-column {
    flex: 1 1 100%;
    width: 100%;
  }
  .roko-product-summary .roko-variations-form > .roko-product-variant-selectors:not(.roko-product-variant-selectors--color) .roko-variant-row {
    gap: 10px;
  }
  .roko-product-summary .roko-variations-form > .roko-product-variant-selectors:not(.roko-product-variant-selectors--color) .roko-variant-column.reset {
    display: none;
  }
  .roko-product-summary .roko-variations-form > .roko-product-variant-selectors + .roko-color-filter-wrap {
    margin-top: 0;
  }
  .roko-product-summary .roko-variations-form > .roko-product-variant-selectors:not(.roko-product-variant-selectors--color) {
    margin-bottom: 10px;
  }
  .roko-product-summary .roko-variations-form > .roko-color-filter-wrap {
    flex: 0 0 100%;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    max-width: 100%;
  }
  .roko-product-summary .roko-product-variant-selectors .roko-variant-row .roko-variant-column select,
  .roko-product-summary .roko-variations-form > .roko-color-filter-wrap > .roko-color-type-filter,
  .roko-product-summary .roko-variations-form > .roko-color-filter-wrap > .roko-color-search {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
}
.roko-product-summary .roko-color-option {
  border: 1px solid #d7dce3;
  background: #fff;
  border-radius: 10px;
  padding: 10px 8px;
  text-align: center;
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.roko-product-summary .roko-color-option.is-active {
  border-color: #0d4a8f;
  box-shadow: 0 0 0 2px rgba(13, 74, 143, 0.12);
}
.roko-product-summary .roko-color-option.is-unavailable {
  opacity: .45;
  cursor: not-allowed;
}
.roko-product-summary .roko-color-option.roko-color-option--filtered-out {
  display: none;
}
.roko-product-summary .roko-color-option__swatch {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  margin: 0 auto 8px;
  border: 1px solid #c9ced6;
  background: #f3f4f7;
}
.roko-product-summary .roko-color-option__label {
  display: block;
  font-size: 14px;
  min-height: 35px;
  line-height: 1.25;
  margin-bottom: 4px;
  overflow-wrap: anywhere;
}
.roko-product-summary .roko-color-option__delta {
  display: block;
  font-size: 13px;
  font-weight: 700;
}
.product-price-wrapper.has-loyalty-points {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: nowrap;
}
.product-price-wrapper.has-loyalty-points .product-loyalty-points {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff4cf;
  color: #7a5800;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
.product-price-wrapper.has-loyalty-points .product-loyalty-points__icon {
  color: #d2a100;
  font-size: 13px;
}
.product-price-wrapper.has-loyalty-points .product-total-price {
  margin-left: 0;
  text-align: center;
  align-items: center;
}
.roko-product-summary .roko-product-price-display .roko-loyalty-points-live {
  margin-bottom: 0.75rem;
}
.roko-product-summary .roko-product-price-display .roko-loyalty-points-live.is-hidden {
  display: none;
}
.roko-product-summary .roko-product-price-display .roko-loyalty-points-live .product-loyalty-points,
.roko-related-product .product-price .product-loyalty-points {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff4cf;
  color: #7a5800;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
.roko-product-summary .roko-product-price-display .roko-loyalty-points-live .product-loyalty-points__icon,
.roko-related-product .product-price .product-loyalty-points__icon {
  color: #d2a100;
  font-size: 13px;
}
.roko-related-product .product-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767px) {
  .product-price-wrapper.has-loyalty-points {
    align-items: center;
  }
  .product-price-wrapper.has-loyalty-points .product-total-price {
    margin-left: 0;
  }
  .roko-related-product .product-price {
    align-items: center;
  }
}

#page-header .roko-login-element--logged-in {
  align-items: center;
}

#page-header .roko-login-element .roko-header-points {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  box-sizing: border-box;
  min-height: 22px;
  margin-top: 4px;
  padding: 2px 8px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

#page-header .roko-login-element .roko-header-points span {
  color: inherit !important;
}

#page-header .roko-header-points__value {
  font-weight: 700;
}

#page-header .roko-login-element a.roko-header-points:hover,
#page-header .roko-login-element a.roko-header-points:focus,
#page-header .roko-login-element a.roko-header-points:active,
#page-header .roko-login-element:hover a.roko-header-points {
  border-color: rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.12);
  color: #fff !important;
}

#page-header.sticky .roko-login-element--logged-in,
.l-header.sticky .roko-login-element--logged-in {
  justify-content: center;
  row-gap: 0;
}

#page-header.sticky .roko-login-element--logged-in > .w-text,
.l-header.sticky .roko-login-element--logged-in > .w-text,
#page-header.sticky .roko-login-element--logged-in .w-text-h,
.l-header.sticky .roko-login-element--logged-in .w-text-h {
  line-height: 1.05;
}

#page-header.sticky .roko-login-element .roko-header-points,
.l-header.sticky .roko-login-element .roko-header-points {
  min-height: 18px;
  margin-top: 1px;
  padding: 1px 6px;
  border-radius: 6px;
  font-size: 10px;
}

@media screen and (max-width: 767px) {
  #page-header .roko-login-element .roko-header-points {
    gap: 2px;
    min-height: 18px;
    max-width: 72px;
    margin-top: 2px;
    padding: 2px 5px;
    overflow: hidden;
    font-size: 10px;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 420px) {
  #page-header .roko-header-points__unit {
    display: none;
  }
}

/* Header sticky fallback */
.header_hor #page-header.id_586.sticky_auto_hide.down,
#page-header.id_586.sticky_auto_hide.down {
  transform: translateY(0) !important;
}

/* Header megamenu */
#page-header.id_586 .menu-item:not(.roko-menu-has-real-children) > .w-nav-anchor > .w-nav-arrow {
  display: none !important;
}

#page-header.id_586 .menu-cat-img {
  display: inline-block;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  margin: 0 8px 0 0;
  object-fit: contain;
  vertical-align: middle;
}

/* Header megamenu desktop */
@media screen and (min-width: 1112px) {
  #page-header.id_586 .w-nav.roko-menu-enhanced,
  #page-header.id_586 .roko-menu-root {
    position: static;
  }

  #page-header.id_586 .roko-menu-root > .menu-item.level_1 {
    position: relative;
  }

  #page-header.id_586 .roko-menu-root > .menu-item.level_1 > .w-nav-anchor {
    display: flex;
    align-items: center;
    gap: 0.35rem;
  }

  #page-header.id_586 .roko-menu-root > .menu-item.level_1 > .w-nav-anchor .menu-cat-img {
    display: none;
  }

  #page-header.id_586 .roko-menu-root > .menu-item.level_1 > .w-nav-list.level_2 {
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch;
    gap: 18px;
    box-sizing: border-box;
    width: min(1120px, calc(100vw - 24px));
    min-width: 0;
    min-height: 360px;
    height: min(540px, calc(100vh - var(--header-sticky-height, 64px) - var(--wp-admin--admin-bar--height, 0px) - 12px));
    max-height: calc(100vh - var(--header-sticky-height, 64px) - var(--wp-admin--admin-bar--height, 0px) - 12px);
    overflow: hidden;
    overscroll-behavior: contain;
    top: 100% !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    z-index: 130;
    padding: 12px 14px;
    border: 1px solid #dce3ec;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(90deg, #f4f7fb 0, #f4f7fb 328px, #fff 328px, #fff 100%) !important;
    box-shadow: 0 14px 36px rgba(8, 22, 48, 0.16);
    color: #172033;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scaleY(0.96) translateZ(0) !important;
    transform-origin: 0 0 !important;
    transition: opacity 0.16s ease, visibility 0.16s ease, transform 0.16s ease !important;
  }

  #page-header.id_586 .roko-menu-root > .menu-item.level_1 > .w-nav-list.level_2 > .roko-menu-parent-list {
    grid-column: 1;
    grid-row: 1;
    min-height: 0;
    padding-right: 4px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .headerinpos_bottom #page-header.id_586 .roko-menu-root > .menu-item.level_1 > .w-nav-list.level_2 {
    top: 100% !important;
    bottom: auto !important;
    transform-origin: 0 0 !important;
  }

  #page-header.id_586 .roko-menu-root > .menu-item.level_1:not(.roko-menu-open):not(:focus-within) > .w-nav-list.level_2 {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: scaleY(0.96) translateZ(0) !important;
  }

  #page-header.id_586 .roko-menu-root > .menu-item.level_1.roko-menu-open > .w-nav-list.level_2,
  #page-header.id_586 .roko-menu-root > .menu-item.level_1:focus-within > .w-nav-list.level_2 {
    display: grid !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: scaleY(1) translateZ(0) !important;
  }

  #page-header.id_586 .roko-menu-root > .menu-item.level_1 > .w-nav-list.level_2 > .roko-menu-parent-list > .menu-item.level_2 {
    position: static;
    grid-column: 1;
    width: 300px;
  }

  #page-header.id_586 .roko-menu-root .w-nav-list.level_2 > .roko-menu-parent-list > .menu-item.level_2 > .w-nav-anchor.level_2 {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 42px;
    margin: 0 0 2px;
    padding: 6px 10px;
    border-radius: 6px;
    background: transparent !important;
    color: #172033 !important;
    font-size: 0.95rem;
    line-height: 1.2;
    white-space: normal;
    transition: background-color 0.16s ease, color 0.16s ease;
  }

  #page-header.id_586 .roko-menu-root .w-nav-list.level_2 > .roko-menu-parent-list > .menu-item.level_2 > .w-nav-anchor.level_2 .w-nav-title {
    display: flex;
    align-items: center;
    min-width: 0;
    white-space: normal;
  }

  #page-header.id_586 .roko-menu-root .w-nav-list.level_2 > .roko-menu-parent-list > .menu-item.level_2 > .w-nav-anchor.level_2 .w-nav-arrow {
    position: static;
    width: auto;
    margin-left: auto;
    line-height: 1;
  }

  .no-touch #page-header.id_586 .roko-menu-root .w-nav-list.level_2 > .roko-menu-parent-list > .menu-item.level_2:hover > .w-nav-anchor.level_2,
  #page-header.id_586 .roko-menu-root .w-nav-list.level_2 > .roko-menu-parent-list > .menu-item.level_2:focus-within > .w-nav-anchor.level_2,
  #page-header.id_586 .roko-menu-root .w-nav-list.level_2 > .roko-menu-parent-list > .menu-item.level_2.roko-menu-active > .w-nav-anchor.level_2 {
    background: #e9f2fb !important;
    color: #0d4a8f !important;
  }

  #page-header.id_586 .roko-menu-root .w-nav-list.level_2 > .roko-menu-child-panel {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    align-content: start;
    column-gap: 46px;
    row-gap: 18px;
    box-sizing: border-box;
    position: absolute;
    top: 12px !important;
    right: 14px !important;
    bottom: 12px !important;
    left: 332px !important;
    z-index: 131;
    width: auto;
    min-width: 0;
    padding: 8px 12px 10px 18px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: none !important;
    transition: opacity 0.12s ease, visibility 0.12s ease !important;
  }

  #page-header.id_586 .roko-menu-root > .menu-item.level_1.roko-menu-open > .w-nav-list.level_2 > .roko-menu-child-panel.roko-menu-active-panel,
  #page-header.id_586 .roko-menu-root > .menu-item.level_1:focus-within > .w-nav-list.level_2 > .roko-menu-child-panel.roko-menu-active-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none !important;
  }

  #page-header.id_586 .roko-menu-root .w-nav-list.level_3 > .menu-item {
    position: relative;
    min-width: 0;
    padding-bottom: 2px;
  }

  #page-header.id_586 .roko-menu-root .w-nav-list.level_3 > .menu-item > .w-nav-anchor.level_3 {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 30px;
    padding: 3px 0 5px;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    color: #172033 !important;
    font-size: 0.95rem;
    line-height: 1.25;
    white-space: normal;
    transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease;
  }

  #page-header.id_586 .roko-menu-root .w-nav-list.level_3 > .menu-item.roko-menu-has-real-children > .w-nav-anchor.level_3 {
    min-height: 34px;
    padding: 2px 0 7px;
    box-shadow: inset 0 -1px 0 #dce7f3;
    color: #0d4a8f !important;
    font-size: 0.98rem;
    font-weight: 600;
  }

  #page-header.id_586 .roko-menu-root .w-nav-list.level_3 > .menu-item:not(.roko-menu-has-real-children) > .w-nav-anchor.level_3 {
    color: #26364b !important;
    font-weight: 500;
  }

  .no-touch #page-header.id_586 .roko-menu-root .w-nav-list.level_3 > .menu-item:hover > .w-nav-anchor.level_3,
  #page-header.id_586 .roko-menu-root .w-nav-list.level_3 > .menu-item:focus-within > .w-nav-anchor.level_3 {
    border-color: transparent;
    background: transparent !important;
    color: #0d4a8f !important;
  }

  #page-header.id_586 .roko-menu-root .w-nav-list.level_3 .menu-cat-img {
    width: 26px;
    height: 26px;
  }

  #page-header.id_586 .roko-menu-root .w-nav-list.level_3 .w-nav-arrow {
    display: none !important;
  }

  #page-header.id_586 .roko-menu-root .w-nav-list.level_3 > .menu-item > .w-nav-list.level_4 {
    display: block !important;
    position: static !important;
    min-width: 0;
    padding: 7px 0 2px 18px;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  #page-header.id_586 .roko-menu-root .w-nav-list.level_4 .w-nav-anchor.level_4 {
    padding: 3px 0 3px 18px;
    background: transparent !important;
    color: #526070 !important;
    font-size: 0.9rem;
    line-height: 1.25;
    white-space: normal;
  }

  #page-header.id_586 .roko-menu-root .w-nav-list.level_4 .w-nav-anchor.level_4::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 0.95em;
    width: 5px;
    height: 1px;
    background: #9fb1c6;
  }

  .no-touch #page-header.id_586 .roko-menu-root .w-nav-list.level_4 .w-nav-anchor.level_4:hover,
  #page-header.id_586 .roko-menu-root .w-nav-list.level_4 .w-nav-anchor.level_4:focus {
    color: #0d4a8f !important;
  }
}

/* Header megamenu mobile accordion */
@media screen and (max-width: 1111px) {
  #page-header.id_586 .l-subheader.at_bottom .l-subheader-h {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
  }

  #page-header.id_586 .l-subheader.at_bottom .l-subheader-cell.at_left,
  #page-header.id_586 .l-subheader.at_bottom .l-subheader-cell.at_right {
    display: flex;
    align-items: center;
    min-width: 0;
  }

  #page-header.id_586 .l-subheader.at_bottom .l-subheader-cell.at_left {
    flex: 1 1 auto;
  }

  #page-header.id_586 .l-subheader.at_bottom .l-subheader-cell.at_center {
    display: none;
  }

  #page-header.id_586 .l-subheader.at_bottom .l-subheader-cell.at_right {
    flex: 0 0 auto;
    justify-content: flex-end;
    margin-left: auto;
  }

  #page-header.id_586 .l-subheader.at_bottom .w-html.toggle {
    min-width: 0;
  }

  #page-header.id_586 .l-subheader.at_bottom .roko-toggler-element {
    display: flex;
    align-items: center;
    max-width: 100%;
  }

  #page-header.id_586 .l-subheader.at_bottom .roko-toggler-element label {
    color: #565656;
    min-width: 0;
    white-space: nowrap;
  }

  #page-header.id_586 .l-subheader.at_bottom .roko-vat-toggle-label {
    color: inherit;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
  }

  #page-header.id_586 .l-subheader.at_bottom .w-nav-control {
    flex: 0 0 auto;
  }

  #page-header.id_586 #roko-menu.hidden_for_tablets {
    display: block !important;
  }

  #page-header.id_586 .roko-menu-root .menu-item {
    width: 100%;
  }

  #page-header.id_586 .roko-menu-root .menu-item:not(.roko-menu-has-real-children) > .w-nav-anchor .w-nav-arrow {
    display: none !important;
  }

  #page-header.id_586 .roko-menu-root .w-nav-anchor {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 50px;
    padding: 12px 28px !important;
    color: #2f3742 !important;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    white-space: normal;
  }

  #page-header.id_586 .roko-menu-root .w-nav-title {
    display: inline-flex;
    align-items: center;
    min-width: 0;
  }

  #page-header.id_586 .roko-menu-root .w-nav-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    align-self: stretch;
    position: static;
    flex: 0 0 auto;
    width: 40px;
    margin-left: auto;
    line-height: 1;
    transition: transform 0.2s ease;
  }

  #page-header.id_586 .roko-menu-root > .menu-item.level_1 > .w-nav-anchor .w-nav-arrow {
    display: none !important;
  }

  #page-header.id_586 .roko-menu-root .roko-menu-mobile-open > .w-nav-anchor .w-nav-arrow {
    transform: rotate(180deg);
  }

  #page-header.id_586 .roko-menu-root .w-nav-anchor.level_2 {
    min-height: 54px;
    color: #303946 !important;
    font-size: 1.08rem;
    font-weight: 700;
  }

  #page-header.id_586 .roko-menu-root .roko-menu-mobile-open > .w-nav-anchor {
    background: #e9f2fb !important;
    color: #0d4a8f !important;
  }

  #page-header.id_586 .roko-menu-root .w-nav-anchor.level_3 {
    min-height: 50px;
    padding-left: 40px !important;
    font-size: 1.02rem;
    font-weight: 600;
  }

  #page-header.id_586 .roko-menu-root .w-nav-anchor.level_4 {
    min-height: 46px;
    padding-left: 52px !important;
    font-size: 0.98rem;
    font-weight: 600;
  }

  #page-header.id_586 .roko-menu-root .w-nav-anchor.level_3::before,
  #page-header.id_586 .roko-menu-root .w-nav-anchor.level_4::before {
    content: "-";
    flex: 0 0 auto;
    width: 12px;
    margin-right: 6px;
    color: #9fb1c6;
    font-weight: 700;
    line-height: 1;
  }

  #page-header.id_586 .roko-menu-root .menu-cat-img {
    width: 32px;
    height: 32px;
    margin-right: 8px;
  }

  #page-header.id_586 .roko-menu-root .roko-menu-parent-list {
    display: block;
  }

  #page-header.id_586 .roko-menu-root.roko-menu-mobile-ready .w-nav-list:not(.level_1) {
    display: none !important;
  }

  #page-header.id_586 .roko-menu-root.roko-menu-mobile-ready > .menu-item.level_1 > .w-nav-list.level_2,
  #page-header.id_586 .roko-menu-root.roko-menu-mobile-ready .w-nav-list.roko-menu-mobile-expanded-list {
    display: block !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  #page-header.id_586 .roko-menu-root.roko-menu-mobile-ready > .menu-item.level_1 > .w-nav-list.level_2 > .roko-menu-parent-list > .menu-item,
  #page-header.id_586 .roko-menu-root.roko-menu-mobile-ready > .menu-item.level_1 > .w-nav-list.level_2 > .menu-item,
  #page-header.id_586 .roko-menu-root.roko-menu-mobile-ready .w-nav-list.roko-menu-mobile-expanded-list > .roko-menu-parent-list > .menu-item,
  #page-header.id_586 .roko-menu-root.roko-menu-mobile-ready .w-nav-list.roko-menu-mobile-expanded-list > .menu-item {
    display: block !important;
    width: 100%;
  }
}
.user-invoices {
  width: 100%;
}

.user-invoices__filter {
  display: grid;
  grid-template-columns: minmax(14rem, 2fr) repeat(4, minmax(8.5rem, 1fr)) auto;
  gap: 0.75rem;
  align-items: end;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  border: 1px solid #e7e7e7;
  background: #fafafa;
}

.user-invoices__filter-field {
  min-width: 0;
}

.user-invoices__filter label {
  display: block;
  margin-bottom: 0.3rem;
  color: #1f2933;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
}

.user-invoices__filter-control {
  width: 100%;
  min-height: 2.45rem;
  padding: 0.45rem 0.6rem;
  box-sizing: border-box;
  border: 1px solid #d5d9df;
  border-radius: 4px;
  color: #2f3742;
  background: #fff;
  font: inherit;
  line-height: 1.3;
}

.user-invoices__filter-control:focus {
  border-color: var(--color-content-link, #0d4a8f);
  outline: 2px solid rgba(13, 74, 143, 0.16);
  outline-offset: 0;
}

.user-invoices__date-control {
  position: relative;
}

.user-invoices__filter-control--date {
  padding-right: 2.55rem;
}

.user-invoices__date-toggle {
  position: absolute;
  top: 1px;
  right: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: calc(100% - 2px);
  padding: 0;
  border: 0;
  border-left: 1px solid #d5d9df;
  border-radius: 0 4px 4px 0;
  color: #4b5563;
  background: #f7f7f7;
  cursor: pointer;
}

.user-invoices__date-toggle::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "fontawesome";
  font-size: 0.95rem;
  font-weight: 900;
}

.user-invoices__date-toggle:hover,
.user-invoices__date-toggle:focus {
  color: var(--color-content-link, #0d4a8f);
  background: #fff;
}

.user-invoices__date-toggle:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.user-invoices__date-picker {
  position: absolute;
  top: calc(100% + 0.35rem);
  left: 0;
  z-index: 30;
  width: 18.5rem;
  max-width: calc(100vw - 2rem);
  padding: 0.75rem;
  box-sizing: border-box;
  border: 1px solid #d5d9df;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(31, 41, 51, 0.16);
}

.user-invoices__date-picker[hidden] {
  display: none;
}

.user-invoices__date-picker-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}

.user-invoices__date-picker-title {
  color: #1f2933;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}

.user-invoices__date-picker-nav,
.user-invoices__date-picker-day {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #2f3742;
  background: transparent;
  font: inherit;
  line-height: 1;
  cursor: pointer;
}

.user-invoices__date-picker-nav {
  width: 2rem;
  height: 2rem;
  font-weight: 700;
}

.user-invoices__date-picker-weekdays,
.user-invoices__date-picker-days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.25rem;
}

.user-invoices__date-picker-weekdays {
  margin-bottom: 0.25rem;
}

.user-invoices__date-picker-weekday {
  color: #6b7280;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}

.user-invoices__date-picker-empty,
.user-invoices__date-picker-day {
  aspect-ratio: 1;
  min-width: 0;
}

.user-invoices__date-picker-day:hover,
.user-invoices__date-picker-day:focus,
.user-invoices__date-picker-nav:hover,
.user-invoices__date-picker-nav:focus {
  border-color: #d5d9df;
  color: var(--color-content-link, #0d4a8f);
  background: #f7f7f7;
}

.user-invoices__date-picker-day:focus-visible,
.user-invoices__date-picker-nav:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.user-invoices__date-picker-day--today {
  border-color: #d5d9df;
  font-weight: 700;
}

.user-invoices__date-picker-day--selected,
.user-invoices__date-picker-day--selected:hover,
.user-invoices__date-picker-day--selected:focus {
  border-color: var(--color-content-link, #0d4a8f);
  color: #fff;
  background: var(--color-content-link, #0d4a8f);
}

.user-invoices__filter-actions {
  min-width: 5.75rem;
}

.user-invoices__filter-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.45rem;
  padding: 0.45rem 0.85rem;
  box-sizing: border-box;
  border: 1px solid #d5d9df;
  border-radius: 4px;
  color: #1f2933;
  background: #fff;
  font: inherit;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}

.user-invoices__filter-reset:hover,
.user-invoices__filter-reset:focus {
  border-color: var(--color-content-link, #0d4a8f);
  color: var(--color-content-link, #0d4a8f);
}

.user-invoices__filter-reset:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.user-invoices__status {
  margin: 0 0 0.75rem;
  color: #4b5563;
  font-size: 0.95rem;
  line-height: 1.4;
}

.user-invoices__table-wrap {
  width: 100%;
  overflow-x: auto;
}

.user-invoices__table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

.user-invoices__table th,
.user-invoices__table td {
  padding: 0.75rem 0.85rem;
  border-bottom: 1px solid #e7e7e7;
  color: #2f3742;
  line-height: 1.35;
  text-align: left;
  vertical-align: middle;
}

.user-invoices__table th {
  background: #f7f7f7;
  color: #1f2933;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}

.user-invoices__number,
.user-invoices__date,
.user-invoices__due-date,
.user-invoices__amount,
.user-invoices__overdue,
.user-invoices__paid,
.user-invoices__download-cell {
  white-space: nowrap;
}

.user-invoices__paid,
.user-invoices__download-cell {
  text-align: center;
}

.user-invoices__row[hidden] {
  display: none !important;
}

.user-invoices__download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  padding: 0;
  box-sizing: border-box;
  border-radius: 4px;
  color: var(--color-content-link, #0d4a8f);
  background: transparent;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
}

.user-invoices__download::before {
  content: "\f019";
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "fontawesome";
  font-size: 1rem;
  font-weight: 900;
}

.user-invoices__download:hover,
.user-invoices__download:focus {
  color: var(--color-content-link-hover, #d12d26);
  background: rgba(13, 74, 143, 0.08);
  text-decoration: none;
}

.user-invoices__download:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.user-invoices__download-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.user-invoices__empty {
  padding: 1rem;
  border: 1px solid #e7e7e7;
  color: #4b5563;
  background: #fff;
}

.user-invoices__empty--filter {
  margin-bottom: 0.75rem;
  border-color: #f0c7c2;
  color: #7f1d1d;
  background: #fff8f7;
}

.user-invoices__empty[hidden] {
  display: none;
}

@media (max-width: 1100px) {
  .user-invoices__filter {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .user-invoices__filter-field--search {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .user-invoices__table-wrap {
    overflow-x: visible;
  }

  .user-invoices__filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .user-invoices__filter-actions {
    min-width: 0;
  }

  .user-invoices__table thead,
  .user-invoices__table th {
    display: none;
  }

  .user-invoices__row {
    display: block;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    border: 1px solid #e7e7e7;
    background: #fff;
  }

  .user-invoices__table td {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, auto);
    column-gap: 1rem;
    align-items: center;
    padding: 0.55rem 0;
    border-bottom: 1px solid #e7e7e7;
    text-align: right;
    white-space: normal;
  }

  .user-invoices__table td:last-child {
    border-bottom: 0;
  }

  .user-invoices__table td::before {
    min-width: 0;
    color: #1f2933;
    font-weight: 600;
    text-align: left;
  }

  .user-invoices__number::before {
    content: "Číslo faktury:";
  }

  .user-invoices__date::before {
    content: "Datum vystavení:";
  }

  .user-invoices__due-date::before {
    content: "Datum splatnosti:";
  }

  .user-invoices__amount::before {
    content: "Částka:";
  }

  .user-invoices__overdue::before {
    content: "Po splatnosti:";
  }

  .user-invoices__paid::before {
    content: "Zaplaceno:";
  }

  .user-invoices__download-cell::before {
    content: "PDF:";
  }
}

@media (max-width: 600px) {
  .user-invoices__filter {
    grid-template-columns: 1fr;
  }
}
/*# sourceMappingURL=style.css.map */