#shop-page .product-block {grid-column: 1/-1;}
@media only screen and (min-width: 768px) {
    #shop-page .product-block {grid-column: span 3;}
}
@media only screen and (min-width: 1200px) {
    #shop-page .product-block {grid-column: span 2;}
}
#shop-page .product-block:not(:last-of-type) {margin-bottom: 6rem;}


/* 
CART
*/
#shop_p-cart {z-index: 120;}
#shop_p-cart[data-status="close"] {transform: translateY(-100vh);}

#shop_p-cart--close {
    top: 1rem;
    right: 1rem;
}
#shop_p-cart--close img {
    width: 2.75rem;
    height: 2.75rem;
}

/* FORM */
#shop_p-cart--form > * {grid-column: 1/-1;}
.honey {position: absolute; left: -9999px;}
.form-alert {margin-bottom: .5rem;}

.form-input,
.form-input:active,
.form-input:focus,
.form-input:focus-visible,
.form-input:focus-within {
    display: block;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline: 0;
    border-bottom: 1px solid black;
    width: 100%;
    height: fit-content;
}
.form-input.--submit {border-bottom: 0; cursor: pointer;}
.form-input::placeholder {color: black !important;}

@media only screen and (min-width: 768px) {
    #shop_p-cart--form input {grid-column: span 3;}
    .form-input.--submit {grid-column: 1/-1 !important;}
}

.shop_p-cart-order {
    margin-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid black;
}
.shop_p-cart-order span:nth-of-type(1),
.shop_p-cart-order span:nth-of-type(3),
.shop_p-cart-order span:nth-of-type(5) {grid-column: 1/3;}
.shop_p-cart-order span:nth-of-type(2),
.shop_p-cart-order span:nth-of-type(4),
.shop_p-cart-order span:nth-of-type(6) {grid-column: 3/-1; text-align: right;}
@media only screen and (min-width: 768px) {
    .shop_p-cart-order span:nth-of-type(1) {grid-column: 1/2; grid-row: 1; text-align: left;}
    .shop_p-cart-order span:nth-of-type(2) {grid-column: 2/3; grid-row: 1; text-align: left;}
    .shop_p-cart-order span:nth-of-type(6) {grid-column: 3/4; grid-row: 1; text-align: left;}
    .shop_p-cart-order span:nth-of-type(4) {grid-column: 4/5; grid-row: 1; text-align: left;}
    .shop_p-cart-order span:nth-of-type(3) {grid-column: 5/6; grid-row: 1; text-align: left;}
    .shop_p-cart-order span:nth-of-type(5) {grid-column: 6/-1; grid-row: 1; text-align: left;}
}