/* PATYTA CART DRAWER BAG R3 */

html body [data-r711-cart-dialog] > header {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(5, 47, 94, .10);
}

html body [data-r711-cart-dialog] > header > p.patyta-cart-header-r3 {
  display:grid !important;
  grid-template-columns:38px auto !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  column-gap:10px !important;
  row-gap:0 !important;
  margin:0 !important;
}

html body [data-r711-cart-dialog] > header > p.patyta-cart-header-r3 > .patyta-cart-header-r3__icon {
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  display:block !important;
  align-self:center !important;
  margin:0 !important;
  overflow:visible !important;
  pointer-events:none !important;
}

html body .patyta-cart-header-r3__icon > svg {
  width:100% !important;
  height:100% !important;
  display:block !important;
  overflow:visible !important;
}

html body [data-r711-cart-dialog] > header > p.patyta-cart-header-r3 > small {
  grid-column:2 !important;
  grid-row:1 !important;
  margin:0 !important;
  color:#008C4F !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
}

html body [data-r711-cart-dialog] > header > p.patyta-cart-header-r3 > strong {
  grid-column:2 !important;
  grid-row:2 !important;
  margin:0 !important;
  color:#052F5E !important;
}

html body [data-r711-cart-dialog] > header > button,
html body [data-r711-cart-dialog] > header > [role="button"] {
  border-color: rgba(0, 140, 79, .20) !important;
  box-shadow: 0 8px 24px rgba(5, 47, 94, .06) !important;
}

html body [data-r711-cart-dialog] footer button,
html body [data-r711-cart-dialog] footer .button,
html body [data-r711-cart-dialog] [data-r711-checkout] {
  background:#052F5E !important;
  color:#ACDCF2 !important;
  border-color:#052F5E !important;
  box-shadow: 0 14px 32px rgba(5, 47, 94, .16) !important;
}

html body [data-r711-cart-dialog] footer button *,
html body [data-r711-cart-dialog] footer .button *,
html body [data-r711-cart-dialog] [data-r711-checkout] * {
  color:inherit !important;
}

html body [data-r711-cart-dialog] footer button svg,
html body [data-r711-cart-dialog] footer .button svg,
html body [data-r711-cart-dialog] [data-r711-checkout] svg {
  stroke:currentColor !important;
  fill:currentColor !important;
}

@media(max-width:480px){
  html body [data-r711-cart-dialog] > header > p.patyta-cart-header-r3 {
    grid-template-columns:36px auto !important;
    column-gap:8px !important;
  }

  html body [data-r711-cart-dialog] > header > p.patyta-cart-header-r3 > .patyta-cart-header-r3__icon {
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
  }
}

/* PATYTA CART DRAWER BAG R3.2 — PERSISTENCIA */
html body [data-r711-cart-dialog] > header > p > small {
  color:#008C4F !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
}

html body [data-r711-cart-dialog] > header > p > strong {
  color:#052F5E !important;
}

html body [data-r711-cart-dialog] > header > p[data-patyta-cart-header] {
  display:grid !important;
  grid-template-columns:38px auto !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  column-gap:10px !important;
  row-gap:0 !important;
  margin:0 !important;
}

html body [data-r711-cart-dialog] > header > p[data-patyta-cart-header] > [data-patyta-cart-bag-slot] {
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  display:block !important;
  align-self:center !important;
  margin:0 !important;
  overflow:visible !important;
  pointer-events:none !important;
}

html body [data-r711-cart-dialog] > header > p[data-patyta-cart-header] > small {
  grid-column:2 !important;
  grid-row:1 !important;
}

html body [data-r711-cart-dialog] > header > p[data-patyta-cart-header] > strong {
  grid-column:2 !important;
  grid-row:2 !important;
}
