.home-banner-slider .image-box .round-area {
  display: none;
}

.topic-page .page-body p {
  text-align: left;
}

.item-box .product-item .picture a img {
  object-fit: contain;
  background: transparent;
}

.item-box .product-item .details .details-wrapper .add-info {
  margin-top: auto;
}

.shopping-cart-page .order-summary-content .cart-details-left .cart-card__image img, .opc.checkout-page .order-summary-content .cart-details-left .cart-card__image img, .wishlist-page .order-summary-content .cart-details-left .cart-card__image img, .checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__image img, .order-confirm-page .order-summary-content .cart-details-left .cart-card__image img {
  object-fit: contain;
  padding: 4px;
}

.flyout-item__image img {
  padding: 4px;
}

.home-page .full-width-wrapper {
  display: none;
}

@media (min-width: 992px) {
  .category-item-box .title {
    margin-top: auto;
  }

  .category-item-box .picture {
    padding: 12px;
  }
}

@media (min-width: 1200px) {
  .header .menu {
    column-gap: 32px;
  }
}

/*Invoice*/
/* My Account - Invoices: card layout matching the order list page */
.invoices-page .page-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.invoices-page .page-title h1 {
  color: var(--secondary);
  margin: 0;
  word-break: break-word;
}

.invoices-page .page-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width: 768px) {
  .invoices-page .page-body {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.invoices-page .page-body > .pager,
.invoices-page .page-body > .no-data {
  width: 100%;
}

.invoices-page .section.invoice {
  display: block;
  background-color: var(--white);
  padding: 20px;
  margin: 0;
  width: 100%;
  border: 1px solid var(--gray-300);
  border-radius: var(--card-radius-lg);
  text-align: start;
  transition: all 400ms ease;
}

@media (min-width: 1400px) {
  .invoices-page .section.invoice {
    width: calc(50% - 10px);
  }
}

.invoices-page .section.invoice:hover {
  border-color: var(--primary);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.invoices-page .section.invoice .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0 0 16px;
  margin: 0 0 16px;
  border-bottom: 1px solid var(--gray-200);
  background: transparent;
}

.invoices-page .section.invoice .title .invoice-number {
  flex-grow: 1;
  font-size: 16px;
  font-weight: 700;
  color: var(--secondary);
}

.invoices-page .section.invoice .title .buttons {
  margin: 0;
}

.invoices-page .section.invoice .title .buttons .invoice-pdf-download-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: auto;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  color: var(--white);
  background-color: var(--button-primary-bg);
  border: none;
  border-radius: var(--radius-base);
  transition: background-color 0.3s ease;
}

.invoices-page .section.invoice .title .buttons .invoice-pdf-download-button::before {
  content: "\ecd9"; /* ri-file-download-line */
  font-family: 'remixicon' !important;
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
}

.invoices-page .section.invoice .title .buttons .invoice-pdf-download-button:hover,
.invoices-page .section.invoice .title .buttons .invoice-pdf-download-button:focus {
  color: var(--white);
  background-color: var(--button-primary-hover);
}

/* Invoice details: date, amount and related orders */
.invoices-page .section.invoice .info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 14px 16px;
  list-style: none;
  line-height: normal;
  background-color: var(--gray-100);
  border: 1px solid var(--gray-200);
  border-radius: var(--card-radius-sm);
}

@media (min-width: 576px) {
  .invoices-page .section.invoice .info {
    flex-direction: row;
    gap: 0;
  }
}

.invoices-page .section.invoice .info li {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-inline-start: 30px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-light);
}

@media (min-width: 576px) {
  .invoices-page .section.invoice .info li {
    flex: 1;
  }

  .invoices-page .section.invoice .info li:not(:last-child) {
    border-inline-end: 1px solid var(--gray-300);
    padding-inline-end: 16px;
    margin-inline-end: 16px;
  }
}

.invoices-page .section.invoice .info li::before {
  position: absolute;
  top: 2px;
  inset-inline-start: 0;
  font-family: 'remixicon' !important;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0;
  color: var(--primary);
  -webkit-font-smoothing: antialiased;
}

.invoices-page .section.invoice .info li:nth-child(1)::before {
  content: "\eb27"; /* ri-calendar-line */
}

.invoices-page .section.invoice .info li:nth-child(2)::before {
  content: "\ef65"; /* ri-money-dollar-circle-line */
}

.invoices-page .section.invoice .info li:nth-child(3)::before {
  content: "\ecf1"; /* ri-file-list-line */
}

.invoices-page .section.invoice .info .invoice-date,
.invoices-page .section.invoice .info .invoice-amount,
.invoices-page .section.invoice .info .related-orders {
  display: block;
  font-size: 15px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  color: var(--secondary);
}

.invoices-page .section.invoice .info .invoice-amount {
  color: var(--primary);
  font-weight: 700;
}

.invoices-page .section.invoice .info .related-orders {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin: 0;
}

.invoices-page .section.invoice .info .related-orders a {
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: var(--primary);
  font-weight: 600;
}

.invoices-page .section.invoice .info .related-orders a:hover,
.invoices-page .section.invoice .info .related-orders a:focus {
  color: var(--primary-dark);
  text-decoration: underline !important;
}

.invoices-page .section.invoice .info .related-orders:empty::after {
  content: "—";
  color: var(--text-light);
}

/* The markup renders the PDF button twice; keep only the one in the card header */
.invoices-page .section.invoice > .buttons {
  display: none;
}
/*End Invoice*/

.button--info:hover,
.button--info:focus {
  background-color: var(--gray-300);
}

/* The Evlo plugin renders its own impersonation banner (ImpersonationHeaderViewComponent) */
.admin-header-links .impersonate {
  display: none;
}

/* With the cart and wishlist links hidden (DiOrE sub-accounts) the user link is the last one;
   the theme's -50px offset and 20px slide then push the hidden dropdown past the screen edge */
.header-links .user-link:last-child .user-dropdown {
  inset-inline-end: 0;
  transform: none;
}