@font-face {
  font-family: migra;
  src: url(ppmigra-light.woff);
}

@font-face {
  font-family: migraItl;
  src: url(migraitalic-lightitalic.otf);
}

@font-face {
  font-family: suisse;
  src: url(suisse_bp_intl_medium.otf);
}

body{
	background-color: black;
}

.shopify-buy__product-img-wrapper, .shopify-buy__product__title, .visuallyhidden{
	display: none;
}

input, button{
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	border: none;
	box-shadow: none;
	border-radius: 0;
	caret-color: transparent;
	margin: 0;
	padding: 0;
	background:none;
	font-family: unset;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0; 
}

#carousel {
	position: fixed;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	top:0;
	left:0;
	z-index: -1;
	padding-left: 115px;
}
#carousel img {
	position: absolute;
	width: calc(100vw - 115px);
	height: 100vh;
	object-fit: cover;
	top: 0;
	right: 0;
	display: none;
}
#carousel img:first-child {
	display: block;
}

.spine{
	width: 115px;
	height: 100vh;
	position: fixed;
	top:0;
	left: 0;
	padding: 25px;
	background-color: #8AA250;
	z-index: 25;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* transition: width 0.2s ease; */
	/* animation: 1s ease 2s grow-bar forwards; */
}
/* 
 @keyframes grow-bar {
	0% {
			width: 18.7vh;
	}
	100% {
			width: 115px;
	}
} */


.spine svg{
	fill: #4F6CA4;
}

#opener{
	font-family: migra;
	color:#4F6CA4;
	font-size: 33px;
	text-align: center;
	cursor: pointer;
}

#infopanel{
	padding: 60px;
	padding-left: 175px;
	background-color: #8AA250;
	width:50vw;
	position: fixed;
	top:0;
	left:0;
	height: 100vh;
	transform: translateX(-100%);
	transition: transform 0.5s ease;
	min-width: 700px;
	max-width: 1100px;
	z-index: 20;
	overflow: scroll;
}

#infopanel.open{
	transform: translateX(0%);
}

h2, p{
	font-family: migra;
	color:#4F6CA4;
	font-size: 33px;
	margin-bottom: 35px;
	line-height: 36px;
}

h2{
	text-align: center;
}

.italic{
	font-family: migraItl;
}


#product-component-1733029501838{
	position:fixed;
	right:25px;
	bottom: 25px;
	z-index:10;
}

.shopify-buy__product__price{
	display:none;
}

.shopify-buy__quantity-container input{
	font-family: migra;
	color:white;
	font-size: 33px;
	width: 80px;
	line-height: 35px;
	padding: 10px 20px 3px 20px;
	border-radius: 100px;
	background-color:#4F6CA4;
	text-align:center;
	/* display:none; */
}

.shopify-buy__btn-wrapper button{
	font-family: migra;
	color:white!important;
	font-size: 33px;
	width: 250px;
	line-height: 35px;
	padding: 10px 20px 7px 20px;
	border-radius: 100px;
	background-color:#4F6CA4;
	text-align:center;
	display: inline-block;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.shopify-buy__btn-wrapper button:hover{
	opacity: 0.8
}

.shopify-buy__btn-and-quantity{
	display: flex;
	gap:10px;
}

#preloader{
	position: fixed;
	width:100vw;
	height: 100vh;
	background-color: #8AA250;
	color:#4F6CA4;
	font-family: suisse;
	font-size: 33px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 60px;
	top:0;
	left:0;
	z-index: 30;
	letter-spacing: 0.4px;
	animation: fadeOut 0.5s ease-out 2s forwards;
	pointer-events: none;
}

  @keyframes fadeOut {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0;
								display: none;
            }
        }

.mob{
	display: none;
}

@media only screen and (max-width: 600px){
.desk{
	display: none;
}

.mob{
	display: block;
}

	.spine{
	width: 100vw;
	height: 80px;
	position: fixed;
	top:0;
	left: 0;
	padding: 25px 20px;
	background-color: #8AA250;
	z-index: 25;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	/* transition: width 0.2s ease; */
	/* animation: 1s ease 2s grow-bar forwards; */

}

.spine svg.mob{
	height: 100%;
}

#carousel {
	position: static;
	width: 100vw;
	height: auto;
	overflow: auto;
	top:0;
	left:0;
	z-index: -1;
	padding-left: 0px;
	padding-top:80px;
}
#carousel img {
	position: static;
	width: 100vw;
	height: auto;
	object-fit: cover;
	top: 0;
	right: 0;
	display: block;
}

.shopify-buy__btn-wrapper button{
	width: calc(100vw - 134px);
	bottom:15px
}

#infopanel{
	padding: 20px;
	padding-top:125px;
	min-width: 0;
	width:100vw;
	overflow: scroll;
	padding-bottom: 80px;
}

.shopify-buy__btn-wrapper button:hover{
	opacity: 1
}

#infopanel{
	transform: translateY(-100%);
}

.logo{
	height: 100%;
}

#infopanel.open{
	transform: translateY(0%);
}

h2, p{
	font-size: 30px;
	line-height: 35px;
}

#opener{
	font-size: 30px;
}

#preloader{
	background-color: #8AA250;
	color:#4F6CA4;
	font-family: suisse;
	font-size: 25px;
	padding: 20px;

}

.shopify-buy__btn-wrapper button{
	font-size: 25px;
}

#product-component-1733029501838{
	bottom:20px
}

}