/* layout contents -------------------------------------------------------- */



/* -------------------------------------------------------- */

/* @group @variables */

[class*="o-content-flow"] {
--layout-y-spacing-top: 3.75rem;
--content-gap: 1.5rem;
--layout-x-padding-right: var(--x-padding-right);
--layout-y-spacing-bottom: 2.25rem;
--layout-x-padding-left: var(--x-padding-left);
}

/* @end @variables */

/* @group @variables */

[class*="o-content"] {
--content-columns: 1fr;
--content-gap: 3rem;
--layout-y-spacing-top: 3.75rem;
--layout-x-padding-right: var(--x-padding-right);
--layout-y-spacing-bottom: 2.25rem;
--layout-x-padding-left: var(--x-padding-left);
}

/* @end @variables */

/* @group @variables */

[class*="o-content-secondary"] {
--layout-y-spacing-bottom: 6rem;
}

/* @end @variables */

/* @group @variables */

[class*="o-content-tertiary"] {
--layout-y-spacing-bottom: 6rem;
--content-box-shadow: 0 -1px 0 var(--color-gainsboro);
}

/* @end @variables */

/* @group @variables */

[class*="o-content-proto"] {
--layout-y-spacing-bottom: 6rem;
--content-background-color: var(--color-premier);
--content-background-repeat: no-repeat;
--contenbackground-position: 0 0;
--content-background-size: cover;
--head-2-color: var(--color-white);
--head-3-color: var(--color-white);
--head-4-color: var(--color-white);
--color: var(--color-white);
}

/* @end @variables */

/* @group @variables */

[class*="o-content-primero"] {
--layout-y-spacing-bottom: 6rem;
--content-background-color: var(--color-tertiary);
--content-background-image: linear-gradient(45deg, hsla(45, 80%, 92.5%, 1) 0%, var(--color-quaternary) 100%);
--content-background-repeat: no-repeat;
--contenbackground-position: 0 0;
--content-background-size: cover;
}

/* @end @variables */

/* @group @variables */

[class*="o-content-archives"] {
--layout-y-spacing-bottom: 6rem;
--content-columns: repeat(1, 1fr);
--content-gap: 3.75rem;
}

/* @end @variables */

/* @group @variables */

[class*="o-content-brand-outline"] {
--layout-y-spacing-top: 2.25rem;
--content-gap: 2.25rem;
}

@media all and (min-width:48em) {

[class*="o-content-brand-outline"] {
--content-columns: 1fr 3fr;
--content-align-items: start;
}

}

/* @end @variables */

/* @group @variables */



[class*="o-content-sort"] {
--content-columns: 1fr;
--content-gap: 3rem;
--layout-y-spacing-top: 0;
--layout-x-padding-right: 0;
--layout-y-spacing-bottom: 0;
--layout-x-padding-left: 0;
}

@media all and (min-width:48em) {

/*[class*="o-content-sort"] {
--content-columns: 1fr;
--content-gap: 3rem;
--layout-y-spacing-top: 3.75rem;
--layout-x-padding-right: var(--x-padding-right);
--layout-y-spacing-bottom: 6rem;
--layout-x-padding-left: var(--x-padding-left);
}*/

/*[class*="o-content-sort"] {
--content-columns: 1fr 3fr;
--content-gap: 3.75rem;
}

[class*="m-sort-contents"] {
grid-column: 2;
grid-row: 1;
}

[class*="m-filter-sort-list"] {
grid-column: 2;
grid-row: 2;
}

[class*="o-sidebar-filter"] {
grid-column: 1;
grid-row: 1 / 4;
}

[class*="m-backnumber"] {
grid-column: 2;
grid-row: 2;
}*/

}

/* @end @variables */

/* @group @variables */

[class*="o-content-article"] {
--layout-y-spacing-top: 2.25rem;
--content-gap: 2.25rem;
}

@media all and (min-width:48em) {

[class*="o-content-article"] {
--content-columns: 5fr 3fr;
--content-rows: auto auto auto;
--content-align-items: start;
--content-gap: 3.75rem;
}

[class*="m-content-article"] {
grid-column: 1;
grid-row: 1;
}

[class*="o-sidebar"] {
grid-column: 2;
grid-row: 1;
}

[class*="m-backnumber"] {
grid-column: 1 / 3;
grid-row: 2;
}

}

/* @end @variables */

/* @group @variables */



[class*="o-content-brand-list"] {
--layout-y-spacing-bottom: 6rem;
--content-gap: 3.75rem;
}

/* @end @variables */

/* @group @variables */

[class*="o-content-error"] {
--layout-x-padding-right: var(--push-padding-right);
--layout-y-spacing-bottom: 6rem;
--layout-x-padding-left: var(--push-padding-left);
--content-columns: repeat(1, 1fr);
--content-gap: 2.25rem;
}

/* @end @variables */

/* @group @variables */

[class*="o-content-primo"] {
--content-z-index: 3;
--content-columns: repeat(1, 1fr);
--layout-y-spacing-bottom: 6rem;
/*--content-media-column: 1;
--content-media-row: 1 / 3; */
--head-3-color: var(--color-white);
--head-4-color: var(--color-white);
--color: var(--color-white);
}

/* @end @variables */

/* @group @o-content */

[class*="o-content"] {
box-sizing: border-box;
position: relative;
overflow: hidden;
z-index: var(--content-z-index);
display: grid;
justify-content: var(--content-justify-content);
align-items: var(--content-align-items);
grid-template-columns: var(--content-columns);
grid-template-rows: var(--content-rows);
gap: var(--content-gap);
padding: var(--layout-y-spacing-top) var(--layout-x-padding-right) var(--layout-y-spacing-bottom) var(--layout-x-padding-left);
background-color: var(--content-background-color);
background-image: var(--content-background-image);
background-repeat: var(--content-background-repeat);
background-position: var(--contenbackground-position);
background-size: var(--content-background-size);
box-shadow: var(--content-box-shadow);
color: var(--color);
-webkit-clip-path: var(--content-clip-path);
clip-path: var(--content-clip-path);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

/* @end @o-content */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="o-content-product"] {
--content-align-items: start;
--content-columns: repeat(1, 1fr);
--content-rows: auto 1.5rem auto 2.25rem 1fr 2.25rem auto 2.25rem auto 2.25rem auto 2.25rem auto;
--content-gap: 0;
--product-header-grid-column: 1;
--product-header-grid-row: 1;
--product-explanation-grid-column: 1;
--product-explanation-grid-row: 3;
--product-media-grid-column: 1;
--product-media-grid-row: 5;
--product-purchase-grid-column: 1;
--product-purchase-grid-row: 7;
--product-overview-grid-column: 1;
--product-overview-grid-row: 9;

--product-more-dealer-grid-column: 1;
--product-more-dealer-grid-row: 11;

--product-share-grid-column: 1;
--product-share-grid-row: 13;
--layout-y-spacing-top: 1.5rem;
}

@media all and (min-width:48em) {

[class*="o-content-product"] {
--content-columns: 2fr 3fr;
--content-gap: 0 2.25rem;
--content-rows: auto 1.5rem auto 1.5rem auto 3rem auto 2.25rem auto 2.25rem 1fr;
--product-header-grid-column: 1 / 3;
--product-header-grid-row: 1;
--product-explanation-grid-column: 1 / 3;
--product-explanation-grid-row: 3;
--product-media-grid-column: 1;
--product-media-grid-row: 5 / span 5;
--product-purchase-grid-column: 2;
--product-purchase-grid-row: 5;
--product-overview-grid-column: 2;
--product-overview-grid-row: 7;

--product-more-dealer-grid-column: 2;
--product-more-dealer-grid-row: 9;

--product-share-grid-column: 2;
--product-share-grid-row: 11;
}

}

@media all and (min-width:62em) {

[class*="o-content-product"] {
--content-columns: 2fr 3fr;
--content-gap: 0 2.25rem;
--content-rows: auto 1.5rem auto 2.25rem auto 1.5rem auto 2.25rem auto 2.25rem 1fr;
--product-header-grid-column: 2;
--product-header-grid-row: 1;
--product-explanation-grid-column: 2;
--product-explanation-grid-row: 3;
--product-media-grid-column: 1;
--product-media-grid-row: 1 / span 9;
--product-purchase-grid-column: 2;
--product-purchase-grid-row: 5;
--product-overview-grid-column: 2;
--product-overview-grid-row: 7;

--product-more-dealer-grid-column: 2;
--product-more-dealer-grid-row: 9;

--product-share-grid-column: 2;
--product-share-grid-row: 11;
}

}

/* @end @variables */

/* @group @o-item-primary */

[class*="m-product-header"] {
grid-column: var(--product-header-grid-column);
grid-row: var(--product-header-grid-row);
}

[class*="m-product-media"] {
grid-column: var(--product-media-grid-column);
grid-row: var(--product-media-grid-row);
}

[class*="m-product-explanation"] {
grid-column: var(--product-explanation-grid-column);
grid-row: var(--product-explanation-grid-row);
}

[class*="m-product-purchase"] {
grid-column: var(--product-purchase-grid-column);
grid-row: var(--product-purchase-grid-row);
}

[class*="m-product-overview"] {
grid-column: var(--product-overview-grid-column);
grid-row: var(--product-overview-grid-row);
}

[class*="m-more-shop"] {
grid-column: var(--product-more-dealer-grid-column);
grid-row: var(--product-more-dealer-grid-row);
}

[class*="m-product-share"] {
grid-column: var(--product-share-grid-column);
grid-row: var(--product-share-grid-row);
}

/* @end @o-item-primary */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-content-media"] {
--content-media-filter: saturate(.5) brightness(.375);
--background-color: ahsl(0, 0%, 0%, 1)
}

[class*="m-content-primo-media"] {
--grid-template-columns: repeat(2, 1fr);
}

/* @end @variables */

/* @group @m-content-media */

[class*="m-content-media"] {
position: absolute;
z-index: -1;
inset: 0;
/*top: 0;
right: 0;
bottom: 0;
left: 0;*/
display: grid;
grid-template-columns: var(--grid-template-columns);
background-color: var(--background-color);
}

[class*="m-content-media"] img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
transition: inherit; 
filter: var(--content-media-filter);
}

/* @end @m-content-media */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-content-footer"] {
--content-footer-columns: repeat(1, 1fr);
--content-footer-max-size: 24rem;
--content-footer-gap: 1.5rem;
--content-footer-margin: 0 auto;
}

/* @end @variables */

/* @group @m-content-footer */

[class*="m-content-footer"] {
display: grid;
justify-content: center;
grid-template-columns: var(--content-footer-columns);
gap: var(--content-footer-gap);
width: 100%;
max-width: var(--content-footer-max-size);
margin: var(--content-footer-margin);
}

/* @end @m-content-footer */

/* relative -------------------------------------------------------- */

/* @group @a-m-contenuti */

[class*="m-contenuti"] {
padding-right: var(--mobile-padding-right);
padding-left: var(--mobile-padding-left);
}

/* @end @a-m-contenuti */

/* relative -------------------------------------------------------- */

/* @group @a-relative-primary */

[class*="a-relative-primary"] {
position: relative;
}

/* @end @a-relative-primary */

/* relative -------------------------------------------------------- */

/* @group @a-inherit-primary */

[class*="a-inherit-primary"] {
position: relative;
display: grid;
}

/* @end @a-inherit-primary */

/* inner contents size -------------------------------------------------------- */

/* @group @variables */

[class*="a-mutual-inner-thrust"] {
--inner-thrust-max-width: 30rem;
--inner-thrust-push: auto;
}

@media all and (min-width:48em) {

[class*="a-mutual-inner-thrust-secondary"] {
--inner-thrust-max-width: 40rem;
}

[class*="a-mutual-inner-thrust-tertiary"] {
--inner-thrust-max-width: 50rem;
}

}

/* @end @variables */

/* @group @a-mutual-inner-thrust */

[class*="a-mutual-inner-thrust-primary"],
[class*="a-mutual-inner-thrust-secondary"],
[class*="a-mutual-inner-thrust-tertiary"] {
width: 100%;
max-width: var(--inner-thrust-max-width);
margin-right: var(--inner-thrust-push);
margin-left: var(--inner-thrust-push);
}

/* @end @a-mutual-inner-thrust */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-section-separator-primary"] {
--separator-padding-top: calc(2.25rem - 1px);
--separator-border-top: 1px solid var(--color-gainsboro);
}

@media all and (min-width:47.9375em) {

[class*="m-section-separator-proto"] {
--separator-padding-top: calc(2.25rem - 1px);
--separator-border-top: 1px solid var(--color-gainsboro);
}

}

/* @end @variables */

/* @group @m-section-separator */

[class*="m-section-separator"] {
padding-top: var(--separator-padding-top);
border-top: var(--separator-border-top);
}

/* @end @m-section-separator */

/* inner contents size -------------------------------------------------------- */

/* @group m-fit-contents */

[class*="a-fit-contents"] {
display: table;
width: fit-content;
margin-right: auto;
margin-left: auto;
}

/* @end @m-fit-contents */