.hpd-cart-drawer-system {
position: fixed;
inset: 0;
z-index: 999999;
pointer-events: none;
visibility: hidden;
}
.hpd-cart-drawer-system.is-open {
pointer-events: auto;
visibility: visible;
}
html.hpd-cart-drawer-open,
body.hpd-cart-drawer-open {
overflow: hidden !important;
} .hpd-cart-drawer-overlay {
position: absolute;
inset: 0;
background: rgba(14, 42, 71, 0.48);
opacity: 0;
cursor: pointer;
transition: opacity 0.28s ease;
}
.hpd-cart-drawer-system.is-open
.hpd-cart-drawer-overlay {
opacity: 1;
} .hpd-cart-drawer {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: min(500px, 94vw);
height: 100%;
display: flex;
flex-direction: column;
background: #ffffff;
transform: translateX(100%);
transition: transform 0.30s ease;
box-shadow:
-8px 0 30px rgba(14, 42, 71, 0.16);
overflow: hidden;
outline: none;
z-index: 3;
}
.hpd-cart-drawer-system.is-open
.hpd-cart-drawer {
transform: translateX(0);
} .hpd-cart-drawer__recent-panel {
position: absolute;
top: 0;
right: 500px;
bottom: 0;
width: 640px;
height: 100%;
background: #ffffff;
border-right: 1px solid #e3e9ef;
box-shadow:
-8px 0 30px rgba(14, 42, 71, 0.12);
transform: translateX(calc(100% + 500px));
transition: transform 0.30s ease;
overflow: hidden;
z-index: 2;
}
.hpd-cart-drawer-system.is-open
.hpd-cart-drawer__recent-panel {
transform: translateX(0);
}
.hpd-cart-drawer__recent-panel-inner {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
padding: 0;
background: #ffffff;
} .hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-title {
flex: 0 0 auto;
min-height: 76px;
display: flex;
align-items: center;
margin: 0 !important;
padding: 17px 24px !important;
border-bottom: 1px solid #e3e9ef;
background: #ffffff;
color: #0e2a47;
font-size: 21px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
} .hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content {
flex: 1 1 auto;
min-height: 0;
width: 100%;
padding: 20px 22px 28px;
overflow-y: auto;
overscroll-behavior: contain;
background: #ffffff;
scrollbar-width: thin;
scrollbar-color: #c4ced8 transparent;
}
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content::-webkit-scrollbar {
width: 7px;
}
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content::-webkit-scrollbar-track {
background: transparent;
}
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content::-webkit-scrollbar-thumb {
background: #c4ced8;
border-radius: 20px;
} .hpd-cart-drawer__header {
flex: 0 0 auto;
min-height: 76px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 17px 24px;
background: #ffffff;
border-bottom: 1px solid #e3e9ef;
}
.hpd-cart-drawer__title {
margin: 0 !important;
padding: 0 !important;
color: #0e2a47;
font-size: 25px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
}
.hpd-cart-drawer__count {
color: #667788;
font-size: 18px;
font-weight: 500;
} .hpd-cart-drawer__close {
appearance: none;
-webkit-appearance: none;
width: 44px;
height: 44px;
margin: 0;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 50%;
background: transparent;
color: #0e2a47;
font-family: Arial, sans-serif;
font-size: 36px;
font-weight: 300;
line-height: 1;
cursor: pointer;
transition:
background-color 0.18s ease,
color 0.18s ease;
}
.hpd-cart-drawer__close:hover,
.hpd-cart-drawer__close:focus-visible {
background: #E6EEF7;
color: #ff8a00;
}
.hpd-cart-drawer__close:focus-visible {
outline: 2px solid #ff8a00;
outline-offset: 2px;
} .hpd-cart-drawer__body {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
background: #ffffff;
scrollbar-width: thin;
scrollbar-color: #c4ced8 transparent;
}
.hpd-cart-drawer__body::-webkit-scrollbar {
width: 7px;
}
.hpd-cart-drawer__body::-webkit-scrollbar-track {
background: transparent;
}
.hpd-cart-drawer__body::-webkit-scrollbar-thumb {
background: #c4ced8;
border-radius: 20px;
} .hpd-cart-drawer__cart {
position: relative;
padding: 0 24px;
transition: opacity 0.16s ease;
}
.hpd-cart-drawer-system.is-updating
.hpd-cart-drawer__cart {
opacity: 0.58;
pointer-events: none;
} .hpd-cart-drawer__items {
width: 100%;
}
.hpd-cart-drawer__item {
display: grid;
grid-template-columns: 118px minmax(0, 1fr);
gap: 18px;
width: 100%;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #e3e9ef;
background: #ffffff;
}
.hpd-cart-drawer__item:last-child {
border-bottom: 0;
} .hpd-cart-drawer__item-image {
width: 118px;
align-self: start;
background: #ffffff;
border: 1px solid #e3e9ef;
border-radius: 6px;
overflow: hidden;
}
.hpd-cart-drawer__item-image a {
display: block;
width: 100%;
text-decoration: none !important;
}
.hpd-cart-drawer__item-image img,
.hpd-cart-drawer__product-image {
display: block !important;
width: 100% !important;
height: 118px !important;
margin: 0 !important;
padding: 5px !important;
object-fit: contain !important;
background: #ffffff;
border: 0 !important;
box-shadow: none !important;
} .hpd-cart-drawer__item-info {
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
color: #0e2a47;
} .hpd-cart-drawer__item-title {
display: block;
margin: 0 0 7px !important;
padding: 0 !important;
color: #0e2a47 !important;
font-size: 15px !important;
line-height: 1.38 !important;
font-weight: 600 !important;
text-decoration: none !important;
overflow-wrap: anywhere;
}
.hpd-cart-drawer__item-title:hover {
color: #ff8a00 !important;
} .hpd-cart-drawer__item-meta {
width: 100%;
margin: 0 0 7px;
color: #667788;
font-size: 12px;
line-height: 1.4;
}
.hpd-cart-drawer__item-meta dl,
.hpd-cart-drawer__item-meta p {
margin: 0 !important;
padding: 0 !important;
}
.hpd-cart-drawer__item-meta dt,
.hpd-cart-drawer__item-meta dd {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.hpd-cart-drawer__item-meta dd {
margin-right: 8px !important;
} .hpd-cart-drawer__item-price {
display: flex;
align-items: center;
gap: 4px;
margin: 0 0 10px;
color: #5f6f7f;
font-size: 13px;
line-height: 1.35;
}
.hpd-cart-drawer__item-price-value {
color: #0e2a47;
font-weight: 600;
} .hpd-cart-drawer__quantity-row {
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 9px;
} .hpd-cart-drawer__quantity {
height: 38px;
display: inline-flex;
align-items: stretch;
border: 1px solid #cbd5df;
border-radius: 4px;
background: #ffffff;
overflow: hidden;
}
.hpd-cart-drawer__quantity-button {
appearance: none;
-webkit-appearance: none;
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: #ffffff !important;
color: #0e2a47 !important;
font-family: Arial, sans-serif;
font-size: 20px !important;
line-height: 1 !important;
font-weight: 400 !important;
box-shadow: none !important;
cursor: pointer;
transition:
background-color 0.15s ease,
color 0.15s ease;
}
.hpd-cart-drawer__quantity-button:hover,
.hpd-cart-drawer__quantity-button:focus-visible {
background: #E6EEF7 !important;
color: #ff8a00 !important;
}
.hpd-cart-drawer__quantity-button:focus-visible {
position: relative;
z-index: 2;
outline: 2px solid #ff8a00;
outline-offset: -2px;
}
.hpd-cart-drawer__quantity-number {
min-width: 42px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 7px;
border-left: 1px solid #e3e9ef;
border-right: 1px solid #e3e9ef;
background: #ffffff;
color: #0e2a47;
font-size: 14px;
line-height: 1;
font-weight: 600;
text-align: center;
} .hpd-cart-drawer__remove {
appearance: none;
-webkit-appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #667788 !important;
font-family: inherit;
font-size: 12px !important;
line-height: 1.3 !important;
font-weight: 500 !important;
text-decoration: underline !important;
text-underline-offset: 2px;
box-shadow: none !important;
cursor: pointer;
}
.hpd-cart-drawer__remove:hover,
.hpd-cart-drawer__remove:focus-visible {
color: #ff8a00 !important;
}
.hpd-cart-drawer__remove:focus-visible {
outline: 2px solid #ff8a00;
outline-offset: 3px;
} .hpd-cart-drawer__item-line-total {
display: flex;
align-items: center;
gap: 5px;
margin: 0;
color: #5f6f7f;
font-size: 13px;
line-height: 1.35;
}
.hpd-cart-drawer__item-line-total strong {
color: #0e2a47;
font-size: 14px;
font-weight: 700;
} .hpd-cart-drawer__view-cart-wrap {
width: 100%;
padding: 0 0 22px;
text-align: center;
}
.hpd-cart-drawer__view-cart {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 8px 20px;
border: 1px solid #0e2a47;
border-radius: 4px;
background: #ffffff;
color: #0e2a47 !important;
font-size: 13px;
line-height: 1.2;
font-weight: 600;
text-decoration: none !important;
transition:
background-color 0.18s ease,
color 0.18s ease;
}
.hpd-cart-drawer__view-cart:hover {
background: #0e2a47;
color: #ffffff !important;
} .hpd-cart-drawer__empty {
min-height: 220px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 7px;
padding: 35px 20px;
text-align: center;
color: #0e2a47;
}
.hpd-cart-drawer__empty-icon {
width: 48px;
height: 48px;
margin-bottom: 7px;
color: #9aa8b5;
}
.hpd-cart-drawer__empty-icon svg {
display: block;
width: 100%;
height: 100%;
fill: none;
stroke: currentColor;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.hpd-cart-drawer__empty strong {
color: #0e2a47;
font-size: 17px;
line-height: 1.3;
font-weight: 600;
}
.hpd-cart-drawer__empty span {
color: #697887;
font-size: 13px;
line-height: 1.45;
} .hpd-cart-drawer__recent-content
.hpd-recently-viewed-title,
.hpd-cart-drawer__recent-content
h2:first-child,
.hpd-cart-drawer__recent-content
h3:first-child {
display: none !important;
} .hpd-cart-drawer__recent-content
.hpd-recently-viewed,
.hpd-cart-drawer__recent-content
.woocommerce,
.hpd-cart-drawer__recent-content
.woocommerce-page {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
} .hpd-cart-drawer__recent-content
ul.products {
display: grid !important;
grid-template-columns:
repeat(4, minmax(0, 1fr)) !important;
gap: 12px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
clear: both !important;
} .hpd-cart-drawer__recent-content
ul.products
li.product {
float: none !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
margin: 0 !important;
padding: 9px !important;
border: 1px solid #e3e9ef !important;
border-radius: 6px !important;
background: #ffffff !important;
box-shadow: none !important;
text-align: left !important;
overflow: hidden !important;
}
.hpd-cart-drawer__recent-content
ul.products
li.product::before,
.hpd-cart-drawer__recent-content
ul.products
li.product::after {
display: none !important;
} .hpd-cart-drawer__recent-content
ul.products
li.product
a.woocommerce-LoopProduct-link {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
color: #0e2a47 !important;
text-decoration: none !important;
} .hpd-cart-drawer__recent-content
ul.products
li.product
img {
display: block !important;
width: 100% !important;
height: 132px !important;
margin: 0 0 12px !important;
padding: 8px !important;
object-fit: contain !important;
background: #ffffff !important;
border: 1px solid #edf1f5 !important;
border-radius: 5px !important;
box-shadow: none !important;
} .hpd-cart-drawer__recent-content
ul.products
li.product
.woocommerce-loop-product__title {
display: -webkit-box !important;
min-height: 54px !important;
margin: 0 0 8px !important;
padding: 0 !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
color: #0e2a47 !important;
font-size: 12px !important;
line-height: 1.45 !important;
font-weight: 600 !important;
text-align: left !important;
}
.hpd-cart-drawer__recent-content
ul.products
li.product
a:hover
.woocommerce-loop-product__title {
color: #ff8a00 !important;
} .hpd-cart-drawer__recent-content
ul.products
li.product
.price {
display: block !important;
margin: auto 0 10px !important;
padding: 0 !important;
color: #0e2a47 !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
text-align: left !important;
}
.hpd-cart-drawer__recent-content
ul.products
li.product
.price
.amount {
color: #0e2a47 !important;
font-weight: 700 !important;
}
.hpd-cart-drawer__recent-content
ul.products
li.product
.price
del {
margin-right: 4px !important;
color: #8a97a4 !important;
opacity: 0.75 !important;
}
.hpd-cart-drawer__recent-content
ul.products
li.product
.price
ins {
color: #0e2a47 !important;
font-weight: 700 !important;
text-decoration: none !important;
} .hpd-cart-drawer__recent-content
ul.products
li.product
.button {
width: 100% !important;
min-height: 32px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: auto 0 0 !important;
padding: 6px 8px !important;
border: 1px solid #d6e1ec !important;
border-radius: 4px !important;
background: #f5f8fb !important;
color: #0e2a47 !important;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
text-align: center !important;
text-decoration: none !important;
box-shadow: none !important;
transition:
background-color 0.18s ease,
color 0.18s ease !important;
}
.hpd-cart-drawer__recent-content
ul.products
li.product
.button:hover,
.hpd-cart-drawer__recent-content
ul.products
li.product
.button:focus-visible {
background: #E6EEF7 !important;
color: #0e2a47 !important;
} .hpd-cart-drawer__recent-content
ul.products
li.product
.onsale {
display: none !important;
}
.hpd-cart-drawer__recent-content
ul.products::before,
.hpd-cart-drawer__recent-content
ul.products::after {
display: none !important;
content: none !important;
} .hpd-cart-drawer__footer {
flex: 0 0 auto;
padding: 18px 24px 22px;
background: #ffffff;
border-top: 1px solid #e3e9ef;
box-shadow:
0 -8px 24px rgba(14, 42, 71, 0.05);
} .hpd-cart-drawer__subtotal {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 7px;
}
.hpd-cart-drawer__subtotal-label {
color: #0e2a47;
font-size: 18px;
line-height: 1.3;
font-weight: 600;
}
.hpd-cart-drawer__subtotal-value {
color: #0e2a47;
font-size: 22px;
line-height: 1.2;
font-weight: 700;
} .hpd-cart-drawer__shipping-note {
margin-bottom: 16px;
color: #697887;
font-size: 12px;
line-height: 1.45;
} .hpd-cart-drawer__checkout {
appearance: none;
-webkit-appearance: none;
width: 100%;
min-height: 52px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 13px 20px;
border: 0;
border-radius: 4px;
background: #ff8a00;
color: #ffffff !important;
font-size: 17px;
line-height: 1.2;
font-weight: 700;
text-align: center;
text-decoration: none !important;
cursor: pointer;
transition:
background-color 0.18s ease,
transform 0.18s ease;
}
.hpd-cart-drawer__checkout:hover {
background: #e97d00;
color: #ffffff !important;
}
.hpd-cart-drawer__checkout:active {
transform: translateY(1px);
}
.hpd-cart-drawer__checkout[aria-disabled="true"] {
opacity: 0.48;
pointer-events: none;
cursor: default;
transform: none;
}  @media (min-width: 768px) and (max-width: 1199px) {
.hpd-cart-drawer__recent-panel {
right: 500px;
width: min(420px, calc(100vw - 500px));
}
.hpd-cart-drawer__recent-content
ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.hpd-cart-drawer__recent-content
ul.products
li.product
img {
height: 150px !important;
}
}  @media (max-width: 767px) {
.hpd-cart-drawer {
width: min(430px, 96vw);
}
.hpd-cart-drawer__recent-panel {
display: none !important;
} .hpd-cart-drawer__header {
min-height: 68px;
padding: 14px 18px;
}
.hpd-cart-drawer__title {
font-size: 22px !important;
}
.hpd-cart-drawer__count {
font-size: 16px;
}
.hpd-cart-drawer__close {
width: 40px;
height: 40px;
font-size: 32px;
} .hpd-cart-drawer__cart {
padding: 0 18px;
}
.hpd-cart-drawer__item {
grid-template-columns: 100px minmax(0, 1fr);
gap: 14px;
padding: 20px 0;
}
.hpd-cart-drawer__item-image {
width: 100px;
}
.hpd-cart-drawer__item-image img,
.hpd-cart-drawer__product-image {
height: 100px !important;
padding: 4px !important;
}
.hpd-cart-drawer__item-title {
font-size: 14px !important;
} .hpd-cart-drawer__quantity-row {
gap: 10px;
}
.hpd-cart-drawer__quantity {
height: 36px;
}
.hpd-cart-drawer__quantity-button {
width: 34px;
height: 34px;
font-size: 19px !important;
}
.hpd-cart-drawer__quantity-number {
min-width: 38px;
height: 34px;
font-size: 13px;
} .hpd-cart-drawer__footer {
padding: 17px 18px 20px;
}
.hpd-cart-drawer__subtotal-label {
font-size: 17px;
}
.hpd-cart-drawer__subtotal-value {
font-size: 20px;
}
.hpd-cart-drawer__checkout {
min-height: 50px;
font-size: 16px;
}
} @media (max-width: 480px) {
.hpd-cart-drawer {
width: 100%;
max-width: 100%;
}
.hpd-cart-drawer__header {
padding-left: 16px;
padding-right: 16px;
}
.hpd-cart-drawer__cart {
padding-left: 16px;
padding-right: 16px;
}
.hpd-cart-drawer__item {
grid-template-columns: 88px minmax(0, 1fr);
gap: 12px;
padding: 18px 0;
}
.hpd-cart-drawer__item-image {
width: 88px;
}
.hpd-cart-drawer__item-image img,
.hpd-cart-drawer__product-image {
height: 88px !important;
}
.hpd-cart-drawer__quantity-row {
flex-wrap: wrap;
row-gap: 8px;
}
.hpd-cart-drawer__quantity-button {
width: 32px;
}
.hpd-cart-drawer__quantity-number {
min-width: 36px;
}
.hpd-cart-drawer__footer {
padding-left: 16px;
padding-right: 16px;
}
} @media (min-width: 1500px) {
.hpd-cart-drawer__recent-panel {
width: 700px;
}
.hpd-cart-drawer__recent-content {
padding-left: 26px;
padding-right: 26px;
}
.hpd-cart-drawer__recent-content
ul.products
li.product
img {
height: 145px !important;
}
} @media (prefers-reduced-motion: reduce) {
.hpd-cart-drawer,
.hpd-cart-drawer__recent-panel,
.hpd-cart-drawer-overlay,
.hpd-cart-drawer__cart,
.hpd-cart-drawer__checkout,
.hpd-cart-drawer__view-cart,
.hpd-cart-drawer__quantity-button,
.hpd-cart-drawer__recent-content
ul.products
li.product
.button {
transition: none;
}
} @media (min-width: 900px) {
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel {
width: 640px !important;
}
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products,
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products.columns-2,
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products.columns-3,
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products.columns-4,
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products.columns-5,
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products.columns-6 {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
}
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products > li.product {
float: none !important;
clear: none !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 10px !important;
}
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products > li.product img {
width: 100% !important;
height: 125px !important;
margin: 0 0 10px !important;
object-fit: contain !important;
}
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products > li.product
.woocommerce-loop-product__title {
min-height: 50px !important;
font-size: 12px !important;
line-height: 1.38 !important;
-webkit-line-clamp: 3 !important;
}
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products > li.product
.price {
display: block !important;
width: 100% !important;
margin: auto 0 4px !important;
font-size: 13px !important;
line-height: 1.25 !important;
white-space: nowrap !important;
overflow: visible !important;
}
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products > li.product
.price * {
white-space: nowrap !important;
}
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products > li.product
.button {
min-height: 0 !important;
width: auto !important;
align-self: flex-start !important;
margin: 5px 0 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #667788 !important;
font-size: 11px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
text-decoration: underline !important;
text-underline-offset: 2px !important;
}
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products > li.product
.button:hover,
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products > li.product
.button:focus-visible {
background: transparent !important;
color: #0e2a47 !important;
}
}
@media (min-width: 768px) and (max-width: 899px) {
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products > li.product {
float: none !important;
width: 100% !important;
margin: 0 !important;
}
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products > li.product
.price,
.hpd-cart-drawer-system
.hpd-cart-drawer__recent-panel
.hpd-cart-drawer__recent-content
ul.products > li.product
.price * {
white-space: nowrap !important;
font-size: 12px !important;
}
}