/* THIS FILE IS GENERATED AUTOMATICALLY, DO NOT MODIFY IT DIRECTLY, ANY DIRECT CHANGES WILL BE LOST */
/* Last update: 2026-04-17T05:36:01+00:00 */

.brk-ecommerce-loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: hsl(from var(--color-primary-900) h s l / 0.75);
  backdrop-filter: blur(0.25rem);
}
.brk-ecommerce-loader__spinner {
  width: 5rem;
  height: 5rem;
}
.brk-ecommerce-loader__spinner::before {
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 50%;
  border: 0.5rem solid var(--color-primary-400);
  border-left-color: var(--color-primary-600);
  animation: brk-spin 500ms infinite linear;
}
.brk-ecommerce-loader--visible {
  display: flex;
}
.brk-ecommerce-loader--visible .brk-ecommerce-loader__spinner::before {
  content: "";
}

.woocommerce-notices-wrapper:not(:has(*)) {
  display: none;
}
.woocommerce-info, .woocommerce-message, .woocommerce-error {
  padding: var(--space-sm);
  color: var(--notice-text-color);
  background: var(--notice-background);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
}
.woocommerce-info:is(.woocommerce-message, .woocommerce-info), .woocommerce-message:is(.woocommerce-message, .woocommerce-info), .woocommerce-error:is(.woocommerce-message, .woocommerce-info) {
  --notice-text-color: var(--color-primary-600);
  --notice-background: var(--color-primary-300);
  flex-wrap: wrap;
  gap: var(--space-xs);
}
.woocommerce-info:is(.woocommerce-message, .woocommerce-info) a, .woocommerce-message:is(.woocommerce-message, .woocommerce-info) a, .woocommerce-error:is(.woocommerce-message, .woocommerce-info) a {
  margin-left: 0;
}
.woocommerce-info:is(.woocommerce-error), .woocommerce-message:is(.woocommerce-error), .woocommerce-error:is(.woocommerce-error) {
  --notice-text-color: var(--color-danger);
  --notice-background: hsl(from var(--color-danger) h calc(s - 25) calc(l + 50) );
}
.woocommerce-info:focus-visible, .woocommerce-message:focus-visible, .woocommerce-error:focus-visible {
  outline: none;
}
.woocommerce-info .button, .woocommerce-info .restore-item, .woocommerce-message .button, .woocommerce-message .restore-item, .woocommerce-error .button, .woocommerce-error .restore-item {
  --button-text-color: var(--color-primary-600);
  --button-border-color: var(--color-primary-600);
  --button-background: transparent;
  width: fit-content;
  min-height: unset;
  border-radius: var(--radius-2xl);
  font-size: var(--text-xs);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  color: var(--button-text-color);
  line-height: var(--leading-snug);
  background: var(--button-background);
  border: var(--border-thin) var(--button-border-color) solid;
  padding: var(--space-2xs) var(--space-sm);
  transition: var(--transition-all);
}
.woocommerce-info .button:hover, .woocommerce-info .restore-item:hover, .woocommerce-message .button:hover, .woocommerce-message .restore-item:hover, .woocommerce-error .button:hover, .woocommerce-error .restore-item:hover {
  --button-background: var(--color-primary-600);
  --button-text-color: var(--color-white);
}

.brk-ecommerce-table {
  --table-columns: 1;
  --table-column-gap: var(--space-xl);
  --table-padding-x: var(--space-xl);
  --table-padding-y: var(--space-md);
  --table-row-gap: 0;
  --table-column-gap: var(--space-sm);
  --table-head-background: var(--color-primary-400);
  --table-body-background: var(--color-primary-300);
  --table-border-radius: var(--radius-xl);
  container: table / inline-size;
  display: grid;
  grid-template-columns: repeat(var(--table-columns), 1fr);
  column-gap: var(--table-column-gap);
  border-radius: var(--table-border-radius);
  overflow: hidden;
}
.brk-ecommerce-table[columns="1"] {
  --table-columns: 1;
}
.brk-ecommerce-table[columns="2"] {
  --table-columns: 2;
}
.brk-ecommerce-table[columns="3"] {
  --table-columns: 3;
}
.brk-ecommerce-table[columns="4"] {
  --table-columns: 4;
}
.brk-ecommerce-table[columns="5"] {
  --table-columns: 5;
}
.brk-ecommerce-table [colspan="1"] {
  grid-column: span 1;
}
.brk-ecommerce-table [colspan="2"] {
  grid-column: span 2;
}
.brk-ecommerce-table [colspan="3"] {
  grid-column: span 3;
}
.brk-ecommerce-table [colspan="4"] {
  grid-column: span 4;
}
.brk-ecommerce-table [colspan="5"] {
  grid-column: span 5;
}
.brk-ecommerce-table tbody, .brk-ecommerce-table thead, .brk-ecommerce-table tr {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  row-gap: var(--table-row-gap);
  column-gap: var(--table-column-gap);
}
.brk-ecommerce-table tr {
  padding-inline: var(--table-padding-x);
  padding-block: var(--table-padding-y);
  border: none;
}
.brk-ecommerce-table tbody tr {
  border-bottom: var(--border-thin) hsl(from var(--color-primary-600) h s l / 0.15) solid;
}
.brk-ecommerce-table tbody tr tr:last-child {
  border: none;
}
.brk-ecommerce-table th, .brk-ecommerce-table td {
  container: table-cell / inline-size;
  display: flex;
  align-items: center;
  line-height: var(--leading-none);
  padding: 0;
}
.brk-ecommerce-table thead {
  background: var(--table-head-background);
  border-bottom: var(--border-thin) hsl(from var(--color-primary-600) h s l / 0.25) solid;
}
.brk-ecommerce-table tbody {
  background: var(--table-body-background);
}
.brk-ecommerce-table th, .brk-ecommerce-table td {
  color: var(--color-primary-600);
  font-weight: var(--font-weight-regular);
}
.brk-ecommerce-table th {
  font-family: var(--font-heading);
  font-size: calc(var(--text-lg) / 1.2);
}
.brk-ecommerce-table td {
  font-family: var(--font-body);
  font-size: var(--text-md);
}
.brk-ecommerce-cart {
  container: cart-wrapper / inline-size;
  display: grid;
  gap: var(--space-xl);
  
  
}
@container (min-width: 64rem) {
  .brk-ecommerce-cart {
    gap: var(--space-3xl);
    grid-template-columns: 5fr 3fr;
  }
}
.brk-ecommerce-cart__left, .brk-ecommerce-cart__right {
  container: cart-column / inline-size;
  height: fit-content;
}
.brk-ecommerce-cart__right {
  position: sticky;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--space-xl));
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
  background: var(--color-primary-400);
  border-radius: var(--radius-xl);
  padding: var(--space-xl);
}
.brk-ecommerce-cart-table {
  --table-padding-x: var(--space-xl);
  --table-row-gap: var(--space-sm);
}
.brk-ecommerce-cart-table tr {
  grid-template-columns: initial;
  grid-template-areas: "cart-item-info cart-item-info" "cart-item-price cart-item-subtotal" "cart-item-quantity cart-item-remove";
}
.brk-ecommerce-cart-table thead {
  display: none;
}
@container cart-column (min-width: 40rem) {
  .brk-ecommerce-cart-table, .brk-ecommerce-cart-table tr {
    --table-row-gap: 0;
    grid-template: initial;
    grid-template-columns: 1fr 4.5rem 7.75rem 6rem 3rem;
    
  }
  .brk-ecommerce-cart-table thead {
    display: grid;
  }
}
.brk-ecommerce-cart-item {
  transition: var(--transition-all);
}
.brk-ecommerce-cart-item:hover {
  background: hsl(from var(--color-primary-300) h s calc(l / 2) / 0.1);
}
.brk-ecommerce-cart-item-info {
  grid-area: cart-item-info;
  gap: var(--space-sm);
  justify-content: start;
}
@container cart-column (min-width: 40rem) {
  .brk-ecommerce-cart-item-info {
    grid-area: initial;
  }
}
.brk-ecommerce-cart-item-image {
  --image-size: 4rem;
  position: relative;
  flex: 0 0 var(--image-size);
  width: var(--image-size);
  height: var(--image-size);
  border-radius: var(--radius-lg);
  background-color: hsl(from var(--color-primary-800) h s l / 0.1);
  border: var(--border-thin) solid var(--secondary-light);
  padding: var(--space-2xs);
}
@container table-cell (min-width: 16rem) {
  .brk-ecommerce-cart-item-image {
    --image-size: 5rem;
  }
}
.brk-ecommerce-cart-item-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.brk-ecommerce-cart-item-name {
  font-family: var(--font-heading);
  font-size: calc(var(--text-lg) / 1.2);
}
@container table-cell (min-width: 16rem) {
  .brk-ecommerce-cart-item-name {
    font-size: var(--text-lg);
  }
}
.brk-ecommerce-cart-item-price {
  grid-area: cart-item-price;
}
@container cart-column (min-width: 40rem) {
  .brk-ecommerce-cart-item-price {
    grid-area: initial;
  }
}
.brk-ecommerce-cart-item-price, .brk-ecommerce-cart-item-price * {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
}
.brk-ecommerce-cart-item-quantity {
  grid-area: cart-item-quantity;
}
@container cart-column (min-width: 40rem) {
  .brk-ecommerce-cart-item-quantity {
    grid-area: initial;
  }
}
.brk-ecommerce-cart-item-subtotal {
  justify-content: end;
  grid-area: cart-item-subtotal;
}
@container cart-column (min-width: 40rem) {
  .brk-ecommerce-cart-item-subtotal {
    justify-content: start;
    grid-area: initial;
  }
}
.brk-ecommerce-cart-item-subtotal, .brk-ecommerce-cart-item-subtotal * {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-semibold);
}
.brk-ecommerce-cart-item-remove {
  grid-area: cart-item-remove;
  padding-left: 0 !important;
  justify-content: end;
}
@container cart-column (min-width: 40rem) {
  .brk-ecommerce-cart-item-remove {
    grid-area: initial;
  }
}
.brk-ecommerce-cart-item-remove__button {
  --button-color: hsl(from var(--color-primary-700) h s l / 0.35);
  --button-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--button-size);
  min-height: var(--button-size);
  border: var(--border-thin) var(--button-color) solid;
  border-radius: var(--radius-full);
  background: transparent;
  color: var(--button-color);
  transition: var(--transition-all);
}
.brk-ecommerce-cart-item-remove__button:hover {
  --button-color: hsl(from var(--color-primary-700) h s l / 0.75);
}
.brk-ecommerce-cart-item-remove__button span {
  color: currentColor;
}
.brk-ecommerce-cart-item-remove__button svg {
  width: calc(var(--button-size) * 0.6);
  height: calc(var(--button-size) * 0.6);
}
.brk-ecommerce-cart-item-remove__button svg * {
  fill: currentColor;
}
.brk-ecommerce-cart-subtotal {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2xs);
  background: var(--color-primary-300);
  padding: var(--space-xs) var(--space-xl);
  border-radius: calc(var(--radius-2xl) * 2);
}
.brk-ecommerce-cart-subtotal-label {
  font-size: var(--text-sm);
  line-height: var(--leading-tight);
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary-700);
}
@container cart-column (min-width: 24rem) {
  .brk-ecommerce-cart-subtotal-label {
    font-size: calc(var(--text-sm) * 1.25);
  }
}
.brk-ecommerce-cart-subtotal-value {
  display: flex;
  flex-direction: column;
}
.brk-ecommerce-cart-subtotal-value strong, .brk-ecommerce-cart-subtotal-value strong > span {
  font-size: var(--text-xl);
  line-height: var(--leading-tight);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary-700);
  text-align: right;
}
@container cart-column (min-width: 24rem) {
  .brk-ecommerce-cart-subtotal-value strong, .brk-ecommerce-cart-subtotal-value strong > span {
    font-size: calc(var(--text-xl) * 1.15);
  }
}
.brk-ecommerce-cart-subtotal-value small {
  font-size: var(--text-3xs);
  font-weight: var(--font-weight-regular);
  color: hsl(from var(--color-primary-700) h s l / 0.85);
  text-align: right;
}
.brk-ecommerce-cart-subtotal-value small > span {
  font-weight: var(--font-weight-regular);
}
.brk-ecommerce-cart-subtotal-value small .amount {
  font-weight: var(--font-weight-semibold);
}
@container cart-column (min-width: 24rem) {
  .brk-ecommerce-cart-subtotal-value small {
    font-size: var(--text-2xs);
  }
}