/*

┏━━━┓ ┏┓ ┏┓ ┏━━━┓ ┏━━━━┓ ┏━━━┓ ┏━┓┏━┓   ┏━━━┓ ┏━━━┓ ┏━━━┓
┃┏━┓┃ ┃┃ ┃┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┃┏━┓┃ ┃ ┗┛ ┃   ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃
┃┃ ┗┛ ┃┃ ┃┃ ┃┗━━┓ ┗┛┃┃┗┛ ┃┃ ┃┃ ┃┏┓┏┓┃   ┃┃ ┗┛ ┃┗━━┓ ┃┗━━┓
┃┃ ┏┓ ┃┃ ┃┃ ┗━━┓┃   ┃┃   ┃┃ ┃┃ ┃┃┃┃┃┃   ┃┃ ┏┓ ┗━━┓┃ ┗━━┓┃
┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃   ┃┃   ┃┗━┛┃ ┃┃┃┃┃┃   ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃
┗━━━┛ ┗━━━┛ ┗━━━┛   ┗┛   ┗━━━┛ ┗┛┗┛┗┛ ▀ ┗━━━┛ ┗━━━┛ ┗━━━┛ - "CUSTOM STYLESHEET"

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Tramilde - biancheria wellnewss "

BASE (MOBILE) SIZE

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/




/**
 *
 *  █  █  █▀▀  ▄▀▀▄  █▀▀▄  █▀▀  █▀▀▄
 *  █▀▀█  █▀▀  █▀▀█  █  █  █▀▀  █▐█▀
 *  ▀  ▀  ▀▀▀  ▀  ▀  ▀▀▀   ▀▀▀  ▀ ▀▀ - HEADER
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


header { z-index: 4; background-color: #fafaf6; }
.head_wrapper { padding: 2em 1.5em; z-index: 2; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.head_logo { 
	display: inline-block; 
	--head-logo-width: 120px; /* <- in 'px' */
	--head-logo-min: 120;
	--head-logo-max: 200;
	max-width: 200px; z-index: 1;
}
.head_logo :where(img, svg) { width: 100%; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.top_head { background-color: var(--black2); padding: 1.33rem var(--c2o); gap: .75rem; }
.top_head p { color: var(--light); font-size: 1rem; line-height: 1.125; }
.top_head p a { display: inline-block; font: inherit; }
.top_head p a:hover { color: var(--white); }




/*∞∞∞∞∞∞∞∞∞ LANG ∞∞∞∞∞∞∞∞∞*/
.lang { position: absolute; left: var(--c2o); top: 50%; transform: translateY(-50%); z-index: 1; }
.lang #wpml-ls-submenu-default { background: transparent; }

/*
.lang .wpml-ls-legacy-dropdown { width: auto; }
.lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle, 
.lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    display: flex; align-items: center; justify-content: center;
	padding: 0.625rem 1.125rem; background-color: #fafaf6;
    border: 1px solid var(--black); border-radius: 2rem;
    font-size: clamp(14px, 1.5vw, 17px); line-height: 1; text-transform: uppercase; white-space: nowrap; font-weight: 400; color: var(--black);
}
.lang .wpml-ls-legacy-dropdown a span { margin-top: 2px; }
.lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { display: none; }
.lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { border: 0; margin-top: .25rem; }
.lang .wpml-ls-legacy-dropdown .wpml-ls-item { margin-top: 2px; }
.lang .wpml-ls-legacy-dropdown a:hover { background-color: rgb(var(--black-rgb) / 20%); }
*/

.lang .wpml-ls-legacy-list-horizontal { padding: 0; }
.lang .wpml-ls-legacy-list-horizontal a {
    display: flex; align-items: center; justify-content: center;
	padding: 0.625rem; width: 3.5rem; background-color: #fafaf6;
    border: 1px solid var(--black); border-radius: 2rem;
    font-size: clamp(14px, 1.5vw, 17px); line-height: 1; text-transform: uppercase; white-space: nowrap; font-weight: 400; color: var(--black);
}
.lang .wpml-ls-legacy-list-horizontal a:hover { background-color: rgb(var(--black-rgb) / 100%); color: var(--white); }
.lang .wpml-ls-legacy-list-horizontal .wpml-ls-current-language { display: none; }








/*∞∞∞∞∞∞∞∞∞ MENU ∞∞∞∞∞∞∞∞∞*/

#hamburger {
	position: absolute; right: var(--c2o); top: 50%; transform: translateY(-50%); z-index: 1;
	display: inline-block; background: var(--black); padding: .625em .75em; border-radius: 5rem;
    color: var(--white); font-size: clamp(14px, 1.5vw, 18px); font-weight: 400; line-height: 1; text-transform: uppercase;
}

#main_nav { display: none; background-color: var(--black); position: fixed; right: 0; top: 0; padding: 1.5rem; width: 100%; height: 100dvh; }
#main_nav .menu_wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

#main_nav .head_menu {}
#main_nav .head_menu li { font: inherit; line-height: 1; }
#main_nav .head_menu li.current-menu-item { color: ; }
#main_nav .head_menu li a { display: inline-block; font-size: 1.5em; line-height: 1; color: var(--white); padding: .375em 0; margin-bottom: 0.45em; }
#main_nav .head_menu li a:hover { opacity: .5; }


/* Menu open */
.menu_open { position: fixed; top: 0; }
.menu_open #hamburger { background-color: var(--white); color: var(--black); }
.menu_open .lang { --black: var(--white); --black-rgb: var(--white-rgb); }
.menu_open .lang .wpml-ls-legacy-list-horizontal a,
.menu_open .lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle, .menu_open .lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { background: transparent; }
.menu_open .head_logo { filter: invert(1); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ DARKMODE SWITCHER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/








/**
 *
 *  ▄▀▀▄  ▄▀▀  ▄▀▀  █▀▀  ▀▀█▀▀  ▄▀▀
 *  █▀▀█   ▀▄   ▀▄  █▀▀    █     ▀▄
 *  ▀  ▀  ▀▀   ▀▀   ▀▀▀    ▀    ▀▀  - ASSETS
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKs / BTNs STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.link {  display: inline-flex; gap: 1rem; font-size: 1rem; color: var(--black2); }
.link img { height: 1.375rem; width: 1.375rem; margin-top: 2px }

.link:hover, .link:active, .link:focus { opacity: .5 }



.link_line { display: inline-block; position: relative; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid rgb(var(--black-rgb) /50%); }
.link_line:hover { opacity: .5; }

.text p + .link_line { display: inline; }


/*.link_line::after { content: ""; position: absolute; left: 50%; bottom: -.25em; transform: translateX(-50%); width: 100%; height: 1px; background-color: rgb(var(--black-rgb) /50%); transition: .125s ease; }
.link_line:hover { transform: scale(1.125); }
.link_line:hover::after { width: 80% }*/







/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.filter_color {
	background-color: var(--color);
	mix-blend-mode: multiply;
	opacity: .5;
}




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.line_top { width: calc(100% - var(--c5o)); height: 1px; background-color: rgb(var(--black-rgb) / 30%); position: absolute; left: var(--c2o); top: 0; }
.line_bottom { width: calc(100% - var(--c5o)); height: 1px; background-color: rgb(var(--black-rgb) / 30%); position: absolute; left: var(--c2o); bottom: 0; }


.tt { text-transform: uppercase; }
.bon { font-family: var(--bon-font); }
.big_tit { margin-bottom: var(--c15v); text-align: center; text-transform: uppercase; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SCROLL BUTTON ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#scroll_btn {
	display: inline-block;
	position: absolute; left: 50%; bottom: 1.5em; 
	--scroll-px: 40px;
	--scroll-min: 40;
	--scroll-max: 60;
	max-width: 60px;
	transform: translateX(-50%);
	cursor: pointer; z-index: 1;
}
#scroll_btn svg { 
	width: 100%; 
	animation: hang_scroll 1.5s ease-in-out infinite forwards alternate;
	animation-play-state: running;
}
@keyframes hang_scroll {
	from { transform: translateY(0); }
	to { transform: translateY(.5em); }
}
#scroll_btn:hover svg, #scroll_btn:focus svg, #scroll_btn:active svg { animation-play-state: paused; }
#scroll_btn svg path { fill: var(--black); transition: .25s ease; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SWIPER NAV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.nav_btn { width: 2.375em; z-index: 1; cursor: pointer; transition: .25s ease; }
.nav_btn :where(img, svg) { width: 100%; }
.nav_btn svg path { fill: var(--black); transition: .25s ease; }


.nav_btn.abs { top: 50%; transform: translateY(-50%); }
.nav_prev.abs { left: 0; }
.nav_next.abs { right: 0; }


.nav_btn.swiper-button-disabled { display: none; }


/* Dots */
.nav_dots { gap: .5em; }


/* NAV glightbox */
.glightbox-clean .gprev, .glightbox-clean .gnext { top: 45% !important; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Social */
.social {}
.social a { display: inline-block; width: 3.5em; padding: .25em; }
.social a :where(img,svg) { width: 100%; }
.social a svg path { transition: .25s ease; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SIDEBAR ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/*
 * Se presenti position sticky, ricordarsi di disattivare nel foundation l' "overflow: hidden;" del "main" - riga 360
 * Il valore "top" è indispensabile ed è l'offset dal top dello schermo se impostato
 */
.sticky { top: 15vh; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BREADCRUMBS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#breadcrumb { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .5em; }
#breadcrumb li { list-style: none; margin: 0; }
#breadcrumb .separator {}
#breadcrumb :where(a,span) { display: inline-block; min-width: fit-content; color: var(--white); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ANIMAZIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.toTop.trigger { transform: translateY(5rem); opacity: 0; transition: 1s cubic-bezier(.76,0,.24,1); }
.toTop.trigger.active { transform: translateY(0); opacity: 1; }

.toBott.trigger { transform: translateY(-100%)scale(.5); opacity: 0; transition: 1s cubic-bezier(.76,0,.24,1); }
.toBott.trigger.active { transform: translateY(0) scale(1); opacity: 1; }








/**
 *
 *  █▀▀  ▄▀▀▄  ▄▀▀▄  ▀▀█▀▀  █▀▀  █▀▀▄
 *  █▀▀  █  █  █  █    █    █▀▀  █▐█▀
 *  ▀     ▀▀    ▀▀     ▀    ▀▀▀  ▀ ▀▀ - FOOTER
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


footer { background-color: var(--black); }
footer .grid { gap: var(--c7v) var(--c5o); }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ STRUCTURE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/


/* Foot Logo */
.foot_logo { 
	display: block; 
	--foot-logo-width: 100px;
	--foot-logo-min: 100;
	--foot-logo-max: 180;
	max-width: 180px;
	display: inline-block; margin-bottom: 2em;
}
.foot_logo :where(img, svg) { width: 100%; }


/* Foot Block */
.foot_block {}
.foot_block h4 { font-size: clamp(13px, 1vw, 15px); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--white); margin-bottom: 2em; }
.foot_block p { color: var(--light); font-size: clamp(13px, 1vw, 15px); }
.foot_block p a { font: inherit; }
.foot_block p a:hover { color: var(--white); }


#foot_logo p a { margin-top: 1rem; letter-spacing: 1px; }
#foot_cont {  }
#foot_cert { justify-content: flex-start; }


.prod_foot { column-count: 2; column-gap: 1rem }






/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CREDITS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#credits { border-top: 1px solid rgb(255 255 255 / 25%); }
#credits p {
	font-size: 10px; line-height: 1.5;
	margin: 0 auto; z-index: 1; color: var(--light);
}
#credits .resp_sep { display: none; }
#credits a { display: inline-block; font: inherit; color: inherit; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BACK TO TOP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#back_top {
	display: none; z-index: 2; 
	bottom: .5em; right: .5em;
	--back-top-px: 40px;
	--back-top-min: 40;
	--back-top-max: 60;
	max-width: 60px; 
	padding: .25em; background-color: rgb(255 255 255 / 25%);
	cursor: pointer; transition: .25s ease;
}
#back_top :where(img, svg) { width: 100%; }
#back_top svg path { fill: var(--black); }








/**
 *
 *  ▄▀▀  █▀▀  ▄▀▀  ▀▀█▀▀  ▀  ▄▀▀▄  █▄ █  ▄▀▀ 
 *   ▀▄  █▀▀  █      █    █  █  █  █ ▀█   ▀▄ 
 *  ▀▀   ▀▀▀   ▀▀    ▀    ▀   ▀▀   ▀  ▀  ▀▀  - SECTIONS
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.s1 { overflow: hidden; }
.s1:not(#s1_home, #sec_init) .container { padding-top: calc( 70px + ( 162 - 70 ) * ( (100vw - 320px) / 1600 ) + var(--c10v) ); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION ____ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/








/**
 *
 *  ▄▀▀  ▄▀▀▄  █▀▀▄  █▀▀▄  ▄▀▀ 
 *  █    █▀▀█  █▐█▀  █  █   ▀▄ 
 *   ▀▀  ▀  ▀  ▀ ▀▀  ▀▀▀   ▀▀  - CARDS
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card .img_colore { overflow: hidden; aspect-ratio: 4 / 5.5; background: #f0f0f0; position: relative; }
.card picture { position: absolute; top: 0; left: 0; height: 100%; }
.card picture img { transition: .5s ease-in-out; }

.card .top_info { gap: .75rem; padding-top: .5em; }
.card .top_info p { font-size: clamp(12px, 1vw, 14px); line-height: 1; letter-spacing: 1px; }
.card .elenco_colori_scheda { gap: .375rem; }
.card .img { width: 1.25rem; height: 1.25rem; overflow: hidden; border-radius: 4rem; }
.card .img.active { box-shadow: 0 0 1px 2px var(--white), 0 0 1px 2px var(--black); }
.card .img img { width: 110%; height: 110%; object-fit: cover; }

.card .content { margin-top: .625rem }
.card .content h3 { font-size: 115%; line-height: 1.25; transition: .25s ease; border-bottom: 1px solid transparent; width: fit-content; }
.card .content p { margin-top: .5rem; }

.card a:hover .content h3 { opacity: .5 }
.card a:hover picture img { transform: scale(1.125); }


.card #colore_1 { display: block; }
.card .piucolori { display: none; }








/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD EMPTY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card_empty { padding: 2em 1.5em; }
.card_empty svg { width: 6em; }
.card_empty .text { margin-top: 1em; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card_blog picture { background: #f0f0f0; overflow: hidden; aspect-ratio: 4 / 2.65; }
.card_blog picture img { transition: .5s ease-in-out; }
.card_blog .text { padding: 1rem 0; }
.card_blog .text p { margin-left: 1rem; margin-bottom: .125rem; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
.card_blog .text h3 { margin-left: 1rem; margin-top: .125rem; }

/*.card_blog a:hover picture img { transform: scale(1.125); }*/








/**
 *
 *  █  █  ▄▀▀▄  █▄ ▄█  █▀▀
 *  █▀▀█  █  █  █ █ █  █▀▀
 *  ▀  ▀   ▀▀   ▀   ▀  ▀▀▀ - HOMEPAGE
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


p.testo-hero { position: relative; color: #fafaf6; line-height: 1; white-space: nowrap; font-family: var(--bon-font); }
p.testo-hero span:not(.big, .rel) { position: absolute; display: block; }

.s1 .big { position: relative; width: fit-content; font-size: 11.5vw; font-weight: 300; letter-spacing: -0.01em; display: block; }
.s1 .small { font-size: 4.2vw; font-weight: 400; }



/* ---------- posizioni (replicate dai translate SVG) ---------- */

/* Riga 1 */
.la        { left: 0; top: 0; transform: translate(-120%, 10px); }
.biancheria{} 
.per       { right: 0; top: 0; transform: translate(118%, 5px);}
.chi       { right: 0; top: 0; transform: translate(117%, 136%); }

/* Riga 2 */
.fa        { left: 6vw; top: 0; transform: translate(-135%, 30%) }
.del       { left: 6vw; top: 0; transform: translate(-121%, 143%) }
.benessere { text-align: right; transform: translateX(6vw);}

/* Riga 3 */
.il        { left: 8vw; top: 0; transform: translate(-113%, 40%) }
.suo       { left: 8.8vw; top: 0; transform: translate(-119%, 150%) }
.mestiere  { text-align: right; transform: translateX(8.5vw); }




#sec_init .container { padding-top: calc( 68px + ( 79 - 68 ) * ( (100vw - 320px) / 1600 ) ); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.icon img { height: 6rem; width: auto; object-fit: contain; margin-bottom: 2em; }
.icon .p { letter-spacing: 1px; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 6 - blog ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_slider_blog { padding-left: var(--c15o); }
.wrapper_slider_blog .swiper { padding-right: var(--c5o); }

.wrapper_slider_blog .swiper-slide { opacity: 0; }
.wrapper_slider_blog .swiper-slide-active, .wrapper_slider_blog .swiper-slide-next { opacity: 1; }

.wrapper_slider_blog .nav_wrp { margin-top: var(--c5v); gap: 0; }





/**
 *
 *  █▀▀▄  ▄▀▀▄  ▄▀▀▀   █▀▀  ▄▀▀
 *  █  █  █▀▀█  █  ▀▌  █▀▀   ▀▄
 *  █▀▀   ▀  ▀   ▀▀▀   ▀▀▀  ▀▀  - TEMPLATES _ PAGINE
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.sec_page { padding-bottom: var(--c15v); }
.sec_img .grid { grid-template-columns: 1fr 1fr; gap: var(--c2o); }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PRODOTTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Sec 1 */
.txt_prd { padding: var(--c5v) 0; border-top: 1px solid rgb(var(--black-rgb) / 30%); border-bottom: 1px solid rgb(var(--black-rgb) / 30%); margin-bottom: var(--c7v); }
.txt_prd h1 { letter-spacing: 1px; }


/* Sec 3 */
.sec_page .sec_std + .sec_std .p15t { padding-top: var(--c7v); }


/* Sec 2 */
.wrapper_prodotti { display: grid; grid-template-columns: 1fr 1fr; gap: 2em 1.5em; }
/*.see_all_prd { display: none; margin-top: 1.5em; }*/


.first { --cards-visible: 2; }
.first .card-wrapper { display: none; }
.first .card-wrapper:nth-child(-n+2) { display: block; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CONTATTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s2_contatti .text .h4,
#s3_contatti .text .h4 { font-size: clamp(12px, 1.25vw, 20px); letter-spacing: 1px; }

.text_cont p { line-height: 1.5; }
.text_cont p .tit { font-size: clamp(15px, 2vw, 1.45em); line-height: 1; }
.text_cont p + p { margin-top: 1rem; }
.text_cont p a { font: inherit; }


#page_contatti #sec_form .p5lr { padding-left: var(--c10o); padding-right: var(--c10o); }
#sec_form h2 { letter-spacing: 1px; }






/**
 *
 *  ▄▀▀▄  █▀▀▄  ▄▀▀▀  █  █  ▀  ▐▌ ▐▌  █▀▀
 *  █▀▀█  █▐█▀  █     █▀▀█  █   ▀▄▀   █▀▀
 *  ▀  ▀  ▀ ▀▀   ▀▀▀  ▀  ▀  ▀    ▀    ▀▀▀ - TEMPLATES _ ARCHIVIO
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/



/* Posts Loop */
#card_grid { grid-template-columns: 1fr; grid-gap: 2em 1em; }



/* Custom pagination */
.pagination { position: relative; }
.pagination ul { padding: 0 1rem; position: relative; }
.pagination li .next, .pagination .prev { display: none; }
.pagination li { border: 0; }

.pagination .nav-links { display: flex; align-items: center; justify-content: center; padding: 0 1rem; position: relative; width: fit-content; margin: 0 auto; }
.pagination .next.page-numbers { display: none; }


.pagination a, .pagination span {
    color: var(--black); font-weight: 600; border: 1px solid var(--black); border-radius: 50%; background-color: transparent;
    width: 2.5rem; height: 2.5rem; padding: 0; display: flex; align-items: center; justify-content: center; transition: .2s ease; margin: 0 .25rem;
}
.pagination .current { cursor: default; color: var(--white); font-weight: 700; background-color: var(--black); }
.pagination .current:hover { opacity: 1; background-color: var(--black); color: var(--white); }

.pagination a:hover, .pagination .dots:hover,
.pagination a:focus, .pagination .dots:focus { opacity: .5; background-color: transparent;; color: var(--black); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION [...] ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/








/**
 *
 *  ▄▀▀  ▀  █▄ █  ▄▀▀▀   █     █▀▀
 *   ▀▄  █  █ ▀█  █  ▀▌  █  ▄  █▀▀
 *  ▀▀   ▀  ▀  ▀   ▀▀▀   ▀▀▀▀  ▀▀▀ - SINGLE
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/*.single_blog .s1 .container { max-width: 1680px; }
.single_blog .s2 .container { max-width: 1281px; }*/


/* Section 1 */
.single_blog .s1 h1 { font-size: clamp(45px, 5.5vw, 100px); }
.single_blog .s1 .date { margin-bottom: 1rem; }

/* Section 2 */
.single_blog .subtitle { font-size: clamp(15px, 1vw, 19px); }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SINGLE PRODOTTO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Info prodotto */
#s1_linea h1 { font-family: var(--main-font); font-size: clamp(1.25rem, 2vw, 1.75rem); text-transform: uppercase; }
#s1_linea h2 { font-size: clamp(1rem, 5vw, 1.375rem); font-weight: 400; margin-top: 1rem; }
#s1_linea li { margin-left: 0; list-style: none; padding: 1rem 0; border-top: 1px solid #ccc; line-height: 2; }
#s1_linea li:last-of-type { padding-bottom: 0; }
#s1_linea hr { width: 100%; margin: 1rem 0; }

.wrapper_colori { gap: 1rem 1.5rem; margin-top: 1rem; }
.wrapper_colori button { padding-top: 1.25rem; position: relative; }
.wrapper_colori p { text-transform: uppercase; margin-bottom: .5rem; opacity: 0; font-size: clamp(8px, 1vw, 12px); line-height: 1; position: absolute; top: 0; left: 50%; transform: translateX(-50%); white-space: nowrap; }
.wrapper_colori .img::after { content: ""; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.2); border-radius: 50%; border: 1px solid #ccc; opacity: 0; }
.wrapper_colori img { aspect-ratio: 1 / 1; width: 2.25rem; border-radius: 50%; object-fit: cover; }
/*.wrapper_colori button:hover { opacity: .75 }*/
.wrapper_colori .active .img::after { opacity: 1; }
.wrapper_colori .active p { opacity: 1; }



/* Dettagli */
.open_faq, .open_dettagli { gap: 1rem; }
.open_faq:hover, .open_dettagli:hover { opacity: .5; }
.open_faq p, .open_dettagli p { width: fit-content; }
.open_faq img, .open_dettagli img { width: 22px; }

.modale { top: 0; left: 0; z-index: 5; display: none; }
.modale .filtro_chiudi { background-color: rgb(30 30 30 / 75%); pointer-events: initial; }

.wrapper_dett { height: 100%; position: absolute; top: 0; right: 0; background-color: #fafaf6; width: 40rem; max-width: 100%; }
.wrapper_dett > .text:not(.txt_hide) { padding: 1rem 3rem; background-color: var(--black2); }
.wrapper_dett > .text:not(.txt_hide) h3 { letter-spacing: 1px; color: var(--white); }
.wrapper_dett > .text:not(.txt_hide) img { filter: brightness(0) invert(1); }

.wrapper_dett .text_dett { padding: 0 1.5rem; }
.wrapper_dett .text_dett + .text_dett { padding-top: 2.25rem; margin-top: 2.25rem; border-top: 1px solid rgb(var(--black-rgb) / 25%); }
.wrapper_dett .text_dett h3 {  }
.wrapper_dett .text_dett :where(ul, ol, p) { margin-top: 1rem; }
.wrapper_dett .text_dett li { line-height: 2; }

.wrapper_dett .txt_hide { overflow-y: scroll; height: calc(100% - 68px); padding-right: 1.5rem; padding: 2rem 1.5rem; }
.wrapper_dett .txt_hide::-webkit-scrollbar { width: 8px; background-color: #ffffff; }
.wrapper_dett .txt_hide::-webkit-scrollbar-thumb { width: 8px; background-color: #1e1e1e; }

.wrapper_dett .txt_hide h2, .wrapper_dett .txt_hide h3 { font-size: 1.375rem; }
.wrapper_dett hr { margin: 2rem 0; width: calc(100% + 1rem); margin-left: -1rem; }
.wrapper_dett .close { width: 1rem; cursor: pointer; }



/* Accordion */
.card_accordion { margin-bottom: 1rem; border-bottom: 1px solid rgb(var(--black-rgb) / 25%); list-style: none !important; }

.accordion_head { cursor: pointer; padding: .75rem 1.5rem; }
.accordion_head h3 { font-size: 1.21em; line-height: 1.375; color: var(--black); font-weight: 500; width: calc(100% - 3rem); }
.accordion_head img { width: .85rem !important; }
.accordion_head.active img { transform: scaleY(-1); }

.accordion_text { display: none; padding: .75rem 1.5rem; padding-top: 0; }
.accordion_text ol, .accordion_text ol li {  list-style-type: upper-alpha; }
.accordion_text hr { margin: 3rem 0; }



/* Gallery prodotto */
.gallery_colore { height: 100%; opacity: 0; display: flex; align-items: flex-end; justify-content: flex-start; flex-direction: row-reverse; }
.gallery_colore:not(:first-of-type) { position: absolute; top: 0; left: 0; }
.gallery_colore { height: 100%; opacity: 0; pointer-events:  }
.gallery_colore.active { opacity: 1; pointer-events: initial; }

.gallery-top.swiper { padding-left: 10px; }
.gallery-top .swiper-slide a, .gallery-top .swiper-slide a picture { height: 100%; }

.gallery_thumb.swiper { min-width: 3rem; width: 3rem; }
.gallery_thumb .swiper-slide { cursor: pointer !important; ; height: 3rem !important; margin-top: 10px; }
.gallery_thumb button { aspect-ratio: 1 / 1; width: 3rem; }
.gallery_thumb button img { width: 100%; height: 100%; object-fit: cover; }



/* CTA e Altri prodotti */
#single_prod #sec_cta,
#single_prod #sec_prodotti { margin-top: 0; }

#single_prod #sec_prodotti .card .top_info { display: none; }
#single_prod #sec_prodotti .card .content p { display: none; }



#sec_cta .text h3 { font-size: clamp(26px, 2vw, 37px); }

#sec_cta p :where(a, button) { display: inline; position: relative; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid rgb(var(--black-rgb) /50%); }
#sec_cta p :where(a, button):hover { opacity: .5; }






/**
 *
 *  █▀▀  ▄▀▀▄  █▀▀▄  █▄ ▄█
 *  █▀▀  █  █  █▐█▀  █ █ █
 *  ▀     ▀▀   ▀ ▀▀  ▀   ▀ - FORM
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/* WP-Form - Custom */
#form .wpforms-field { margin-bottom: 2em; }
#form .wpforms-field label { color: var(--black); font-weight: 300; font-size: 1rem; }
#form .wpforms-field :where(input, textarea, select) {
	background-color: transparent; border: 0; border-bottom: 1px solid rgb(var(--black-rgb) / 25%); border-radius: 0;
	padding: 0 0 .125rem 0; font-size: 1rem; color: var(--black);
}
#form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--black); opacity: 1; }

#form .wpforms-field.wpforms-field-textarea { width: calc(100% - 6rem); margin-bottom: 0; }

#form .wpforms-field:not(.wpforms-field-checkbox) label { position: absolute; left: 0; top: 0; transform-origin: left top; transition: .125s ease; }
#form .wpforms-field:not(.wpforms-field-checkbox).focus label { transform: translateY(-1rem) scale(.75); }


#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { padding: .5em; }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-size: .75rem; }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { opacity: .5; }


#form .wpforms-field.wpforms-field-checkbox { position: absolute; left: 0; bottom: 0; transform: translateY(calc(100% + 1rem)); margin-bottom: 0; }
#form .wpforms-submit-container { position: absolute; right: 0; bottom: 0; }


#form button[type=submit], #form input[type=submit] {
	padding: 0; color: var(--black); background-color: transparent; border: 0; border-radius: 0; letter-spacing: 2px;
	display: inline-flex; align-items: center; justify-content: center; gap: .5rem; line-height: 1; font-weight: 400; font-size: 1rem;
}
#form button[type=submit] img { height: 1rem; width: 1rem; margin-top: 2px }
#form button[type=submit]:hover, #form button[type=submit]:active, #form button[type=submit]:focus { opacity: .5 }








/**
 *
 *  █▀▀  █  █  ▀▀█▀▀  █▀▀▄  ▄▀▀▄
 *  █▀▀  ▄▀▀▄    █    █▐█▀  █▀▀█
 *  ▀▀▀  ▀  ▀    ▀    ▀ ▀▀  ▀  ▀ - EXTRA
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE GRAZIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s1_grazie {}




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE 404 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CSS EXTRA O MOD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/












/**
 * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
 *
 * RESPONSIVE
 *
 * Settare se necessario regole fluid per minmax di elementi specifici basandosi sulle seguenti regole:
 *	=>	ORIGINAL CALC			->	calc( 12px + (24 - 12) * ( (100vw - 360px) / (1920 - 360) ) )
 *	=>	CALC 1920px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 1560 ) )
 *	=>	CALC 1280px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 920 ) )
 *	=>	CALC 1024px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 664 ) )
 *
 * Da creare fluid dinamico con 2 step per i calc iniziali =   1920 -> 1024   1024 -> 360
 *
 * __________________________________________________________________________________________________________________________________________________________________________
 */




.head_logo { width: calc( var(--head-logo-width) + ( var(--head-logo-max) - var(--head-logo-min) ) * ( (100vw - 360px) / 1560 ) ); }

#scroll_btn { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 360px) / 1560 ) ); }

.foot_logo { width: calc( var(--foot-logo-width) + ( var(--foot-logo-max) - var(--foot-logo-min) ) * ( (100vw - 360px) / 1560 ) ); }
#back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 360px) / 1560 ) ); }




/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
/* Logo */
/* Head Content */
/* Hamburger */
/* Nav Menu */
/* Darkmode Switch */


/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
/* Buttons */
/* Links */
/* Filters */
/* Sections 1 */
/* Breadcrumbs */
/* Scroll */
/* Components */
/* Cards */
/* Sidebar */
/* ... */


/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
/* Structure */
/* Credits */
/* Back Top */


/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
/* Section 1 */


/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/
/* Card */
/* Card Empty */


/*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/
/* Sec 1 */
/* Sec 2 */
/* Sec [...] */


/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/
/* Template ... */
/* Template ... */
/* Template ... */


/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
/* Sec 1 */
/* Sec 2 */
/* Sec ... */


/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
/* Sec 1 */
/* Sec 2 */
/* Sec ... */


/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/


/*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/




/**
 *
 *  █▄ ▄█  ▄▀▀▄  █▀▀▄  ▀  █     █▀▀
 *  █ █ █  █  █  █▀▀█  █  █  ▄  █▀▀
 *  ▀   ▀   ▀▀   ▀▀▀   ▀  ▀▀▀▀  ▀▀▀ - MOBILE PORT | 601 -> 767
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 601px) {

	
	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/

	/* Logo */

	/* Head Content */
	.head_wrapper { padding: 2em 2.5%; z-index: 2; }

	/* Hamburger */
	/* Nav Menu */


}






/**
 *
 *  ▀▀█▀▀  ▄▀▀▄  █▀▀▄  █     █▀▀  ▀▀█▀▀
 *    █    █▀▀█  █▀▀█  █  ▄  █▀▀    █
 *    ▀    ▀  ▀  ▀▀▀   ▀▀▀▀  ▀▀▀    ▀   - TABLET |  768 x 1024  ->  1023 x 1280
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 768px) {

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	#main_nav .head_menu li a { font-size: 1.85em; }


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	/*footer .grid { grid-template-columns: 1fr 1fr }*/

	/* Credits */
	#credits br { display: none; }
	#credits .resp_sep { display: inline-block; }


	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 2 */
	.wrapper_prodotti { grid-template-columns: 1fr 1fr 1fr; }
	.first { --cards-visible: 3; }
	.first .card-wrapper { display: none; }
	.first .card-wrapper:nth-child(-n+3) { display: block; }

	#single_prod .wrapper_prodotti { grid-template-columns: 1fr 1fr 1fr 1fr; }
	#single_prod .first { --cards-visible: 4; }
	#single_prod .first .card-wrapper { display: none; }
	#single_prod .first .card-wrapper:nth-child(-n+4) { display: block; }

	/* Sec 2 */
	.card .desktop { display: flex; }
	.card p.desktop { display: block; }

	/* Sec 3 */
	.no_pl_desktop { padding-left: 0; }
	.no_pr_desktop { padding-right: 0; }



	/*∞∞∞∞∞∞ PAGES ∞∞∞∞∞∞*/
	.sec_img .grid { padding-left: var(--c10o); padding-right: var(--c10o); }


	/*∞∞∞∞∞∞ BLOG ∞∞∞∞∞∞*/
	#card_grid { grid-template-columns: 1fr 1fr; }


	/*∞∞∞∞∞∞ SINGLE BLOG ∞∞∞∞∞∞*/
	.gabbia .container {}




}



/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀▀█▀▀  ▄▀▀▄  █▀▀▄      ▄▀▀  █▄ ▄█  ▄▀▀▄  █    █ 
 *  █  █  █▀▀   ▀▄  █▀▄     █    █  █  █  █       ▀▄  █ █ █  █▀▀█  █ ▄  █ ▄ 
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀    ▀     ▀▀   █▀▀       ▀▀   ▀   ▀  ▀  ▀  ▀▀▀  ▀▀▀  - LAPTOP |  1024 x 768  ->  1280 x 720
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1024px) {


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.header { --c2o: var(--c5o); }

	/* Hamburger */
	.wrp_menu { position: absolute; right: var(--c2o); top: 50%; transform: translateY(-50%); }

	#hamburger { position: relative; right: 0; top: 0; transform: translateY(0%); }
	#main_nav {
		opacity: 0; pointer-events: none; transition: .25s ease;
		display: inline-block; position: absolute; right: 50%; top: 0; transform: translate(50%, -1rem); padding: 4.5rem 2.5rem 1.25rem 2.5rem;
		width: 12rem; height: auto; background-color: var(--black); border-radius: 1.5rem;


		/*opacity: 1; pointer-events: initial; */
	}
	#main_nav .menu_wrapper { position: relative; display: block; }
	#main_nav .head_menu li a { font-size: 17px; padding: .5em 0; margin: 0; }
	#main_nav .head_menu li a:hover { opacity: .5; }

	.wrp_menu:hover #main_nav { opacity: 1; pointer-events: initial; }
	.wrp_menu:hover #hamburger { background-color: var(--white); color: var(--black); }



	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	footer .grid { grid-template-columns: .5fr 1fr 0.375fr 0.375fr;  }
	
	/* Contents */
	#foot_cont .wrp { height: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: column; }
	#foot_prd ul { columns: 2; column-gap: 1rem }

	/* Credits */
	#credits p { font-size: 12px; }
	#credits a:hover, #credits a:active, #credits a:focus { opacity: 1; color: var(--white); }
	#credits #credits_studio:hover { color: #e74e0f; }

	/* Back Top */
	#back_top { opacity: 1; }

	


	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec video */
	#sec_init .container { min-height: 100vh; padding-top: calc( 68px + ( 158 - 68 ) * ( (100vw - 320px) / 1600 ) ); }
	#sec_init .container .p15tb { padding: 5% 0; }

	/* Sec 1 */
	.s1 .big { font-size: 9.5vw; }
	.s1 .small { font-size: 2.9vw; }

	.per       { right: 0; top: 0; transform: translate(118%, 10px);}
	.chi       { right: 0; top: 0; transform: translate(117%, 134%); }

	/* Sec 2 */
	.wrapper_prodotti { grid-template-columns: 1fr 1fr 1fr 1fr; }
	.first { --cards-visible: 4; }
	.first .card-wrapper { display: none; }
	.first .card-wrapper:nth-child(-n+4) { display: block; }

	#single_prod .wrapper_prodotti { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
	#single_prod .first { --cards-visible: 5; }
	#single_prod .first .card-wrapper { display: none; }
	#single_prod .first .card-wrapper:nth-child(-n+5) { display: block; }


	/* Sec 3 */
	#s3_home :where(.gap-0-5, .gap-5-5, .gap-7-5, .gap-10-5, .gap-12-5, .gap-15-5, .gap-20-5, .gap-25-5) .w40l { width: calc(39% - var(--c2o)); }
	#s3_home :where(.gap-0-5, .gap-5-5, .gap-7-5, .gap-10-5, .gap-12-5, .gap-15-5, .gap-20-5, .gap-25-5) .w55l { width: calc(56% - var(--c2o)); }

	/* Sec 4 */

    /* Sec 5 */
    #s5_home .text { padding-left: var(--c10o); }
	#s5_home :where(.gap-0-5, .gap-5-5, .gap-7-5, .gap-10-5, .gap-12-5, .gap-15-5, .gap-20-5, .gap-25-5) .w40l { width: calc(39% - var(--c2o)); }





	/*∞∞∞∞∞∞ PAGES ∞∞∞∞∞∞*/
	.sec_img .grid { padding-left: var(--c12o); padding-right: var(--c12o); }


	/* Contatti */
	#s2_contatti .container, #s3_contatti .container { padding-left: var(--c12o); padding-right: var(--c12o); }

	.text_cont p { line-height: 2.25; display: flex; align-items: flex-start; justify-content: flex-start; }
	.text_cont p .tit { min-width: 8ch; display: inline-block; margin-top: .215em; }
	.text_cont p a { display: inline-block; }
	.text_cont p a:hover { opacity: .5; }




	/*∞∞∞∞∞∞ BLOG ∞∞∞∞∞∞*/
	#card_grid { grid-template-columns: 1fr 1fr 1fr; grid-gap: 2em 1.5em; }

	/*∞∞∞∞∞∞ SINGLE BLOG ∞∞∞∞∞∞*/
	/* Sec 1 */
	.single_blog .s1 .container { padding-left: var(--c12o); padding-right: var(--c12o); }

	/* Sec 2 */
	#s2_blog .p7lr { padding-left: var(--c17o); padding-right: var(--c17o); }

	/* Sec 3 */
	.single_blog .sec_img .grid { padding-left: var(--c17o); padding-right: var(--c17o); }

}






/**
 *
 *  █     ▄▀▀▄  █▀▀▄  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  ▄  █▀▀█  █  █   █   █  █  █  █
 *  ▀▀▀▀  ▀  ▀  █▀▀    ▀    ▀▀   █▀▀  - LAPTOP |  1281 x 720  ->  1366 x 768
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1281px) {

	.maxPar p { max-width: 70% }
	.maxPar.tac p {margin-left: auto; margin-right: auto; }

	
	.s1 .big { font-size: 7.9vw; }
	.s1 .small { font-size: 2.85vw; }


	/*∞∞∞∞∞∞ CONTATTI ∞∞∞∞∞∞*/
	/* Sec form */

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	footer .grid { gap: var(--c7v) 5rem; }

	#foot_cont { display: flex; align-items: flex-start; justify-content: center; }
	
	#foot_prd { display: flex; align-items: flex-start; justify-content: center; }
	#foot_prd ul { columns: 3; column-gap: 1.5em; }


	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 1 */
	#s1_home .w80xl { width: 68%; }


	/*∞∞∞∞∞∞ PRODOTTI ∞∞∞∞∞∞*/
	#single_prod .wrapper_prodotti .card .content h3 { font-size: 100%; }



	/*∞∞∞∞∞∞ SINGLE PRODOTTI ∞∞∞∞∞∞*/
	#single_prod #sec_cta .w50xl { width: 60% }



	/*∞∞∞∞∞∞ SINGLE BLOG ∞∞∞∞∞∞*/
	/* Contenuto blog */
	.single_blog .w90xl { width: 57.5%; }
	.single_blog .sec_img .grid { padding-left: 25%; padding-right: 25%; }


	/*∞∞∞∞∞∞ PRODOTTO ∞∞∞∞∞∞*/
	.gallery_thumb.swiper { min-width: 5rem; width: 5rem; }
	.gallery_thumb .swiper-slide { height: 5rem !important; }
	.gallery_thumb button { width: 5rem; }


}






/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  █  █▀▀   ▀▄  █▀▄    █   █  █  █  █
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀   ▀    ▀▀   █▀▀  - LAPTOP |  1367 x 768  ->  1919 x 1080
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1367px) {

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.header { --c2o: 10%; }

	/* Menu */
    #main_nav { width: 15rem; }

}






/**
 *
 *  █  █  █▀▀▄  █▀▀  █▀▀▄
 *  █  █  █▀▀█  █▀▀  █▐█▀
 *   ▀▀   ▀▀▀   ▀▀▀  ▀ ▀▀ - ÜBER | 1921 -> ...
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1680px) {

	

}






/**
 *
 *   ▄▀█   █ ▄▀
 *  █▄▄█▄  █▀▄
 *     █   ▀ ▀▀ - DESKTOP 4K & UP | 2561px -> ...
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and ( min-width: 2561px ) {}