html {
	box-sizing: border-box;
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

*,
*::after,
*::before {
	box-sizing: inherit;
}

.has-global-padding {
    padding-left: var(--wp--preset--spacing--40);
    padding-right: var(--wp--preset--spacing--40);
}

@media (width < 768px) {
    .hide-on-mobile {
        display: none;
    }
}

.wp-site-blocks > main, .woocommerce.product.wp-block-group {
	background-size: 100% 100vh;
	background-image: url('../images/bg.png');
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0 !important;
}
/*
 * Typography.
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
}

a,
.wp-block-button__link {
	transition: transform 0.2s, background-color 0.2s, color 0.2s, box-shadow 0.2s,
		-webkit-transform 0.2s;
}

a {
	text-decoration-thickness: 0.1ch;
	text-underline-offset: 0.25ch;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

b,
strong {
	font-weight: 700;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

blockquote {
	margin: 0;
}

.bc-icon {
	display: inline-block;
	width: 0.85rem;
	height: 0.80rem;
	background-image: url('../images/chevron-right-black.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: 0 var(--wp--preset--spacing--20);
	vertical-align: middle;
}

.woocommerce-breadcrumb {
	font-family: var(--wp--preset--font-family--primary-semi);
	font-size: var(--wp--preset--font-size--base);
	font-weight: 500;
	margin-bottom: var(--wp--preset--spacing--30);
}
.woocommerce-breadcrumb a {
	color: inherit;
	text-decoration: none;
}
.woocommerce-breadcrumb a:hover,
.woocommerce-breadcrumb a:focus {
	text-decoration: underline;
}

/*
 * Headings
 */
 .wp-block-subheading {
    color: var(--wp--preset--color--dark-grey);
    display: block;
    font-family: var(--wp--preset--font-family--primary-extra);
    font-size: var(--wp--preset--font-size--xl);
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
/*
 * Buttons
 */
 .wp-block-buttons {
	align-items: start;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--40);
 }
 .wp-element-button {
	color: var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--yellow);
	transition: transform .2s, box-shadow .2s;
 }
 .wp-element-button.has-yellow-background-color {
	box-shadow: 4px 4px 0px 1px var(--wp--preset--color--yellow-darker);
}
 .wp-element-button.has-blue-background-color {
	box-shadow: 4px 4px 0px 1px var(--wp--preset--color--blue-darker);
}
.wp-element-button:hover {
	transform: translate(2px, 2px);
	box-shadow: none;
}
 .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	border-radius: var(--wp--preset--border-radius--m);
 }
 .wp-block-button.is-style-icon .wp-block-button__link {
	padding-left: var(--wp--preset--spacing--50);
	background-position: left 1rem center;
	background-repeat: no-repeat;
	background-size: 1.4rem;
 }
 .btn-dl .wp-element-button {
	background-image: url('../images/download.svg');
 }
 .btn-print .wp-element-button {
	background-image: url('../images/print.svg');
 }

/*
 * Header
 */
header {
	box-shadow: 0px 4px 4px 0px #00000005; 
}
.wp-block-navigation-item__content {
	text-transform: uppercase;
}
/*
 * Woocommerce
 */

/* Single product*/
.wp-block-group.woocommerce.product {
	padding: var(--wp--preset--spacing--50) 0 var(--wp--preset--spacing--60);
}
.product_title {
	display: block;
	color: var(--wp--preset--color--dark-grey);
	font-family: var(--wp--preset--font-family--primary-extra);
	font-size: var(--wp--preset--font-size--xxl);
	font-weight: 800;
	letter-spacing: 4%;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: var(--wp--preset--spacing--50);
}
.woocommerce div.product div.images.woocommerce-product-gallery {
	border-radius: var(--wp--preset--border-radius--s);
	box-shadow: 0px 2px 7.9px 0px #00000026;
}
.woocommerce div.product div.images img {
	border-radius: var(--wp--preset--border-radius--s);
	max-height: 470px;
	object-fit: cover;
}