.navigation-layout {
background: #ffffff;
padding: 16px;
}
.navigation {
display: flex;
flex-direction: row;
margin: 0 8px;
}
.navigation__title {
width: 100%;
}
.navigation__title-bold {
font-weight: 800;
}
.navigation__title-light {
color: #6b7280;
font-weight: 400;
}
.navigation__view-cart {
position: relative;
}
.navigation-cart-block {
align-items: center;
background-color: inherit;
display: flex;
position: relative;
}
.navigation__view-cart-link {
font-size: 18px;
color: #000;
text-decoration: none;
}
.navigation__view-cart-link:hover {
text-decoration: none;
}
.navigation__view-cart__quantity {
color: #fff;
font-size: 10px;
background-color: #000000;
position: absolute;
bottom: -27%;
right: 2%;
padding: 3% 7%;
border-radius: 1000px;
cursor: pointer;
display: block;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
width: 10px;
height: 10px;
overflow: hidden;
padding: 5px;
}
.navigation__view-cart__quantity:empty {
display: none;
}
.navigation__view-cart span {
align-items: center;
display: flex;
flex-direction: row;
gap: 4px;
justify-content: center;
white-space: nowrap;
cursor: pointer;
}
.navigation__view-cart span::after {
content: "";
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 45'><path d='M 23 2 C 18.385291 2 14.559689 5.5140788 14.058594 10 L 12 10 C 9.688 10 7.7634375 11.733203 7.5234375 14.033203 L 5.0234375 38.033203 C 4.8914375 39.298203 5.30425 40.566672 6.15625 41.513672 C 7.00825 42.458672 8.228 43 9.5 43 L 38.5 43 C 39.772 43 40.99175 42.458672 41.84375 41.513672 C 42.69575 40.567672 43.106609 39.298203 42.974609 38.033203 L 40.476562 14.033203 C 40.236562 11.733203 38.312 10 36 10 L 33.953125 10 C 33.984125 10.33 34 10.664 34 11 L 34 13 L 36 13 C 36.771 13 37.412187 13.578703 37.492188 14.345703 L 39.992188 38.345703 C 40.036187 38.767703 39.898234 39.189906 39.615234 39.503906 C 39.331234 39.818906 38.924 40 38.5 40 L 9.5 40 C 9.076 40 8.6697188 39.819859 8.3867188 39.505859 C 8.1027187 39.190859 7.9638125 38.767703 8.0078125 38.345703 L 10.507812 14.345703 C 10.587813 13.578703 11.229 13 12 13 L 14 13 L 14 16.5 A 1.50015 1.50015 0 1 0 17 16.5 L 17 11 C 17 7.6687195 19.668719 5 23 5 C 25.989762 5 28.439942 7.1510842 28.912109 10 L 19.132812 10 C 19.048812 10.32 19 10.654 19 11 L 19 13 L 29 13 L 29 16.5 A 1.50015 1.50015 0 1 0 32 16.5 L 32 11 C 32 6.0472805 27.952719 2 23 2 z' /></svg>");
background-size: contain;
background-repeat: no-repeat;
margin-right: 15px;
}
.navigation__view-cart.no-icon span::after {
content: none;
}
.navigation__view-cart span:hover {
text-decoration: underline;
} shopify-cart::part(dialog) {
border-radius: 8px;
}
shopify-cart::part(primary-button) {
background-color: #000;
border: 0;
border-radius: 0;
color: #ffffff;
font-family: "Jost", sans-serif;
font-size: 14px;
font-weight: bold;
border-radius: 10px;
transition: all 0.3s ease;
}
shopify-cart::part(primary-button):hover {
opacity: 0.5;
}
shopify-cart::part(line-heading) {
font-size: 16px;
font-weight: 500;
width: 100%;
padding-right: 32px;
}
shopify-cart::part(line-price) {
color: #787473;
font-size: 16px;
font-weight: 500;
}
shopify-cart::part(line-image) {
object-fit: contain;
}
shopify-cart::part(line-image) img {
object-fit: contain;
}
shopify-cart::part(line-options) {
font-size: 14px;
}