/*
 * Tablet 10" HD totem styles.
 *
 * Loaded from kiosk/templates/flavours/kiosk/globals/project_head.html after
 * kiosk.css. The rules are scoped to body.tablet-totem and tablet-sized media
 * queries so they can override the current kiosk UI without affecting desktop
 * or large totem layouts.
 */

@media screen and (min-width: 768px) and (max-width: 1280px) {
   html {
      overflow-x: hidden;
   }

   body.tablet-totem {
      width: 100%;
      max-width: 100vw;
      overflow-x: hidden;
      text-rendering: optimizeSpeed;
      -webkit-tap-highlight-color: rgba(183, 29, 50, 0.18);
      touch-action: manipulation;
   }

   body.tablet-totem *,
   body.tablet-totem *::before,
   body.tablet-totem *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      scroll-behavior: auto !important;
      transition-duration: 0.01ms !important;
   }

   body.tablet-totem main,
   body.tablet-totem .comp-header,
   body.tablet-totem #banners,
   body.tablet-totem .main-highlights,
   body.tablet-totem .comp-main,
   body.tablet-totem .container-fluid {
      width: 100%;
      max-width: 100%;
      overflow-x: hidden;
   }

   body.tablet-totem .comp-header > .container-fluid {
      position: relative !important;
      left: 0;
      right: 0;
      width: auto !important;
      max-width: 100vw;
      min-height: 116px;
      padding: 1rem clamp(1rem, 2vw, 1.5rem) 0.75rem !important;
      gap: 1.25rem;
      border-bottom: 1px solid #d6d6d6;
      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.16);
      background: #fff;
      z-index: 25;
   }

   body.tablet-totem .logo-top {
      flex: 0 0 auto;
      max-width: 170px;
      padding-right: 0;
      padding-left: 0;
   }

   body.tablet-totem .logo-top img {
      width: clamp(128px, 13vw, 170px);
      max-width: 100%;
   }

   body.tablet-totem .comp-search {
      flex: 1 1 auto;
      max-width: 58%;
   }

   body.tablet-totem .comp-search form {
      border: 1px solid #d6d6d6 !important;
      border-radius: 0.75rem;
      background: #fff;
      min-height: 52px;
      padding: 0 0.85rem;
   }

   body.tablet-totem #qsearch {
      min-height: 50px;
      font-size: clamp(1rem, 1.35vw, 1.125rem);
      line-height: 1.3;
      background: transparent;
   }

   body.tablet-totem #qsearchautocomplete-list {
      top: 70px;
      left: 2rem;
      right: 2rem;
      max-height: min(58vh, 450px);
      overflow-y: auto;
      border-radius: 0.75rem;
      box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
   }

   body.tablet-totem #qsearchautocomplete-list > div {
      min-height: 52px;
      padding: 0.85rem 1rem !important;
      font-size: 1rem !important;
   }

   body.tablet-totem #banners,
   body.tablet-totem #banners > *,
   body.tablet-totem .carousel,
   body.tablet-totem .carousel-inner,
   body.tablet-totem .swiper {
      max-width: 100% !important;
      overflow: hidden !important;
   }

   body.tablet-totem #banners img,
   body.tablet-totem .carousel-item img {
      max-width: 100%;
      height: auto;
   }

   body.tablet-totem .clkec-slider {
      max-width: 100vw;
      overflow: hidden;
   }

   body.tablet-totem .clkec-slider .clkec-content {
      max-width: min(520px, 84vw);
   }

   body.tablet-totem #subNavUser a,
   body.tablet-totem .shopping_cart {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 56px;
      min-height: 56px;
   }

   body.tablet-totem .shopping_cart img {
      width: 48px;
      height: auto;
   }

   body.tablet-totem .js-qty-display {
      min-width: 24px;
      min-height: 24px;
      line-height: 24px;
      font-size: 0.9rem;
   }

   body.tablet-totem .tablet-menu-action {
      flex: 0 0 auto;
      padding-right: 0;
      padding-left: 0;
   }

   body.tablet-totem .tablet-menu-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.55rem;
      min-width: 112px;
      min-height: 52px;
      padding: 0.65rem 0.9rem;
      border: 1px solid #B71D32;
      border-radius: 0.55rem;
      background: #B71D32;
      color: #fff;
      font-weight: 700;
      line-height: 1;
      text-transform: uppercase;
   }

   body.tablet-totem .tablet-menu-icon,
   body.tablet-totem .tablet-menu-icon::before,
   body.tablet-totem .tablet-menu-icon::after {
      display: block;
      width: 20px;
      height: 2px;
      border-radius: 999px;
      background: currentColor;
   }

   body.tablet-totem .tablet-menu-icon {
      position: relative;
   }

   body.tablet-totem .tablet-menu-icon::before,
   body.tablet-totem .tablet-menu-icon::after {
      content: "";
      position: absolute;
      left: 0;
   }

   body.tablet-totem .tablet-menu-icon::before {
      top: -7px;
   }

   body.tablet-totem .tablet-menu-icon::after {
      top: 7px;
   }

   body.tablet-totem.tablet-drawer-open {
      overflow: hidden;
   }

   body.tablet-totem.tablet-cart-open {
      overflow: hidden;
   }

   body.tablet-totem #navbarHeader {
      min-height: 0;
   }

   body.tablet-totem .tablet-category-menu {
      position: relative;
      z-index: 100000;
   }

   body.tablet-totem .tablet-drawer-backdrop {
      position: fixed;
      inset: 0;
      z-index: 100000;
      background: rgba(0, 0, 0, 0.32);
      opacity: 0;
      pointer-events: none;
      transition: opacity 180ms ease !important;
      transition-duration: 180ms !important;
   }

   body.tablet-totem .tablet-category-menu.is-open .tablet-drawer-backdrop {
      opacity: 1;
      pointer-events: auto;
   }

   body.tablet-totem .tablet-category-drawer {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: 100001;
      width: min(520px, 84vw);
      max-width: 100vw;
      background: #f7f7f7;
      box-shadow: 16px 0 34px rgba(0, 0, 0, 0.18);
      transform: translate3d(-105%, 0, 0);
      transition: transform 240ms ease !important;
      transition-duration: 240ms !important;
      will-change: transform;
      overflow: hidden;
   }

   body.tablet-totem .tablet-category-menu.is-open .tablet-category-drawer {
      transform: translate3d(0, 0, 0);
   }

   body.tablet-totem .tablet-drawer-close,
   body.tablet-totem .tablet-drawer-back {
      min-height: 48px;
      border-radius: 0.55rem;
      font-weight: 700;
      line-height: 1.1;
   }

   body.tablet-totem .tablet-drawer-close,
   body.tablet-totem .tablet-drawer-back {
      border: 1px solid #cfcfcf;
      background: #fff;
      color: #222;
   }

   body.tablet-totem .tablet-drawer-stage {
      position: relative;
      height: 100vh;
      overflow: hidden;
   }

   body.tablet-totem .tablet-drawer-panel {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      min-width: 0;
      padding: 1rem;
      overflow-y: auto;
      opacity: 0;
      pointer-events: none;
      transform: translate3d(105%, 0, 0);
      transition: transform 240ms ease, opacity 160ms ease !important;
      transition-duration: 240ms, 160ms !important;
      will-change: transform, opacity;
   }

   body.tablet-totem .tablet-category-panel {
      transform: translate3d(0, 0, 0);
   }

   body.tablet-totem .tablet-category-menu.is-subcategory .tablet-category-panel {
      opacity: 0;
      pointer-events: none;
      transform: translate3d(-38%, 0, 0);
   }

   body.tablet-totem .tablet-drawer-panel.is-active {
      opacity: 1;
      pointer-events: auto;
      transform: translate3d(0, 0, 0);
   }

   body.tablet-totem .tablet-drawer-heading {
      flex: 0 0 auto;
      margin-bottom: 1rem;
      text-align: left;
   }

   body.tablet-totem .tablet-drawer-heading p {
      margin: 0 0 0.25rem;
      color: #6b6b6b;
      font-size: 0.95rem;
      font-weight: 700;
      text-transform: uppercase;
   }

   body.tablet-totem .tablet-drawer-heading h2 {
      margin: 0;
      color: #111;
      font-size: clamp(1.55rem, 2.4vw, 2rem);
      font-weight: 700;
      line-height: 1.05;
      text-align: left;
      overflow-wrap: anywhere;
   }

   body.tablet-totem .tablet-panel-topbar {
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      min-height: 72px;
      margin: -1rem -1rem 1rem;
      padding: 0.9rem 1rem;
      border-bottom: 1px solid #dedede;
      background: #fff;
   }

   body.tablet-totem .tablet-panel-spacer {
      width: 1px;
      height: 1px;
   }

   body.tablet-totem .tablet-drawer-close {
      margin-left: auto;
   }

   body.tablet-totem .tablet-drawer-back {
      padding-right: 1rem;
      padding-left: 1rem;
   }

   body.tablet-totem .tablet-category-list,
   body.tablet-totem .tablet-subcategory-list {
      display: grid;
      gap: 0.7rem;
   }

   body.tablet-totem .tablet-category-option,
   body.tablet-totem .tablet-subcategory-option {
      min-height: 58px;
      border: 1px solid #dedede;
      border-radius: 0.65rem;
      background: #fff;
      color: #222 !important;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.15;
      text-align: left;
      text-decoration: none;
      overflow-wrap: anywhere;
   }

   body.tablet-totem .tablet-category-option {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      padding: 0.8rem 0.9rem;
   }

   body.tablet-totem .tablet-category-chevron {
      flex: 0 0 auto;
      width: 12px;
      height: 12px;
      border-top: 2px solid #B71D32;
      border-right: 2px solid #B71D32;
      transform: rotate(45deg);
      margin-right: 0.25rem;
   }

   body.tablet-totem .tablet-subcategory-option {
      display: flex;
      align-items: center;
      min-height: 64px;
      padding: 0.85rem 1rem;
      background: #fff !important;
      color: #222 !important;
   }

   body.tablet-totem .tablet-subcategory-all {
      background: #B71D32 !important;
      border-color: #B71D32 !important;
      color: #fff !important;
   }

   body.tablet-totem .tablet-category-option:active,
   body.tablet-totem .tablet-subcategory-option:active,
   body.tablet-totem .tablet-menu-button:active,
   body.tablet-totem .tablet-drawer-close:active,
   body.tablet-totem .tablet-drawer-back:active {
      transform: scale(0.985);
      filter: brightness(0.96);
   }

   body.tablet-totem .tablet-cart-menu {
      position: relative;
      z-index: 100010;
   }

   body.tablet-totem .tablet-cart-backdrop {
      position: fixed;
      inset: 0;
      z-index: 100010;
      background: rgba(0, 0, 0, 0.32);
      opacity: 0;
      pointer-events: none;
      transition: opacity 180ms ease !important;
      transition-duration: 180ms !important;
   }

   body.tablet-totem .tablet-cart-menu.is-open .tablet-cart-backdrop {
      opacity: 1;
      pointer-events: auto;
   }

   body.tablet-totem .tablet-cart-drawer {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 100011;
      width: min(520px, 84vw);
      max-width: 100vw;
      display: flex;
      flex-direction: column;
      background: #f7f7f7;
      box-shadow: -16px 0 34px rgba(0, 0, 0, 0.18);
      transform: translate3d(105%, 0, 0);
      transition: transform 240ms ease !important;
      transition-duration: 240ms !important;
      will-change: transform;
      overflow: hidden;
   }

   body.tablet-totem .tablet-cart-menu.is-open .tablet-cart-drawer {
      transform: translate3d(0, 0, 0);
   }

   body.tablet-totem .tablet-cart-topbar {
      flex: 0 0 auto;
      min-height: 72px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      padding: 0.9rem 1rem;
      border-bottom: 1px solid #dedede;
      background: #fff;
   }

   body.tablet-totem .tablet-cart-topbar h2 {
      margin: 0;
      color: #111;
      font-size: clamp(1.45rem, 2vw, 1.8rem);
      font-weight: 700;
      line-height: 1.05;
   }

   body.tablet-totem .tablet-cart-close {
      min-height: 48px;
      border: 1px solid #cfcfcf;
      border-radius: 0.55rem;
      background: #fff;
      color: #222;
      font-weight: 700;
   }

   body.tablet-totem .tablet-cart-body {
      flex: 1 1 auto;
      min-height: 0;
      padding: 1rem;
      overflow-y: auto;
   }

   body.tablet-totem .tablet-cart-items {
      display: grid;
      gap: 0.75rem;
   }

   body.tablet-totem .tablet-cart-item {
      display: grid;
      grid-template-columns: 84px minmax(0, 1fr);
      gap: 0.75rem;
      padding: 0.75rem;
      border: 1px solid #dedede;
      border-radius: 0.65rem;
      background: #fff;
   }

   body.tablet-totem .tablet-cart-item-image {
      width: 84px;
      height: 84px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 0.45rem;
      background: #f3f3f3;
      overflow: hidden;
   }

   body.tablet-totem .tablet-cart-item-image img {
      width: 100%;
      height: 100%;
      object-fit: contain;
   }

   body.tablet-totem .tablet-cart-item-main {
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 0.65rem;
   }

   body.tablet-totem .tablet-cart-item-name {
      color: #222 !important;
      font-weight: 700;
      line-height: 1.15;
      text-decoration: none;
      overflow-wrap: anywhere;
   }

   body.tablet-totem .tablet-cart-item-meta {
      display: flex;
      justify-content: space-between;
      gap: 0.6rem;
      color: #555;
      font-size: 0.95rem;
   }

   body.tablet-totem .tablet-cart-item-meta strong {
      color: #B71D32;
      white-space: nowrap;
   }

   body.tablet-totem .tablet-cart-qty-control {
      width: fit-content;
      display: inline-flex;
      align-items: center;
      border: 1px solid #d7d7d7;
      border-radius: 0.55rem;
      background: #fff;
      overflow: hidden;
   }

   body.tablet-totem .tablet-cart-qty-btn {
      width: 44px;
      min-width: 44px;
      min-height: 44px;
      border: 0;
      border-radius: 0;
      background: #f7f7f7;
      color: #222;
      font-size: 1.2rem;
      font-weight: 700;
      line-height: 1;
   }

   body.tablet-totem .tablet-cart-qty-control .js-qty-selector {
      width: 54px;
      min-width: 54px;
      min-height: 44px;
      border: 0 !important;
      border-right: 1px solid #d7d7d7 !important;
      border-left: 1px solid #d7d7d7 !important;
      border-radius: 0 !important;
      background: #fff !important;
      color: #222;
      font-weight: 700;
      text-align: center;
   }

   body.tablet-totem .tablet-cart-summary {
      flex: 0 0 auto;
      padding: 1rem;
      border-top: 1px solid #dedede;
      background: #fff;
   }

   body.tablet-totem .tablet-cart-summary-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 0.45rem;
      color: #333;
   }

   body.tablet-totem .tablet-cart-summary-row strong {
      color: #B71D32;
   }

   body.tablet-totem .tablet-cart-total {
      margin-top: 0.75rem;
      padding-top: 0.75rem;
      border-top: 1px solid #dedede;
      font-size: 1.25rem;
      font-weight: 700;
   }

   body.tablet-totem .tablet-cart-checkout {
      width: 100%;
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-top: 0.75rem;
      border-radius: 0.55rem;
      font-weight: 700;
   }

   body.tablet-totem .tablet-cart-empty,
   body.tablet-totem .tablet-cart-loading {
      padding: 1rem;
      border: 1px solid #dedede;
      border-radius: 0.65rem;
      background: #fff;
      color: #333;
      text-align: center;
   }

   body.tablet-totem .tablet-cart-empty h3 {
      margin-bottom: 0.35rem;
      font-weight: 700;
   }

   body.tablet-totem #introCheckoutDetail .container-fluid {
      padding-top: 1rem !important;
      padding-bottom: 0.75rem !important;
   }

   body.tablet-totem #introCheckoutDetail h1.text-secondary {
      margin-bottom: 0;
      border-left: 0;
      padding-left: 0;
      color: #B71D32 !important;
      font-size: clamp(1.7rem, 2.4vw, 2.2rem) !important;
      line-height: 1.1;
   }

   body.tablet-totem #checkoutInfo {
      padding-top: 0.75rem;
   }

   body.tablet-totem #checkoutInfo > .container-fluid > .row {
      align-items: flex-start;
   }

   body.tablet-totem #cart-preview {
      flex: 0 0 66%;
      max-width: 66%;
   }

   body.tablet-totem #cart-stores {
      flex: 0 0 34%;
      max-width: 34%;
   }

   body.tablet-totem #cart-preview .js-checkout-items-container {
      padding-right: 0;
      padding-left: 0;
   }

   body.tablet-totem #cart-preview .cart-row {
      margin-right: 0;
      margin-bottom: 0.75rem;
      margin-left: 0;
   }

   body.tablet-totem #cart-preview .js-cart-item {
      min-height: 104px;
      display: grid !important;
      grid-template-columns: 96px minmax(0, 1fr) auto;
      gap: 0.9rem;
      align-items: center !important;
      width: 100%;
      padding: 0.85rem !important;
      border: 1px solid #dedede !important;
      border-radius: 0.65rem;
      background: #fff;
   }

   body.tablet-totem #cart-preview .js-cart-item > .col-2 {
      max-width: none;
      grid-row: 1 / span 2;
      padding: 0;
   }

   body.tablet-totem #cart-preview .js-cart-item > .col-10 {
      display: contents !important;
      max-width: none;
      margin-left: 0 !important;
      padding: 0;
   }

   body.tablet-totem #cart-preview .js-cart-item a[aria-label^="Producto"] {
      width: 96px;
      height: 86px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 0.5rem;
      background: #f7f7f7;
      overflow: hidden;
   }

   body.tablet-totem #cart-preview .js-cart-item a[aria-label^="Producto"] img {
      width: 100%;
      height: 100%;
      object-fit: contain;
   }

   body.tablet-totem #cart-preview .name {
      min-width: 0;
      grid-column: 2;
      grid-row: 1;
      align-self: end;
      margin: 0;
      color: #222;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.25;
      overflow-wrap: anywhere;
   }

   body.tablet-totem #cart-preview .cart-line-prices {
      min-width: 0;
      grid-column: 2;
      grid-row: 2;
      align-self: start;
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 0.35rem 0.85rem;
      margin-top: 0.35rem;
   }

   body.tablet-totem #cart-preview .cart-unit-price {
      color: #555;
      font-size: 0.92rem;
      line-height: 1.2;
   }

   body.tablet-totem #cart-preview .cart-line-total {
      color: #c31834;
      font-size: 1.04rem;
      line-height: 1.2;
      white-space: nowrap;
   }

   body.tablet-totem #cart-preview .cart-qty {
      min-width: 164px;
      grid-column: 3;
      grid-row: 1 / span 2;
      justify-self: end;
      display: flex !important;
      align-items: center;
      padding: 0 !important;
   }

   body.tablet-totem #cart-preview .label-cant {
      display: none;
   }

   body.tablet-totem #cart-preview .input-group.inline-group {
      width: auto;
      min-height: 48px;
      display: inline-flex;
      align-items: center;
      border: 1px solid #d7d7d7;
      border-radius: 0.55rem;
      background: #fff;
      overflow: hidden;
   }

   body.tablet-totem #cart-preview .input-group.inline-group .minus,
   body.tablet-totem #cart-preview .input-group.inline-group .plus {
      width: 48px;
      min-width: 48px;
      min-height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 0;
      border-radius: 0;
      background: #f7f7f7 !important;
      color: #222 !important;
      font-size: 1.15rem;
      font-weight: 700;
      padding: 0;
   }

   body.tablet-totem #cart-preview .input-group.inline-group input {
      width: 58px;
      min-width: 58px;
      min-height: 48px;
      border: 0 !important;
      border-right: 1px solid #d7d7d7 !important;
      border-left: 1px solid #d7d7d7 !important;
      border-radius: 0 !important;
      background: #fff !important;
      color: #111;
      font-size: 1.05rem;
      font-weight: 700;
      text-align: center;
   }

   body.tablet-totem #cart-preview .row-validations {
      display: none !important;
   }

   body.tablet-totem #cart-preview .cart3-remove {
      display: none !important;
   }

   body.tablet-totem #cart-preview fieldset {
      border: 1px solid #dedede !important;
      border-radius: 0.65rem !important;
      background: #fff !important;
   }

   body.tablet-totem #cart-preview .promocodes-container {
      width: 100%;
      max-width: 100%;
      flex: 0 0 100%;
      padding-right: 0;
      padding-left: 0;
   }

   body.tablet-totem #cart-preview .promocodes-container form {
      gap: 0.75rem;
   }

   body.tablet-totem #cart-preview .promocodes-container .form-control {
      flex: 1 1 auto;
      min-height: 52px;
      margin-right: 0 !important;
      border-radius: 0.55rem !important;
      background: #fff !important;
   }

   body.tablet-totem #cart-preview .promocodes-container button {
      min-width: 124px;
      min-height: 52px;
      border-radius: 0.55rem;
      font-weight: 700;
   }

   body.tablet-totem #cart-stores .checkout-detail-sticky {
      top: 0.75rem;
      margin-right: 0;
      margin-left: 0;
      border: 1px solid #dedede;
      border-radius: 0.65rem;
      background: #fff !important;
      overflow: hidden;
   }

   body.tablet-totem #cart-stores .checkout-detail-sticky > .col-12:first-child {
      padding: 1rem !important;
   }

   body.tablet-totem #cart-stores .checkout-detail-sticky .bg-grey-light {
      background: #fff !important;
   }

   body.tablet-totem #cart-stores h3.text-primary {
      margin-bottom: 0.85rem;
      color: #B71D32 !important;
      font-size: 1rem;
      font-weight: 700;
   }

   body.tablet-totem #cart-stores .item {
      margin-bottom: 0.65rem !important;
      font-size: 0.98rem;
   }

   body.tablet-totem #cart-stores hr {
      margin-top: 0.85rem;
      margin-bottom: 0.85rem;
   }

   body.tablet-totem #cart-stores .js-total-display,
   body.tablet-totem #cart-stores .item h3 {
      font-size: 1.25rem !important;
      font-weight: 700;
   }

   body.tablet-totem #cart-stores a.btn,
   body.tablet-totem #cart-stores button#submitFormBtn {
      width: 100%;
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 0.55rem;
      background: #B71D32 !important;
      color: #fff !important;
      font-size: 1rem;
      font-weight: 700;
      text-transform: uppercase;
   }

   body.tablet-totem #cart-stores .legal {
      margin-bottom: 0;
      color: #666;
      font-size: 0.72rem;
      line-height: 1.2;
   }

   body.tablet-totem #checkoutInfo #introCheckout {
      flex: 0 0 67%;
      max-width: 67%;
      padding-right: 0.6rem;
   }

   body.tablet-totem h1.text-secondary {
      font-size: clamp(1.7rem, 2.6vw, 2rem) !important;
      line-height: 1.1;
   }

   body.tablet-totem #checkoutInfo {
      padding-top: 0.6rem;
   }

   body.tablet-totem #checkoutInfo > .container-fluid {
      padding-right: 1rem;
      padding-left: 1rem;
   }

   body.tablet-totem #checkoutInfo .container-fluid.text-grey {
      padding-top: 0.7rem !important;
      padding-bottom: 0.45rem !important;
   }

   body.tablet-totem #checkoutInfo #introCheckout + .col-lg-4 {
      flex: 0 0 33%;
      max-width: 33%;
      padding-left: 0.6rem;
   }

   body.tablet-totem #checkoutInfo #introCheckout + .col-lg-4 .checkout-detail-sticky {
      position: sticky !important;
      top: 0.75rem;
      z-index: 20;
      margin-right: 0;
      margin-left: 0;
      border: 1px solid #dedede;
      border-radius: 0.65rem;
      background: #fff !important;
      overflow: hidden;
   }

   body.tablet-totem #checkoutInfo #introCheckout + .col-lg-4 .checkout-detail-sticky > .col-12:first-child {
      padding: 1rem !important;
   }

   body.tablet-totem #checkoutInfo #introCheckout + .col-lg-4 .bg-grey-light {
      background: #fff !important;
   }

   body.tablet-totem #checkoutInfo #introCheckout + .col-lg-4 h3.text-primary {
      margin-bottom: 0.75rem;
      color: #B71D32 !important;
      font-size: 1rem;
      font-weight: 700;
   }

   body.tablet-totem #checkoutInfo #introCheckout + .col-lg-4 .item {
      margin-bottom: 0.55rem !important;
      font-size: 0.96rem;
   }

   body.tablet-totem #checkoutInfo #introCheckout + .col-lg-4 hr {
      margin-top: 0.75rem;
      margin-bottom: 0.75rem;
   }

   body.tablet-totem #checkoutInfo #introCheckout + .col-lg-4 .js-total-display,
   body.tablet-totem #checkoutInfo #introCheckout + .col-lg-4 .item h3 {
      font-size: 1.22rem !important;
      font-weight: 700;
   }

   body.tablet-totem #checkoutInfo #introCheckout + .col-lg-4 #submitFormBtn {
      min-height: 50px;
      margin-top: 0.6rem;
      border-radius: 0.5rem;
      font-size: 1rem;
   }

   body.tablet-totem .tablet-shipping-summary h3 {
      margin-top: 0.45rem;
      margin-bottom: 0.65rem !important;
      font-size: 1rem !important;
   }

   body.tablet-totem .tablet-shipping-summary .item {
      margin-bottom: 0.45rem !important;
   }

   body.tablet-totem #introCheckout .accordion {
      display: flex;
      flex-direction: column;
      gap: 0.85rem;
   }

   body.tablet-totem #introCheckout .card {
      margin-bottom: 0;
      border: 1px solid #d71933;
      border-radius: 0.55rem !important;
      background: #fff;
      overflow: hidden;
   }

   body.tablet-totem #introCheckout .card-header {
      min-height: 50px;
      display: flex;
      align-items: center;
      padding: 0;
      border: 0;
      border-radius: 0 !important;
      background: #9f2f33 !important;
   }

   body.tablet-totem #introCheckout .card-header h2 {
      width: 100%;
   }

   body.tablet-totem #introCheckout .card-header button.btn {
      min-height: 50px;
      padding: 0.65rem 0.9rem;
      color: #fff !important;
      font-size: 1rem !important;
      font-weight: 700;
      line-height: 1.2;
      pointer-events: none;
      cursor: default;
   }

   body.tablet-totem #introCheckout .form-step,
   body.tablet-totem #introCheckout .form-step.collapse,
   body.tablet-totem #introCheckout .form-step.collapsing {
      height: auto !important;
      display: block !important;
      padding: 0 !important;
      text-align: left;
      visibility: visible !important;
   }

   body.tablet-totem #introCheckout .card-body {
      display: block !important;
      padding: 1rem 1.1rem !important;
   }

   body.tablet-totem #introCheckout .form-step .card-body .form-group {
      margin-bottom: 0.85rem !important;
      overflow: visible;
   }

   body.tablet-totem #introCheckout .card-body .form > div > .form-group:first-of-type {
      padding-top: 0 !important;
   }

   body.tablet-totem #introCheckout label,
   body.tablet-totem #introCheckout .form-check-label,
   body.tablet-totem #introCheckout .control-label {
      margin-bottom: 0.25rem !important;
      color: #1f1f1f;
      font-size: 0.92rem;
      line-height: 1.25;
   }

   body.tablet-totem #introCheckout input.form-control,
   body.tablet-totem #introCheckout select.form-control,
   body.tablet-totem #introCheckout textarea.form-control,
   body.tablet-totem #introCheckout select.custom-select {
      min-height: 44px;
      padding: 0.55rem 0.7rem;
      border-radius: 0.45rem !important;
      font-size: 0.96rem;
   }

   body.tablet-totem #introCheckout .help-block,
   body.tablet-totem #introCheckout .hint,
   body.tablet-totem #introCheckout small {
      font-size: 0.78rem;
      line-height: 1.25;
   }

   body.tablet-totem #introCheckout .custom-control {
      min-height: 52px;
      display: flex;
      align-items: center;
      padding: 0.65rem 0.85rem;
      margin-bottom: 0.55rem;
      border-radius: 0.35rem;
      font-size: 0.98rem;
   }

   body.tablet-totem #introCheckout .custom-control .custom-control-label img {
      height: 42px;
      max-width: 100px;
      object-fit: contain;
   }

   body.tablet-totem #introCheckout .iti {
      width: 100%;
   }

   body.tablet-totem #introCheckout .iti__selected-country {
      min-height: 44px;
      padding-right: 0.6rem;
      padding-left: 0.6rem;
   }

   body.tablet-totem #introCheckout .iti__selected-dial-code {
      font-size: 0.9rem;
   }

   body.tablet-totem #introCheckout #div_id_step-payment_selector-payment .custom-control {
      min-height: 72px;
      width: 116px;
      display: inline-flex;
      justify-content: center;
      margin: 0.35rem 0.45rem;
      padding: 0.55rem;
      background: #fff;
   }

   body.tablet-totem .btn,
   body.tablet-totem button,
   body.tablet-totem [role="button"] {
      min-height: 48px;
      touch-action: manipulation;
   }

   body.tablet-totem .btn:active,
   body.tablet-totem button:active,
   body.tablet-totem a:active {
      transform: scale(0.98);
      filter: brightness(0.94);
   }

   body.tablet-totem .btn:hover,
   body.tablet-totem a:hover,
   body.tablet-totem #checkoutInfo .card-header button.btn:hover {
      text-decoration: none;
   }

   body.tablet-totem #productList > .container-fluid,
   body.tablet-totem #product_detail > .container-fluid,
   body.tablet-totem #checkoutInfo > .container-fluid {
      padding-right: clamp(0.75rem, 1.5vw, 1.25rem);
      padding-left: clamp(0.75rem, 1.5vw, 1.25rem);
   }

   body.tablet-totem #listings_orderby {
      align-items: center;
      flex-wrap: wrap;
      padding-top: 0.85rem !important;
      padding-bottom: 1rem !important;
      gap: 0.75rem;
   }

   body.tablet-totem .tablet-filter-button,
   body.tablet-totem .tablet-filter-button[hidden] {
      min-height: 48px;
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      padding: 0.65rem 1rem !important;
      border: 1px solid #B71D32;
      border-radius: 0.5rem;
      background: #fff;
      color: #B71D32;
      font-weight: 800;
      line-height: 1;
   }

   body.tablet-totem .tablet-filter-button::before {
      content: "";
      width: 18px;
      height: 18px;
      display: inline-block;
      margin-right: 0.45rem;
      background:
         linear-gradient(#B71D32, #B71D32) 0 4px / 18px 2px no-repeat,
         linear-gradient(#B71D32, #B71D32) 0 9px / 14px 2px no-repeat,
         linear-gradient(#B71D32, #B71D32) 0 14px / 10px 2px no-repeat;
   }

   body.tablet-totem #listings_orderby > span {
      margin-left: auto;
      padding: 0 !important;
      color: #333;
      font-size: 0.94rem;
      font-weight: 600;
   }

   body.tablet-totem .tablet-active-filters,
   body.tablet-totem .tablet-active-filters[hidden] {
      display: flex !important;
      align-items: center;
      flex: 1 1 auto;
      min-width: 0;
      gap: 0.45rem;
      overflow-x: auto;
      scrollbar-width: thin;
   }

   body.tablet-totem .tablet-active-filters[hidden] {
      display: none !important;
   }

   body.tablet-totem .tablet-filter-chip {
      min-height: 42px;
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      flex: 0 0 auto;
      max-width: 210px;
      padding: 0.5rem 0.62rem 0.5rem 0.78rem;
      border: 1px solid #d7d7d7;
      border-radius: 0.45rem;
      background: #fff;
      color: #2d2d2d;
      font-size: 0.88rem;
      font-weight: 700;
      line-height: 1;
   }

   body.tablet-totem .tablet-filter-chip:active {
      background: #f7f7f7;
      transform: translateY(1px);
   }

   body.tablet-totem .tablet-filter-chip span {
      margin: 0;
      padding: 0 !important;
      max-width: 155px;
      overflow: hidden;
      color: inherit;
      font-size: inherit;
      font-weight: inherit;
      text-overflow: ellipsis;
      white-space: nowrap;
   }

   body.tablet-totem #productList #listings_orderby .tablet-filter-chip span {
      padding: 0 !important;
   }

   body.tablet-totem .tablet-filter-chip strong {
      width: 22px;
      height: 22px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: #f4d7dc;
      color: #B71D32;
      font-size: 1rem;
      line-height: 1;
   }

   body.tablet-totem #id_orderby,
   body.tablet-totem .form-control,
   body.tablet-totem select.custom-select {
      min-height: 48px;
      font-size: 1rem;
   }

   body.tablet-totem #productList {
      padding-top: 0.35rem;
   }

   body.tablet-totem #productList > .container-fluid > .row {
      align-items: flex-start;
   }

   body.tablet-totem #productList #prefProduct {
      color: #2d2d2d;
   }

   body.tablet-totem #productList #prefProduct {
      position: fixed !important;
      top: 0;
      left: 0;
      bottom: 0;
      z-index: 1060;
      width: min(430px, 82vw) !important;
      max-width: 100vw !important;
      height: 100vh;
      display: block !important;
      padding: 0 0 5.4rem !important;
      margin: 0 !important;
      border-right: 1px solid #d8d8d8;
      background: #fff;
      box-shadow: 8px 0 24px rgba(0, 0, 0, 0.18);
      overflow-y: auto;
      transform: translateX(-105%);
      transition: transform 220ms ease !important;
   }

   body.tablet-totem #productList #prefProduct h2,
   body.tablet-totem #productList #prefProduct h3,
   body.tablet-totem #productList #prefProduct .filter-box-auto h3 {
      margin: 0 0 0.85rem;
      color: #B71D32;
      font-size: 1rem;
      font-weight: 800;
      line-height: 1.15;
   }

   body.tablet-totem #productList #prefProduct > h2:first-of-type,
   body.tablet-totem #productList #prefProduct > h3:first-of-type {
      margin-top: 1rem;
      color: #222;
      font-size: 1.1rem;
   }

   body.tablet-totem #productList #prefProduct .filter-box-auto {
      padding-top: 1.05rem !important;
      padding-bottom: 1.05rem !important;
      border-bottom: 1px solid #e2e2e2 !important;
   }

   body.tablet-totem #productList #prefProduct .filter-box-auto ul {
      display: grid;
      gap: 0.6rem;
      margin-bottom: 0;
   }

   body.tablet-totem #productList #prefProduct .filter-box-auto li {
      margin: 0;
   }

   body.tablet-totem #productList #prefProduct .filter-box-auto label {
      min-height: 52px;
      display: flex;
      align-items: center;
      gap: 0.75rem;
      width: 100%;
      margin: 0 !important;
      padding: 0.7rem 0.75rem !important;
      border: 1px solid #d9d9d9;
      border-radius: 0.45rem;
      background: #fff;
      color: #333;
      font-weight: 600;
      line-height: 1.2;
   }

   body.tablet-totem #productList #prefProduct .filter-box-auto li.selected label {
      border-color: #B71D32;
      background: #fff7f8;
      color: #222;
   }

   body.tablet-totem #productList #prefProduct .filter-box-auto input[type="checkbox"] {
      width: 18px;
      height: 18px;
      flex: 0 0 auto;
      accent-color: #B71D32;
   }

   body.tablet-totem #productList #prefProduct .filter-box-auto .count {
      margin-left: auto;
      color: #777;
      font-size: 0.88rem;
      font-weight: 600;
   }

   body.tablet-totem #productList #prefProduct.tablet-child-category .tablet-subcategory-heading,
   body.tablet-totem #productList #prefProduct.tablet-child-category .tablet-subcategory-nav {
      display: none !important;
   }

   body.tablet-totem #productList #prefProduct.tablet-root-category .tablet-subcategory-heading {
      margin: 1.05rem 1rem 0.85rem !important;
      padding-bottom: 0.55rem;
      border-bottom: 1px solid #dedede;
      color: #B71D32 !important;
      font-size: 1rem !important;
      font-weight: 800 !important;
      line-height: 1.15;
      text-transform: none;
   }

   body.tablet-totem #productList #prefProduct.tablet-root-category h1.tablet-subcategory-heading,
   body.tablet-totem #productList #prefProduct.tablet-root-category h2.tablet-subcategory-heading,
   body.tablet-totem #productList #prefProduct.tablet-root-category h3.tablet-subcategory-heading,
   body.tablet-totem #productList #prefProduct.tablet-root-category h4.tablet-subcategory-heading,
   body.tablet-totem #productList #prefProduct.tablet-root-category h5.tablet-subcategory-heading,
   body.tablet-totem #productList #prefProduct.tablet-root-category h6.tablet-subcategory-heading,
   body.tablet-totem #productList #prefProduct.tablet-root-category .h1.tablet-subcategory-heading,
   body.tablet-totem #productList #prefProduct.tablet-root-category .h2.tablet-subcategory-heading,
   body.tablet-totem #productList #prefProduct.tablet-root-category .h3.tablet-subcategory-heading,
   body.tablet-totem #productList #prefProduct.tablet-root-category .h4.tablet-subcategory-heading,
   body.tablet-totem #productList #prefProduct.tablet-root-category .h5.tablet-subcategory-heading,
   body.tablet-totem #productList #prefProduct.tablet-root-category .h6.tablet-subcategory-heading {
      color: #B71D32 !important;
      font-size: 1rem !important;
      font-weight: 800 !important;
   }

   body.tablet-totem #productList #prefProduct.tablet-root-category .tablet-subcategory-nav {
      display: grid;
      gap: 0.45rem;
      margin: 0 !important;
      padding: 0 1rem 1rem !important;
      list-style: none !important;
   }

   body.tablet-totem #productList #prefProduct.tablet-root-category .tablet-subcategory-nav .tablet-subcategory-nav {
      padding: 0 !important;
   }

   body.tablet-totem #productList #prefProduct.tablet-root-category .tablet-subcategory-nav ul {
      display: grid;
      gap: 0.45rem;
      margin: 0 !important;
      padding: 0 !important;
      list-style: none !important;
   }

   body.tablet-totem #productList #prefProduct.tablet-root-category .tablet-subcategory-nav li {
      margin: 0 !important;
      padding: 0 !important;
      list-style: none !important;
      border: 0 !important;
      background: transparent !important;
   }

   body.tablet-totem #productList #prefProduct.tablet-root-category .tablet-subcategory-nav a.tablet-current-category-link {
      display: none !important;
   }

   body.tablet-totem #productList #prefProduct.tablet-root-category .tablet-subcategory-nav a {
      min-height: 44px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.6rem 0.75rem !important;
      border: 1px solid #d9d9d9;
      border-radius: 0.45rem;
      background: #fff;
      color: #333 !important;
      font-size: 0.96rem !important;
      font-weight: 700 !important;
      line-height: 1.15;
      text-decoration: none !important;
   }

   body.tablet-totem #productList #prefProduct.tablet-root-category .tablet-subcategory-nav a::after {
      content: "";
      width: 8px;
      height: 8px;
      flex: 0 0 auto;
      margin-left: 0.75rem;
      border-top: 2px solid #B71D32;
      border-right: 2px solid #B71D32;
      transform: rotate(45deg);
   }

   body.tablet-totem #productList #prefProduct.tablet-root-category .tablet-subcategory-nav a:active {
      border-color: #B71D32;
      background: #fff7f8;
      transform: translateY(1px);
   }

   body.tablet-totem.tablet-filter-open #productList #prefProduct {
      transform: translateX(0);
   }

   body.tablet-totem .tablet-filter-backdrop,
   body.tablet-totem .tablet-filter-backdrop[hidden] {
      position: fixed;
      inset: 0;
      z-index: 1055;
      display: none;
      background: rgba(0, 0, 0, 0.42);
   }

   body.tablet-totem.tablet-filter-open .tablet-filter-backdrop,
   body.tablet-totem.tablet-filter-open .tablet-filter-backdrop[hidden] {
      display: block !important;
   }

   body.tablet-totem .tablet-filter-topbar,
   body.tablet-totem .tablet-filter-topbar[hidden] {
      min-height: 78px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 1rem;
      border-bottom: 1px solid #dedede;
      background: #fff;
      position: sticky;
      top: 0;
      z-index: 1;
   }

   body.tablet-totem .tablet-filter-topbar h2 {
      margin: 0;
      color: #111;
      font-size: 1.35rem;
      font-weight: 800;
      line-height: 1.1;
   }

   body.tablet-totem .tablet-filter-close {
      min-height: 46px;
      padding: 0.6rem 0.9rem !important;
      border: 1px solid #d1d1d1;
      border-radius: 0.45rem;
      background: #fff;
      color: #222;
      font-weight: 700;
   }

   body.tablet-totem #productList #prefProduct > :not(.tablet-filter-topbar):not(.tablet-filter-actions) {
      padding-right: 1rem;
      padding-left: 1rem;
   }

   body.tablet-totem .tablet-filter-actions,
   body.tablet-totem .tablet-filter-actions[hidden] {
      position: sticky;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2;
      display: flex !important;
      gap: 0.75rem;
      padding: 0.9rem 1rem 1rem;
      border-top: 1px solid #dedede;
      background: #fff;
      box-shadow: 0 -8px 18px rgba(0, 0, 0, 0.06);
   }

   body.tablet-totem .tablet-filter-actions[hidden] {
      display: flex !important;
   }

   body.tablet-totem .tablet-filter-clear,
   body.tablet-totem .tablet-filter-apply {
      min-height: 48px;
      flex: 1 1 0;
      border-radius: 0.5rem;
      font-size: 0.95rem;
      font-weight: 800;
   }

   body.tablet-totem .tablet-filter-clear {
      border: 1px solid #d1d1d1;
      background: #f7f7f7;
      color: #333;
   }

   body.tablet-totem .tablet-filter-apply {
      border: 1px solid #B71D32;
      background: #B71D32;
      color: #fff;
   }

   body.tablet-totem .tablet-filter-clear:active,
   body.tablet-totem .tablet-filter-apply:active {
      transform: translateY(1px);
   }

   body.tablet-totem #productList #prefProduct > h1,
   body.tablet-totem #productList #prefProduct > h2,
   body.tablet-totem #productList #prefProduct > h3,
   body.tablet-totem #productList #prefProduct .h1,
   body.tablet-totem #productList #prefProduct .h2,
   body.tablet-totem #productList #prefProduct .h3 {
      margin-bottom: 0.75rem;
      font-size: 1.08rem;
      line-height: 1.2;
   }

   body.tablet-totem #listing_products {
      grid-auto-columns: initial;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      grid-gap: clamp(0.75rem, 1.35vw, 1.1rem);
      width: 100%;
      margin-right: 0;
      margin-left: 0;
      padding-right: 0;
      overflow-x: hidden;
   }

   body.tablet-totem #listing_products article,
   body.tablet-totem #listing_products .product-list-item {
      min-width: 0;
      margin: 0;
      border-bottom: 0 !important;
   }

   body.tablet-totem .product-list-item {
      height: 100%;
      display: flex;
      flex-direction: column;
      border: 1px solid #dedede !important;
      border-radius: 0.5rem;
      background: #fff;
      overflow: hidden;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
   }

   body.tablet-totem .product-list-img {
      width: 100%;
      height: clamp(178px, 20vw, 226px);
      min-height: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.65rem !important;
      border-bottom: 1px solid #efefef;
      background: #eef0f0;
      overflow: hidden;
   }

   body.tablet-totem .product-list-img a {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 0;
   }

   body.tablet-totem .product-list-img img,
   body.tablet-totem .product-img,
   body.tablet-totem .img-fluid {
      width: auto;
      max-width: 100%;
      height: auto;
      max-height: none;
      object-fit: contain;
      min-width: 0;
      box-shadow: none !important;
      filter: contrast(1.03);
   }

   body.tablet-totem .product-list-img img,
   body.tablet-totem .product-list-img .product-img,
   body.tablet-totem #productList .product-list-img img.product-img {
      width: auto !important;
      max-width: 100% !important;
      height: auto !important;
      max-height: 100% !important;
      margin: auto !important;
      padding: 0 !important;
      object-fit: contain !important;
   }

   body.tablet-totem .product-list-item .mx-3 {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      margin-right: 0.7rem !important;
      margin-left: 0.7rem !important;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem !important;
      min-width: 0;
      width: auto !important;
      max-width: calc(100% - 1.4rem);
      box-sizing: border-box;
   }

   body.tablet-totem .product-list-title {
      min-height: 3.5em;
      max-height: none;
      margin-bottom: 0.45rem;
      color: #111;
      font-size: clamp(0.98rem, 1.08vw, 1.08rem);
      font-weight: 700;
      line-height: 1.25;
      text-align: left;
      overflow-wrap: anywhere;
   }

   body.tablet-totem .product-list-item .brand-name {
      display: none;
   }

   body.tablet-totem .product-list-item br {
      display: none;
   }

   body.tablet-totem .product-list-item .price-box {
      width: 100%;
      min-height: 3.45rem;
      display: flex;
      align-items: flex-start;
      margin-top: auto;
      margin-bottom: 0.65rem;
      overflow: hidden;
   }

   body.tablet-totem .price-box h3.price,
   body.tablet-totem .card h1.price,
   body.tablet-totem h1.price {
      color: #B71D32 !important;
      width: 100%;
      font-size: clamp(1.08rem, 1.35vw, 1.3rem) !important;
      font-weight: 800 !important;
      line-height: 1.15;
      letter-spacing: 0;
      text-align: left !important;
      white-space: normal;
      overflow-wrap: anywhere;
   }

   body.tablet-totem .price-box h3.price small,
   body.tablet-totem .normal-price small {
      display: inline-block;
      color: #555;
      font-size: 0.74em;
      font-weight: 700;
      white-space: normal;
   }

   body.tablet-totem .product-list-item .normal-price {
      color: #777;
      font-size: 0.82rem;
      line-height: 1.1;
   }

   body.tablet-totem .product-list-item .extras {
      display: none;
   }

   body.tablet-totem .product-list-item .d-flex.justify-content-between.align-items-center {
      margin-top: auto;
   }

   body.tablet-totem .product-list-item .d-flex.justify-content-between.align-items-center > div {
      width: 100%;
   }

   body.tablet-totem .product-action-add,
   body.tablet-totem article.card .text-center a,
   body.tablet-totem .clkec-action,
   body.tablet-totem .product-list-item .btn {
      width: 100% !important;
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.4rem;
      border-radius: 0.45rem !important;
      padding: 0.55rem 0.65rem !important;
      font-size: 0.9rem;
      font-weight: 700;
      line-height: 1.1;
      white-space: nowrap;
   }

   body.tablet-totem .product-list-item .product-action-add,
   body.tablet-totem .product-list-item .clkec-action,
   body.tablet-totem .product-list-item .btn,
   body.tablet-totem .product-list-item .quote,
   body.tablet-totem .product-list-item .no-stock-status {
      height: 44px !important;
      max-height: 44px !important;
   }

   body.tablet-totem .product-list-item .btn svg,
   body.tablet-totem .product-list-item .btn img {
      flex: 0 0 auto;
      max-width: 20px;
      max-height: 20px;
   }

   body.tablet-totem .product-list-item .btn-primary,
   body.tablet-totem .product-list-item .js-add-product {
      border: 1px solid #B71D32 !important;
      background: #B71D32 !important;
      color: #fff !important;
   }

   body.tablet-totem .product-list-item .quote {
      border: 1px solid #d0d0d0 !important;
      background: #f2f2f2 !important;
      color: #5f5f5f !important;
      font-weight: 800;
      pointer-events: none;
   }

   body.tablet-totem .product-list-item .quote .whatsapp,
   body.tablet-totem .product-list-item .quote svg,
   body.tablet-totem .product-list-item .quote span {
      display: none !important;
   }

   body.tablet-totem .product-list-item .quote::after {
      content: "Sin stock";
   }

   body.tablet-totem .product-list-item .no-stock-status {
      border: 1px solid #d0d0d0 !important;
      background: #f2f2f2 !important;
      color: #5f5f5f !important;
      font-weight: 800;
      pointer-events: none;
   }

   body.tablet-totem .discount-label {
      min-height: 28px;
      height: auto;
      line-height: 1.15;
      padding: 0.35rem 0.55rem;
      font-size: 0.72rem;
   }

   body.tablet-totem .plugins,
   body.tablet-totem #detailsContainer .plugins,
   body.tablet-totem .list-checkout-items .plugins {
      max-width: 100%;
   }

   body.tablet-totem .checkout-detail-sticky {
      top: 0.75rem;
      box-shadow: none;
   }

   body.tablet-totem #cart-preview,
   body.tablet-totem #cart-stores {
      padding-right: 0.5rem;
      padding-left: 0.5rem;
   }

   body.tablet-totem #cart-preview .js-cart-item {
      gap: 0.75rem;
      padding: 0.85rem !important;
   }

   body.tablet-totem #cart-preview .name,
   body.tablet-totem #cart-preview .brand,
   body.tablet-totem #cart-preview .price_unite,
   body.tablet-totem #cart-preview .label-cant {
      overflow-wrap: anywhere;
   }

   body.tablet-totem #cart-preview .cart-qty,
   body.tablet-totem .input-group.inline-group {
      min-height: 48px;
   }

   body.tablet-totem .input-group.inline-group .btn,
   body.tablet-totem .input-group.inline-group button,
   body.tablet-totem .minus,
   body.tablet-totem .plus {
      min-width: 48px;
      min-height: 48px;
      padding: 0.5rem;
   }

   body.tablet-totem .input-group.inline-group input {
      min-height: 48px;
      min-width: 58px;
      text-align: center;
   }

   body.tablet-totem .promocodes-container {
      width: 100%;
      max-width: 100%;
      flex: 0 0 100%;
   }

   body.tablet-totem .promocodes-container form {
      gap: 0.6rem;
   }

   body.tablet-totem .promocodes-container input#promocode {
      margin-right: 0;
   }

   body.tablet-totem .swal2-container h2 {
      font-size: 1.35rem;
   }

   body.tablet-totem .swal2-content input,
   body.tablet-totem .swal2-content select {
      min-height: 48px;
      font-size: 1rem;
   }

   body.tablet-totem .carousel,
   body.tablet-totem .carousel-inner,
   body.tablet-totem .carousel-item,
   body.tablet-totem .swiper {
      box-shadow: none !important;
   }
}

@media screen and (orientation: landscape) and (min-width: 1024px) and (max-width: 1280px) {
   body.tablet-totem .menu-container,
   body.tablet-totem .subcategories {
      max-width: 100%;
      margin-right: auto;
      margin-left: auto;
   }

   body.tablet-totem #productList .col-lg-2 {
      flex: 0 0 0;
      max-width: 0;
   }

   body.tablet-totem #productList .col-lg-10 {
      flex: 0 0 100%;
      max-width: 100%;
   }

   body.tablet-totem #prefProduct {
      padding-top: 0 !important;
   }

   body.tablet-totem #prefProduct a,
   body.tablet-totem #prefProduct label,
   body.tablet-totem .filterForm ul.list-unstyled label {
      min-height: 44px;
      padding-top: 0.35rem;
      padding-bottom: 0.35rem;
      font-size: 0.98rem;
   }

   body.tablet-totem #detailsContainer {
      align-items: flex-start;
   }

   body.tablet-totem .container_main_img .product-main-image {
      max-height: min(48vh, 360px);
   }

   body.tablet-totem .product-thumb-image {
      max-height: 96px;
   }

   body.tablet-totem #checkoutInfo #cart-preview {
      flex: 0 0 66%;
      max-width: 66%;
   }

   body.tablet-totem #checkoutInfo #cart-stores {
      flex: 0 0 34%;
      max-width: 34%;
   }

   body.tablet-totem #checkoutInfo #cart-preview .js-cart-item {
      display: grid !important;
      grid-template-columns: 96px minmax(0, 1fr) auto;
      gap: 0.9rem;
      align-items: center !important;
   }

   body.tablet-totem #checkoutInfo #cart-preview .js-cart-item > .col-10 {
      display: contents !important;
   }

   body.tablet-totem #checkoutInfo #cart-preview .cart-qty {
      min-height: 48px;
      padding-top: 0 !important;
   }

   body.tablet-totem #checkoutInfo #cart-preview .cart-line-total {
      font-size: 1.08rem;
   }
}

@media screen and (orientation: portrait) and (min-width: 768px) and (max-width: 800px) {
   body.tablet-totem .comp-header > .container-fluid {
      flex-wrap: wrap;
      min-height: 150px;
      padding-top: 0.8rem !important;
   }

   body.tablet-totem .logo-top {
      flex: 1 1 45%;
      max-width: 45%;
   }

   body.tablet-totem .comp-search {
      order: 3;
      flex: 0 0 100%;
      max-width: 100%;
   }

   body.tablet-totem #listing_products {
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }

   body.tablet-totem #productList .col-lg-10,
   body.tablet-totem #cart-preview,
   body.tablet-totem #cart-stores {
      flex: 0 0 100%;
      max-width: 100%;
   }

   body.tablet-totem #cart-stores {
      margin-top: 1rem;
   }

   body.tablet-totem .checkout-detail-sticky {
      position: relative !important;
   }

   body.tablet-totem #cart-preview .js-cart-item,
   body.tablet-totem #cart-preview .col-10.d-flex {
      flex-wrap: wrap;
      align-items: flex-start !important;
   }

   body.tablet-totem #cart-preview .name {
      flex: 1 1 100%;
      width: 100%;
   }

   body.tablet-totem .container_main_img .product-main-image {
      max-height: 340px;
   }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
   body.tablet-totem #listing_products {
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }
}

@media screen and (orientation: landscape) and (min-width: 1024px) and (max-width: 1280px) {
   body.tablet-totem #checkoutInfo #paymentForm > .container-fluid > .row {
      align-items: flex-start;
   }

   body.tablet-totem #checkoutInfo #introCheckout + .col-lg-4 {
      position: static !important;
      align-self: flex-start;
      height: fit-content;
      height: max-content;
   }

   body.tablet-totem #checkoutInfo #introCheckout + .col-lg-4 .checkout-detail-sticky {
      position: fixed !important;
      top: 14rem;
      right: calc((100vw - min(1280px, 100vw)) / 2 + 1.5rem);
      width: min(31vw, 400px);
      max-height: calc(100vh - 15rem);
      z-index: 30;
      overflow-y: auto;
   }

   body.tablet-totem #introCheckout .card-header {
      min-height: 48px;
      height: 48px;
      align-items: center;
   }

   body.tablet-totem #introCheckout .card-header h2,
   body.tablet-totem #introCheckout .card-header .mb-0 {
      height: 100%;
      display: flex;
      align-items: center;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1;
   }

   body.tablet-totem #introCheckout .card-header button.btn,
   body.tablet-totem #checkoutInfo #introCheckout h2 button {
      height: 48px;
      min-height: 48px;
      display: flex;
      align-items: center;
      padding: 0 1rem !important;
      line-height: 1.15;
   }

   body.tablet-totem #introCheckout #shippingAccordion > .accordion-item.card {
      margin-bottom: 0.85rem !important;
   }

   body.tablet-totem #introCheckout #shippingAccordion > .accordion-item.card:last-child {
      margin-bottom: 0 !important;
   }

   body.tablet-totem #introCheckout .jsonform-error-_shipping_cost > label {
      display: none !important;
   }

   body.tablet-totem #introCheckout .jsonform-error-_shipping_cost input {
      display: none !important;
   }

}