html,body {height: 100%;}
* {text-shadow: 0 0 2px rgba(0,0,0,.1);}
body,button,select {font-family: 'Titillium Web', sans-serif;line-height: 21px;}

/* Day Mode */
body.dm .dm-btn {display: none;}
body.dm #notice {color: #FFF;}
body.dm .product, body.dm #cart, body.dm #pre-fill, body.dm #content, body.dm #projects {background: rgba(20,20,20,9);color: #FFF;}
body.dm header nav ul li a:not(.rt) {color: #222;}

/* Night Mode */
body.nm .nm-btn {display: none;}
body.nm {background: #1a1f25;color: #FFF;}
body.nm .product, body.nm #cart, body.nm #pre-fill, body.nm #content, body.nm #projects {background: rgba(20,20,20,0.9);}
body.nm header nav ul li a:not(.rt) {color: #fff;}

.fh {height: 87vh !important;}
.product-image {height: 240px;}
.product-title {height: 42px;word-wrap: break-spaces;line-height: 21px;}
.variants {border-top:1px solid rgba(255,255,255,.025);flex-wrap: nowrap;overflow-x: scroll;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
.variants::-webkit-scrollbar {display: none;}
.variants .variant:hover {background: rgba(255,255,255,.01);}
.variant {border-right:1px solid rgba(255,255,255,.025);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}

.cart-item:not(:last-child) {border-bottom: 1px solid rgba(255,255,255,.04);}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
input[type=number] {border: 1px solid rgba(255,255,255,.05);text-align:center;}

@media only screen and (min-width: 768px) {
    #container {flex: 0 1280px;}
    .fh {height: 100vh !important;}
    #container {width: 980px;}
    .product {width: 23.7%;}
    .product:nth-child(1n-2) {margin-right: 15px;}
    .product:nth-child(4n) {margin-right: 0;}
}

@media only screen and (max-width: 767px) {
    #wrapper {flex-direction: column;}
    #container {order: 2}
    .variants {flex-direction: column}
    .variant {width: 100%;}
}