/** Prefixer */
.grid .grid__item > figure, .product__data .product__data-pair .pair__var { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

body { -moz-font-feature-settings: "liga", "kern"; -moz-font-feature-settings: "liga=1, kern=1"; -ms-font-feature-settings: "liga", "kern"; -o-font-feature-settings: "liga", "kern"; -webkit-font-feature-settings: "liga", "kern"; font-feature-settings: "liga", "kern"; }

.columns:after, .grid:after, .product__gallery .gallery__nav:after, .product__gallery .product__menu:after, .product__data .product__data-pair:after, .header:after, .footer:after { content: ""; display: table; clear: both; }

/** Reset some basic elements */
body, p, ul, ol, li, em, strong, h1, h2, h3, h4, h5, h6, blockquote, hr, dl, dd, figure, input, textarea, button { font-style: normal; font-weight: normal; margin: 0; padding: 0; }

ul, ol { list-style: none; }

/** Basic styling */
* { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/** Fonts */
@font-face { font-family: 'Atlas Grotesk'; src: url("/assets/fonts/AtlasGrotesk-Bold-Web.eot"); src: url("/assets/fonts/AtlasGrotesk-Bold-Web.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/AtlasGrotesk-Bold-Web.woff") format("woff"); font-weight: 700; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Atlas Grotesk'; src: url("/assets/fonts/AtlasGrotesk-Regular-Web.eot"); src: url("/assets/fonts/AtlasGrotesk-Regular-Web.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/AtlasGrotesk-Regular-Web.woff") format("woff"); font-weight: 400; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Atlas Grotesk'; src: url("/assets/fonts/AtlasGrotesk-Light-Web.eot"); src: url("/assets/fonts/AtlasGrotesk-Light-Web.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/AtlasGrotesk-Light-Web.woff") format("woff"); font-weight: 300; font-style: normal; font-stretch: normal; }
/** Layout helpers */
/** Typography */
body { -webkit-text-size-adjust: 100%; font-family: 'Atlas Grotesk', 'Helvetica Neue', Arial; font-weight: 400; font-size: 12px; line-height: 18px; }

a { color: #222; text-decoration: none; }
a:visited { color: initial; }

em { font-style: normal; }

.serif { font-family: 'Origami-Regular', Garamond; }

.text, .qty__control .qty__input { font-size: 14px; font-weight: 400; line-height: 22px; }
.text strong, .qty__control .qty__input strong { font-weight: 600; }

.text--h1 { font-family: 'Origami Std'; font-size: 36px; font-weight: 300; letter-spacing: -0.02em; line-height: 54px; }

.text--h2 { font-size: 24px; font-weight: 300; line-height: 30px; }
.text--h2 strong { font-weight: 500; }
.text--h2 .small { font-size: 16px; text-transform: uppercase; }
@media screen and (max-width: 800px) { .text--h2 { font-size: 18px; line-height: 24px; } }

.text--h3, .list.list--h3 li, .footer__subscribe .input { font-size: 18px; font-weight: 300; line-height: 24px; }
.text--h3 strong, .list.list--h3 li strong, .footer__subscribe .input strong { font-weight: 600; }
@media screen and (max-width: 800px) { .text--h3, .list.list--h3 li, .footer__subscribe .input { font-size: 12px; line-height: 16px; } }

.text--h4, .list.list--h4 li, .btn { font-size: 12px; font-weight: 500; letter-spacing: 1px; line-height: 18px; text-transform: uppercase; }

h5, .text--h5 { font-size: 10px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; }
h5 strong, .text--h5 strong { font-weight: 600; }

article .text--link { border-bottom: solid 2px blue; }

.pull--right { float: right; }

@-webkit-keyframes markRotate { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes markRotate { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-ms-keyframes markRotate { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-o-keyframes markRotate { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes markRotate { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/*
Font weights:
Bold = 700  (.fw7)
Regular = 500 (.fw5)
Light = 300 (.fw3)
*/
@font-face { font-family: 'Atlas Grotesk'; src: url("AtlasGrotesk-Bold-Web.eot"); src: url("/assets/fonts/AtlasGrotesk-Bold-Web.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/AtlasGrotesk-Bold-Web.woff") format("woff"); font-weight: 700; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Atlas Grotesk'; src: url("/assets/fonts/AtlasGrotesk-Regular-Web.eot"); src: url("/assets/fonts/AtlasGrotesk-Regular-Web.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/AtlasGrotesk-Regular-Web.woff") format("woff"); font-weight: 400; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Atlas Grotesk'; src: url("/assets/fonts/AtlasGrotesk-Light-Web.eot"); src: url("/assets/fonts/AtlasGrotesk-Light-Web.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/AtlasGrotesk-Light-Web.woff") format("woff"); font-weight: 300; font-style: normal; font-stretch: normal; }
.atlas { font-family: 'Atlas Grotesk', 'Helvetica Neue', sans-serif; }
.atlas::after { -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border: solid 1px red; bottom: 0; content: ''; display: none; left: 50%; height: 2000px; position: absolute; top: 0; width: 1174px; }

.list.list--h3 li { line-height: 24px; }
.list.list--h4 li { line-height: 24px; }
.list li a { display: block; }

.label--section { border-bottom: solid 1px #222; margin-bottom: 24px; }

.container { margin: 0 auto; max-width: 1200px; position: relative; width: 1200px; }
@media screen and (max-width: 1200px) { .container { margin: 0; max-width: initial; width: 100%; } }

.columns .column { float: left; padding: 0 12px; }

.grid { padding: 0; position: relative; }
.grid.grid--collection { padding: 24px 0; }
.grid .grid__item { display: block; float: left; overflow: hidden; padding: 6px; position: relative; width: 25%; }
@media screen and (max-width: 800px) { .grid .grid__item { width: 50%; } }
.grid .grid__item > figure { -webkit-transition: 0.35s all ease-in-out; -moz-transition: 0.35s all ease-in-out; -o-transition: 0.35s all ease-in-out; transition: 0.35s all ease-in-out; position: relative; }
.grid .grid__item > figure > img { display: block; height: auto; width: 100%; }
.grid .grid__item > figcaption { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-content: center; -moz-align-content: center; align-content: center; -ms-flex-line-pack: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; text-align: center; top: 0; }
.grid .grid__item > figcaption > span { padding: 0 24px; }
.grid .grid__item .text--h5 { margin-bottom: 3px; }
.grid .grid__item:hover > figure { -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1.02); opacity: 0.05; }
.grid .grid__item:hover > figcaption { -webkit-transition: 0.75s all ease-in-out; -moz-transition: 0.75s all ease-in-out; -o-transition: 0.75s all ease-in-out; transition: 0.75s all ease-in-out; opacity: 1; }

.guide { background-color: lime; left: 0; position: absolute; top: 0; z-index: 99999; }
.guide.guide--y { height: 100%; width: 1px; }
.guide.guide--y.guide--y-10 { left: 10%; }
.guide.guide--y.guide--y-20 { left: 20%; }
.guide.guide--y.guide--y-25 { left: 25%; }
.guide.guide--y.guide--y-30 { left: 30%; }
.guide.guide--y.guide--y-40 { left: 40%; }
.guide.guide--y.guide--y-50 { left: 50%; }
.guide.guide--y.guide--y-60 { left: 60%; }
.guide.guide--y.guide--y-70 { left: 70%; }
.guide.guide--y.guide--y-75 { left: 75%; }
.guide.guide--y.guide--y-80 { left: 80%; }
.guide.guide--y.guide--y24 { left: 24px; }
.guide.guide--y.guide--y36 { left: 36px; }
.guide.guide--y.guide--y48 { left: 48px; }
.guide.guide--y.guide--y24r { left: initial; right: 24px; }
.guide.guide--y.guide--yXXr { left: initial; right: 35px; }
.guide.guide--x { height: 1px; width: 100%; }
.guide.guide--x.guide--x1 { top: 1rem; }
.guide.guide--x.guide--x2 { top: 2rem; }
.guide.guide--x.guide--x3 { top: 3rem; }
.guide.guide--x.guide--x4 { top: 4rem; }
.guide.guide--x.guide--x5 { top: 5rem; }
.guide.guide--x.guide--x6 { top: 6rem; }
.guide.guide--x.guide--x7 { top: 7rem; }
.guide.guide--x.guide--x8 { top: 8rem; }
.guide.guide--x.guide--x9 { top: 9rem; }
.guide.guide--x.guide--x10 { top: 10rem; }
.guide.guide--x.guide--x1 { bottom: 1rem; }
.guide.guide--x.guide--x2 { bottom: 2rem; }
.guide.guide--x.guide--x3 { bottom: 3rem; }
.guide.guide--x.guide--x4 { bottom: 4rem; }
.guide.guide--x.guide--x5 { bottom: 5rem; }
.guide.guide--x.guide--x6 { bottom: 6rem; }
.guide.guide--x.guide--x-10 { top: 10%; }
.guide.guide--x.guide--x-20 { top: 20%; }
.guide.guide--x.guide--x-30 { top: 30%; }
.guide.guide--x.guide--x-40 { top: 40%; }
.guide.guide--x.guide--x-50 { top: 50%; }
.guide.guide--x.guide--x-60 { top: 60%; }
.guide.guide--x.guide--x-70 { top: 70%; }
.guide.guide--x.guide--x-80 { top: 80%; }
.guide.guide--x.guide--x-90 { top: 90%; }
.guide.guide--x.guide--x24 { top: 24px; }
.guide.guide--x.guide--x48 { top: 48px; }
.guide.guide--x.guide--x72 { top: 72px; }
.guide.guide--x.guide--x96 { top: 96px; }
.guide.guide--x.guide--x48b { bottom: 48px; top: initial; }
.guide.guide--x.guide--x200 { top: 100px; }
.guide.guide--x.guide--x200 { top: 200px; }
.guide.guide--x.guide--x300 { top: 300px; }

.margin { background-color: rgba(255, 0, 255, 0.5); left: 0; height: 100%; margin-left: -12px; position: absolute; top: 0; width: 24px; z-index: 99999; }
.margin.margin--25 { left: 25%; }
.margin.margin--50 { left: 50%; }
.margin.margin--75 { left: 75%; }
.margin.margin--100 { left: 100%; }

/*.header--fixed,
.footer--fixed {
	height: $full;
	position: relative;

	.container {
		left: 50%;
		margin-left: -600px;

		@include media-query($on-small) { 	    left: initial; 	    margin: 0; 	}
	}
}*/
.hero { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-content: center; -moz-align-content: center; align-content: center; -ms-flex-line-pack: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; background-color: pink; background-position: center; background-repeat: no-repeat; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; text-align: center; top: 0; width: 100%; z-index: 100; }
.hero .hero__link { cursor: pointer; display: block; height: 65%; width: 75%; }

.product__gallery { display: block; position: relative; width: 100%; }
.product__gallery .gallery__media { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; background-color: #EEE; background-position: center; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.product__gallery .container--gallery { -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: 0; left: 50%; position: absolute; top: 96px; }
@media screen and (max-width: 1200px) { .product__gallery .container--gallery { -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); left: 0; } }
.product__gallery .gallery__nav, .product__gallery .product__menu, .product__gallery .product__data--default { position: absolute; }
.product__gallery .gallery__nav { bottom: 96px; left: 0; top: 0; width: 75%; }
@media screen and (max-width: 1200px) { .product__gallery .gallery__nav { width: 66%; } }
@media screen and (max-width: 800px) { .product__gallery .gallery__nav { width: 100%; } }
.product__gallery .gallery__nav .nav__link { -webkit-transition: 0.3s background-color ease-in-out; -moz-transition: 0.3s background-color ease-in-out; -o-transition: 0.3s background-color ease-in-out; transition: 0.3s background-color ease-in-out; background-color: transparent; cursor: pointer; float: left; height: 100%; width: 50%; }
.product__gallery .gallery__nav .nav__link.nav__link--prev { width: 34%; }
.product__gallery .gallery__nav .nav__link.nav__link--next { width: 66%; }
.product__gallery .gallery__nav .nav__link:active { background-color: rgba(255, 255, 255, 0.05); }
.product__gallery .gallery__nav .nav__markers { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-content: flex-start; -moz-align-content: flex-start; align-content: flex-start; -ms-flex-line-pack: start; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; position: absolute; height: 100%; width: 36px; }
.product__gallery .gallery__nav .nav__markers .nav__marker { border: solid 1px #222; border-radius: 50%; display: block; margin: 6px; height: 12px; width: 12px; }
.product__gallery .gallery__nav .nav__markers .nav__marker:hover, .product__gallery .gallery__nav .nav__markers .nav__marker.active { background-color: #222; }
.product__gallery .product__menu { bottom: 0; height: 96px; padding: 24px 0; width: 100%; }
@media screen and (max-width: 800px) { .product__gallery .product__menu { background-color: #222; } }
.product__gallery .product__menu .menu__item { display: block; float: left; height: 48px; }
.product__gallery .product__menu .menu__item.menu__item--expand { margin-left: 25%; text-indent: -9999em; width: 50%; }
.product__gallery .product__menu .menu__item.menu__item--expand::before, .product__gallery .product__menu .menu__item.menu__item--expand::after { content: ''; position: absolute; }
.product__gallery .product__menu .menu__item.menu__item--expand::before { -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-bottom: solid 1px #222; border-right: solid 1px #222; height: 24px; left: 50%; margin-left: -12px; top: 12px; width: 24px; }

.product__data.product__data--mobile { display: none; }
@media screen and (max-width: 1200px) { .product__data.product__data--mobile { display: block; padding: 0 25%; } }
@media screen and (max-width: 800px) { .product__data.product__data--mobile { display: block; padding: 0 24px; } }
.product__data.product__data--mobile .product__block { text-align: center; }
.product__data.product__data--mobile .product__data-pair .pair__var, .product__data.product__data--mobile .product__data-pair .pair__val { padding: 0 6px; }
.product__data.product__data--mobile .product__data-pair .pair__var { text-align: right; }
.product__data.product__data--mobile .product__data-pair .pair__val { text-align: left; }
.product__data.product__data--default { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-content: flex-start; -moz-align-content: flex-start; align-content: flex-start; -ms-flex-line-pack: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; bottom: 96px; right: 0; padding: 0 12px; top: 0; width: 25%; }
@media screen and (max-width: 1200px) { .product__data.product__data--default { width: 34%; } }
@media screen and (max-width: 800px) { .product__data.product__data--default { display: none; } }
.product__data .product__block { display: block; width: 100%; }
.product__data .product__price { border-bottom: solid 1px #222; padding-bottom: 6px; }
.product__data .product__title { padding-top: 8px; }
.product__data .product__body { margin-bottom: 0; position: relative; padding: 24px 0; }
.product__data .product__data-pair { position: relative; width: 100%; }
.product__data .product__data-pair .pair__var, .product__data .product__data-pair .pair__val { display: block; float: left; width: 50%; }
.product__data .product__action { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-content: flex-start; -moz-align-content: flex-start; align-content: flex-start; -ms-flex-line-pack: start; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; padding: 12px 0 0 0; }
.product__data .product__action .btn { width: 50%; }

.product__lower { display: none; padding: 72px 12px; }
@media screen and (max-width: 800px) { .product__lower { display: block; } }

.product__related .grid--related { padding: 6px 6px; }

.header--fixed .header { -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; position: absolute; z-index: 9999; }

.header { padding: 36px 0; position: relative; }
@media screen and (max-width: 1200px) { .header { padding: 24px 12px; } }
.header .header__menu { display: block; float: left; padding: 0 12px; width: 25%; z-index: 100; }
.header .header__menu .toggle--drawer { cursor: pointer; display: block; line-height: 48px; padding-left: 24px; position: relative; }
.header .header__menu .toggle--drawer::after { -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-left: solid 1px #222; border-bottom: solid 1px #222; content: ''; height: 8px; left: 2px; position: absolute; top: 16px; width: 8px; }
.header .header__menu .toggle--drawer.active::after { -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 20px; }
.header .header__logo { display: block; height: 48px; float: left; text-align: center; overflow: hidden; position: relative; width: 50%; z-index: 100; }
@media screen and (max-width: 800px) { .header .header__logo { width: 50%; } }
.header .header__logo svg { fill: black; height: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) scale(0.35); width: auto; }
.header .header__cart { display: block; float: right; padding: 0 12px; width: 25%; z-index: 100; }
.header .header__drawer { display: none; position: absolute; top: 84px; z-index: 90; }
.header .header__drawer.visible { display: block; }
.header .header__drawer .list--collections { padding-left: 36px; z-index: 9999; }
.header .header__drawer .list--collections.visible { display: block; }

.footer--fixed .footer { -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: 0; height: 96px; left: 50%; position: absolute; top: initial; z-index: 9999; }
.footer--fixed .footer .footer__menu { bottom: 48px; position: absolute; }
.footer--fixed .footer .footer__subscribe { top: 0; }
.footer--fixed .footer .footer__support { top: initial; }

.footer { background-color: pink; display: block; padding: 24px 0; padding-bottom: 36px; position: relative; }
.footer .footer__menu { float: left; width: 25%; }
.footer .footer__menu.footer__menu--left { float: left; padding-left: 36px; padding-right: 6px; }
.footer .footer__menu.footer__menu--right { float: right; padding-left: 6px; padding-right: 36px; }
.footer .footer__subscribe { display: none; height: 48px; left: 37.5%; position: absolute; width: 25%; }

.qty { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-content: flex-start; -moz-align-content: flex-start; align-content: flex-start; -ms-flex-line-pack: start; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; width: 50%; }

.qty__label { margin-right: 12px; }

.qty__control { cursor: pointer; display: block; margin-right: 12px; position: relative; }
.qty__control .qty__input { background-color: transparent; border: 0; line-height: 12px; text-align: center; }
.qty__control .qty__input:focus { outline: none; }
.qty__control .qty__input::-webkit-inner-spin-button, .qty__control .qty__input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.qty__control .qty__spinner { -webkit-transition: 0.15s all cubic-bezier(0.68, 0, 0.265, 1); /* older webkit */ -webkit-transition: 0.15s all cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: 0.15s all cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: 0.15s all cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: 0.15s all cubic-bezier(0.68, -0.55, 0.265, 1.55); background-color: transparent; border: solid 1px #222; cursor: pointer; display: block; height: 12px; margin: 0 auto; text-indent: -9999em; transform: translate(0, 0) scale(1) rotate(45deg); width: 12px; will-change: transform; }
.qty__control .qty__spinner.qty__spinner--up { border-bottom: 0; border-right: 0; }
.qty__control .qty__spinner.qty__spinner--down { border-left: 0; border-top: 0; }
.qty__control .qty__spinner { transform: translate(0, 0) scale(0.75) rotate(45deg); }

.btn { -webkit-transition: 0.15s all cubic-bezier(0.68, 0, 0.265, 1); /* older webkit */ -webkit-transition: 0.15s all cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: 0.15s all cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: 0.15s all cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: 0.15s all cubic-bezier(0.68, -0.55, 0.265, 1.55); background-color: transparent; border: solid 1px #222; cursor: pointer; font-weight: 600; line-height: 24px; padding: 0 6px; margin: 0; }
.btn:focus { outline: none; }

.cart__toggle { float: right; line-height: 48px; padding: 0 60px; position: relative; }
@media screen and (max-width: 800px) { .cart__toggle { background-color: blue; }
  .cart__toggle .cart__label { display: none; } }
.cart__toggle .cart__count { display: block; line-height: 48px; position: absolute; right: 0; text-align: center; top: 0; width: 48px; z-index: 1000; }
.cart__toggle .cart__count .cart__frame { -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border: solid 1px #222; height: 36px; left: 6px; position: absolute; top: 6px; width: 36px; }

.footer__subscribe { padding: 0 12px; }
.footer__subscribe .input { border: solid 1px #eee; font-weight: 300; line-height: 46px; padding: 0 12px; width: 100%; }
.footer__subscribe .input:focus { outline: 0; }

.grid.grid--collection { padding: 24px 0; }

.menu--collections { position: relative; }
.menu--collections .toggle--collections { cursor: pointer; display: block; line-height: 48px; padding-left: 24px; }
.menu--collections .toggle--collections::after { -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-left: solid 1px #222; border-bottom: solid 1px #222; content: ''; height: 8px; left: 2px; position: absolute; top: 16px; width: 8px; }
.menu--collections .toggle--collections.active::after { -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 20px; }
.menu--collections .list--collections { display: none; padding-bottom: 24px; padding-left: 24px; position: absolute; width: 100%; z-index: 9999; }
@media screen and (max-width: 800px) { .menu--collections .list--collections { background-color: lime; } }
.menu--collections .list--collections.visible { display: block; }