/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " LaFerrotecnica SHOP "

BASE (MOBILE) SIZE

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




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


.header { position: fixed; top: 0; z-index: 4; padding: 1rem; }
.head_wrapper { padding: 1em; z-index: 2; background-color: var(--beige); border-radius: .5em; box-shadow: 0 0 1rem rgb(30 30 30 / 10%); }






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

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




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

.header .flex-el { gap: .5rem; }

/* Selettore lingua */
.lang { display: inline-block; transition: .25s ease; white-space: nowrap; }
.lang .wpml-ls-legacy-dropdown-click { width: auto; }
.lang .wpml-ls-legacy-dropdown-click a { padding: 0; background: transparent; border: 0 !important; color: var(--brown); font-size: 1rem; font-weight: 500; text-transform: uppercase; }
.lang .wpml-ls-legacy-dropdown-click a span { display: block; line-height: 1; }
.lang .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after { display: none; }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-current-language > a { padding-right: 1rem; background: url(../images/svg/form_sel_open_2.svg) no-repeat; background-size: .75rem; background-position: 100% 3px; }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a, 
.lang .wpml-ls-legacy-dropdown-click a:focus, .lang .wpml-ls-legacy-dropdown-click a:hover { opacity: .75; background-color: transparent; }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { border-top: 1px solid var(--brown); margin-top: .125rem; }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a { padding: .25rem 0; width: 100%; text-align: left; }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-current-language:hover > a, 
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:focus, .lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover { opacity: .75; }


/* Icone menu */
.ico_menu { width: 1.5rem; height: 1.5rem; }
.ico_menu svg { width: 100%; height: 100%; object-fit: contain; }
.ico_menu svg path { fill: var(--brown); }
.ico_menu:hover { opacity: .75; transform: scale(.95); }





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

/*
#hamburger { 
    font-size: var(--rem); line-height: 0;
    overflow: visible; cursor: pointer; transition: .25s ease;
    width: 4em; height: 2.5em; position: relative;
}

.wrap_dots { display: flex; align-items: center; justify-content: center; gap: .25em; width: 100%; height: 100%; }
.wrap_dots span {
    display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
    width: 1em; height: 1em;
    background-color: var(--brown); border-radius: 50%;
    transition: all .125s ease .05s, opacity .125s ease;
    box-shadow: 0 0 1.25rem rgb(var(--beige-rgb) / 75%);
}
.wrap_dots .dot_left { transform: translate(25%, -50%); left: 0; }
.wrap_dots .dot_right { transform: translate(-125%, -50%); left: 100%; }

.wrap_x { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.wrap_x span {
    display: block; position: absolute; left: 50%; top: 50%;
    width: 4em; height: 3px;
    background-color: var(--brown);
    transform-origin: center; will-change: transform; transition: .125s ease;
}

.wrap_x .top_bun { transform: translate(-50%,-50%) rotate(45deg) scaleX(0); }
.wrap_x .bottom_bun { transform: translate(-50%,-50%) rotate(-45deg) scaleX(0); }


/* Hover 
#hamburger:hover .wrap_dots .dot_left { transform: translate(0%, -50%); left: 0; }
#hamburger:hover .wrap_dots .dot_right { transform: translate(-100%, -50%); left: 100%; }
*/

/* Click 
#hamburger.tapped .wrap_dots span { opacity: 0; transition: all .125s ease, opacity .125s ease .05s; }
#hamburger.tapped .wrap_dots .dot_left, #hamburger.tapped .wrap_dots .dot_right { transform: translate(-50%, -50%); left: 50%; opacity: 0; }
#hamburger.tapped .wrap_x .top_bun { transform: translate(-50%,-50%) rotate(45deg) scaleX(1); transition: .125s ease .05s; }
#hamburger.tapped .wrap_x .bottom_bun { transform: translate(-50%,-50%) rotate(-45deg) scaleX(1); transition: .125s ease .05s; }
*/



#hamburger { 
	display: inline-block; font-size: var(--rem); line-height: 0;
	overflow: visible; cursor: pointer; transition: .25s ease;
}
#hamburger .wrap { width: 1.75rem; height: 1.5rem; }
#hamburger span {
	display: block; position: absolute; left: 50%; transform: translateX(-50%);
	width: 1.75rem; height: 2px; 
	background-color: var(--brown);
	transform-origin: center; will-change: transform; transition: .25s ease;
}
#hamburger .burger { top: calc(50% - 1px); }
#hamburger .top_bun { top: 0; }
#hamburger .bottom_bun { bottom: 0; }

#hamburger:not(.tapped):hover .burger,
#hamburger:not(.tapped):focus .burger,
#hamburger:not(.tapped):active .burger { width: 1.75em; }


/* Tapped / Clicked animation */
#hamburger.tapped span { background-color: var(--brown); transition: .25s ease; }
#hamburger.tapped .burger { opacity: 0; }
#hamburger.tapped .top_bun { top: 50%; transform: translate(-50%,-50%) rotate(45deg); }
#hamburger.tapped .bottom_bun { top: 50%; transform: translate(-50%,-50%) rotate(-45deg); }





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

#main_nav { 
	display: none; 
	position: absolute; top: 0; left: 0;
	z-index: 1; backdrop-filter: blur(5px); 
}
#main_nav .menu_wrapper { top: 0; left: 0; background-color: rgb(var(--brown-rgb) / 98%); }

#main_nav .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: 2em; font-family: var(--title-font); line-height: 1; color: var(--white); padding: .25em; }
#main_nav .head_menu li a:hover {}




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








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


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

.link {
	display: inline-block; position: relative;
	background-color: var(--brown); border: unset; border-radius: .25em; border: 1px solid var(--brown);
	padding: .75em 1em; font: inherit; font-size: var(--rem); font-weight: 500; color: var(--white);
}
.link:hover, .link:focus, .link:active { background-color: var(--white); color: var(--brown); }

.link.white { background-color: var(--white); border-color: var(--brown); color: var(--brown); }
.link.white:hover, .link.white:focus, .link.white:active { background-color: var(--brown); color: var(--white); }




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

.filter_blur { background-color: rgb(var(--black-rgb) / 50%); backdrop-filter: blur(5px); }
.filter.close { display: none; position: fixed; pointer-events: initial; z-index: 9999999; }



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




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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: var(--c5o); min-width: 3.5em; z-index: 1; cursor: pointer; transition: .25s ease; padding: .5em; }
.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); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CERCA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_seacrh {
	display: none; position: fixed; top: 0; right: 0;  z-index: 5; 
	background: rgb(var(--brown-rgb) / 95%); backdrop-filter: blur(2rem); 
}
.wrapper_seacrh .filter_close { pointer-events: initial; }

.wrapper_seacrh .search { padding: var(--c7v) 1.5rem 1.5rem 1.5rem; width: 40rem; max-width: 100%; margin: 0 auto; }
.wrapper_seacrh .search .text h3 { font-size: clamp(1.5rem, 2vw, 2rem); }
.wrapper_seacrh .search .text p { font-size: 1rem; margin-top: 1rem; }

.wrapper_seacrh .search .close { display: flex; align-items: center; justify-content: flex-start; gap: .5rem; margin-bottom: 1rem; font-size: 1rem; color: var(--white); }
.wrapper_seacrh .search .close svg { width: 1rem; }
.wrapper_seacrh .search .close svg rect { fill: var(--white); }
.wrapper_seacrh .search .close:hover { opacity: .75; }

.wrapper_seacrh .search form { position: relative; }
.wrapper_seacrh .search #keyword {
    width: 100%; height: auto; padding: .75rem 1rem; background-color: rgb(var(--white-rgb) / 15%); border-radius: .25em;
    color: var(--white); font-size: 1.25rem; font-weight: 300; line-height: 1.5;
}
.wrapper_seacrh .search #keyword::placeholder { color: var(--white); font-size: 1.25rem; line-height: 1.5; }
.wrapper_seacrh .search .input_wrapper svg { width: 1rem; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); }
.wrapper_seacrh .search .input_wrapper svg path { fill: var(--white); }

.wrapper_seacrh .searchInput .ajax_spinner { display: none; padding: 1rem; margin-top: 1rem; background-color: rgb(var(--white-rgb) / 15%); border-radius: .25em; z-index: 1; position: relative; }
.wrapper_seacrh .searchInput .ajax_spinner img { width: 1.5rem; }

.wrapper_seacrh .wrapper_datafetch { display: none; margin-top: 1rem; background-color: rgb(var(--white-rgb) / 15%); border-radius: .25em; z-index: 1; position: relative; text-align: left; }
.wrapper_seacrh .search_result { overflow-y: scroll; height: 45vh; z-index: 1; position: relative; }
.wrapper_seacrh .search_result ul { padding: 1rem; }
.wrapper_seacrh .search_result::-webkit-scrollbar { width: 5px; background-color: rgb(var(--white-rgb) / 50%); }
.wrapper_seacrh .search_result::-webkit-scrollbar-thumb { width: 5px; background-color: var(--white); border-radius: 2rem; }

.search-result-card { display: flex; align-items: center; justify-content: flex-start; gap: .5rem; padding: .25em; background-color: var(--beige); border-radius: .5em; margin-bottom: .5rem; }
.search-result-card:hover { background: #f9f9f9; }

.src-img { width: 4.5rem; height: 4.5rem; }
.src-img img { object-fit: contain; }

.src-info { display: flex; flex-direction: column; gap: 4px; }
.src-name { font-size: 1.5rem; font-weight: 600; font-family: var(--title-font); color: var(--brown); }
.src-price { font-size: 1rem; color: var(--black); }






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


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

footer .grid { gap: var(--c7v) var(--c2o); }

.foot_block .tit { font-size: 1rem; color: var(--black); font-weight: 400; margin-bottom: 1rem; }

.foot_block p { font-size: 1.25rem; line-height: 1.75; font-weight: 500; color: var(--brown); }
.foot_block p a { font: inherit; display: inline-block; position: relative; line-height: 1; }

.foot_block p a::after {
    content: ""; width: 100%; height: 1px; position: absolute; right: 0; bottom: 0; background-color: var(--brown);
    transition: transform .4s cubic-bezier(.7,0,.2,1); transform: scaleX(0); transform-origin: right center;
}
.foot_block p a:hover { color: var(--brown); }
.foot_block p a:hover::after { transform-origin: left center; transform: scaleX(1); transition-delay: .1s; }



/* Foot Logo */
.foot_logo { 
	display: block; 
	--foot-logo-width: 280px;
	--foot-logo-min: 280;
	--foot-logo-max: 450;
	max-width: 450px;
}
.foot_logo img { width: 100%; }


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

.foot_bott_block { border-top: 1px solid var(--black); text-align: center; }
.foot_bott_block p { font-weight: 400; color: var(--brown); }

#credits { font-size: 16px; line-height: 1.35; z-index: 1; }
#credits a { display: inline-block; font: inherit; color: inherit; position: relative; }

#credits a::after {
        content: ""; width: 100%; height: 1px; position: absolute; right: 0; bottom: 0; background-color: var(--brown);
        transition: transform .4s cubic-bezier(.7,0,.2,1); transform: scaleX(0); transform-origin: right center;
    }
#credits a:hover { color: var(--brown); }
#credits a:hover::after { transform-origin: left center; transform: scaleX(1); transition-delay: .1s; }




#credits #credits_studio::after { background-color: #e74e0f; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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-x: clip }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION NEWSLETTER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#sec_nl { background-color: var(--brown); }
#sec_nl .sized { opacity: .05; }

#sec_nl #form > p { color: var(--white); font-weight: 600; margin-bottom: 1rem; }

#sec_nl #form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border-color: var(--white); }
#sec_nl #form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-color: var(--white); }
#sec_nl #form .wpforms-field.wpforms-field-checkbox li label { color: var(--white); }
#sec_nl #form .wpforms-field.wpforms-field-checkbox li label a:hover { opacity: .5; }

#sec_nl #form button[type=submit] { color: var(--white); }
#sec_nl #form button[type=submit]::after { background-color: var(--white); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION PAGA SICURO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#sec_paga { background-color: rgb(var(--beige-rgb) / 60%); }
#sec_paga .paga_block img { width: 5rem; height: 5rem; object-fit: contain; margin-bottom: 1.5rem; }
#sec_paga .paga_block h4 { color: var(--brown); margin-bottom: 1rem; }
#sec_paga .paga_block p { color: var(--brown); font-size: 1.5rem; }





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


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

.badge-sale {
    position: absolute; top: .5rem; left: .5rem;
    background-color: var(--brown); padding: .375em .75em; border-radius: .25em;
    color: var(--white);
}

.card .card_i { background-color: var(--beige); height: 100%; border-radius: .5em; overflow: hidden; transition: .25s ease; }
.card .card_i > a { padding: 1.5rem; height: 100%; }
.card picture { height: 11rem; }
.card .bkg_abs { opacity: 0; pointer-events: none; transition: .375s ease; }

.card h3 { font-weight: 500; color: #462C11; margin-top: 2rem; font-size: 1.5rem; }
.card .round {
    z-index: 1; position: absolute; left: 0; bottom: 0; width: 7.5rem; height: 7.5rem; background-color: rgb(var(--white-rgb) / 33%);
    border: 2px solid var(--white); border-radius: 50%;
    font-size: 1.25rem; font-weight: 400; color: var(--white); font-weight: 500; text-transform: uppercase;
}

.card .bottom { display: grid; grid-template-columns: auto 2.75rem 2.75rem; border-top: 1px solid var(--black); transition: .25s ease; }
.card .bottom .btn_card { display: flex; align-items: center; justify-content: flex-start; padding: .5rem; min-width: 2rem; }
.card .bottom .btn_card + .btn_card { border-left: 1px solid var(--black); }
.card .bottom .btn_card.price { font-weight: 600; font-size: 1.125rem; gap: .25rem; flex-wrap: wrap; }
.card .bottom .btn_card.price del { opacity: 0.5; font-size: 75% }

.card .card_i:hover { box-shadow: 0 0 .75rem rgb(30 30 30 / 10%); }
.card .card_i:hover .bkg_abs { opacity: 1; }
.card .card_i:hover .bottom { background-color: var(--white); }

.card .add_to_cart_btn .quantity { display: none; }
.card .yith-add-to-wishlist-button-block { margin: 0; width: 100%; }
.card .yith-wcwl-add-to-wishlist-button:is(button) { padding: 0; }
.card .yith-wcwl-add-to-wishlist-button:is(button) svg { height: 100%; width: 100%; }
.card .yith-wcwl-add-to-wishlist-button:is(button) svg path { stroke: var(--brown); }
.card .yith-wcwl-add-to-wishlist-button:is(button).yith-wcwl-add-to-wishlist-button--added svg path { fill: var(--brown); }
.card .yith-wcwl-add-to-wishlist-button__label { display: none; }





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


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

#s1_shop .s1_title h1 + p { font-size: clamp(1.25rem, 2vw, 1.75em); }


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

.wrapper_prod { grid-template-columns: 1fr 1fr; gap: 1rem; }
.wrapper_prod .wc-ordering-bar, .wrapper_prod .no_prod { grid-column: 3 span; }
.wrapper_prod.w100 .wc-ordering-bar, .wrapper_prod.w100 .no_prod { grid-column: 4 span; }

.wc-ordering-bar select {filter-linea:
	background-color: var(--white); border: var(--brown); border-radius: .25em;
	-webkit-appearance: none; appearance: none; cursor: pointer; 
	padding: .75em 1em; font-size: 1rem; color: var(--brown);
	padding-right: 2.5em; background: var(--white) url(../images/svg/form_sel_open_2.svg) no-repeat calc(100% - 1em) / 1em;
}


/* Elenco filtri selezionati */
.filtri_del { grid-column: 2 span; display: none; }
.filtri_del.has_tags { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: .25rem; }
.tag_filtro {
	font-size: 16px; padding: .375em .75em; border: 1px solid var(--brown); border-radius: .25em; line-height: 1; 
	display: inline-flex; align-items: flex-start; justify-content: flex-start; gap: .25rem;
}
.tag_filtro i { font-style: normal; transition: .25s ease; }
.tag_filtro:hover { background-color: var(--white); }
/*.tag_filtro:hover i { color: red; }*/



/* Stile filtro */
#filter_prodotti { border-right: 1px solid var(--black); }

.filter_group { padding: 1rem; padding-left: 0; }
.filter_group + .filter_group { border-top: 1px solid var(--black); }
.filter_group .tit { font-size: 1.5rem; font-weight: 600; margin-bottom: .5rem; color: var(--brown); }

.single_check {  }
.single_check input { position: absolute; left: -99999999px; opacity: 0; }
.single_check + .single_check { margin-top: .5rem; }

.single_check label { display: inline-flex; gap: .5rem; position: relative; cursor: pointer; font-size: 1.125rem; }
.single_check label img { width: 1rem; height: 1rem; }
.single_check label::after {
    content: ""; width: 100%; height: 1px; position: absolute; right: 0; bottom: 0; background-color: var(--black);
    transition: transform .4s cubic-bezier(.7,0,.2,1); transform: scaleX(0); transform-origin: right center;
}
.single_check label:hover { color: var(--black); }
.single_check label:hover::after, .single_check input[type="checkbox"]:checked ~ label::after { transform-origin: left center; transform: scaleX(1); transition-delay: .1s; }
.single_check input[type="checkbox"]:checked ~ label { font-weight: 500; }


.range_slider_wrapper { height: .25rem; }
.range_track, .range_fill { position: absolute; top: 0; left: 0; width: 100%; height: .25rem; border-radius: 1rem; }
.range_track { background: var(--beige); }
.range_fill { background: var(--brown); z-index: 1; }

.price_range_labels { margin-bottom: .5rem; }
.price_range_labels label { font-size: 1rem; }
.range_slider_wrapper input[type="range"] {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
    width: 100%; height: .5rem; background: transparent; appearance: none; -webkit-appearance: none; pointer-events: none;
}
.range_slider_wrapper input[type="range"]::-webkit-slider-thumb {
    appearance: none; -webkit-appearance: none;
    width: 1.25rem; height: 1.25rem; border-radius: 50%;
    background: #65401B; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.2);
    cursor: pointer; pointer-events: all;
}

.filter_group.reset { padding-top: 1.5rem; padding-bottom: 0; }
#reset_filtri { border-color: var(--white); }
#reset_filtri, #mostra_risultati { width: 100%; font-size: 1.25rem; }


/* Loader */
#loader { display: none; background-color: rgb(var(--white-rgb) / 70%); border-radius: 2rem; }
#loader span {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); 
	border: 8px solid #f0f0f0; border-top: 8px solid var(--brown); border-radius: 50%; width: 2em; height: 2em; animation: spin 1s linear infinite; 
}
@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}



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

.open_filtro {
	display: inline-flex; align-items: center; justify-content: center; gap: .75rem;
    position: fixed; bottom: 1.75rem; left: 50%; transform: translateX(-50%);
    z-index: 3; font-size: 1.25rem; font-weight: 500;
}
.open_filtro svg { width: 1.25rem; }
.open_filtro svg path { transition: .25s ease; fill: var(--brown); }
.open_filtro:hover svg path { fill: var(--white); }

.close_filtro {
	position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); padding: 1em;
	width: 4rem; height: 4rem; border-radius: 50%; background-color: var(--brown);
}
.close_filtro svg { width: 100%; height: 100%; }
.close_filtro svg path { stroke: var(--white); }


.wrapper_filtri {
    position: fixed; bottom: 5%; left: 2.5%;
    z-index: 99999999; background-color: var(--beige);
    width: 95%; height: 80%; border-radius: .5em;

    opacity: 0; pointer-events: none; transform: translateY(50%); transition: .25s ease-in-out;
}
.wrapper_filtri .filter_container { height: 100%; overflow: scroll; padding: 2rem; }
.wrapper_filtri.open { transform: translateY(0%); opacity: 1; pointer-events: initial; }







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


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

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name { font-size: 1.5rem; }
table.wc-block-cart-items .wc-block-components-product-metadata__description { display: none; }
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img { object-fit: contain; }
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices .price { font-size: 16px; }
.wc-block-components-product-details.wc-block-components-product-details { font-size: 14px; }

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { border-radius: 4px; }
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link svg { transition: .25s ease; }
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover { background-color: red; }
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover svg { fill: var(--white); }

.wc-block-components-product-price { font-weight: 700; }
.wc-block-components-product-badge {     background: #62d132; color: var(--beige); font-size: 14px; font-weight: 600; }

.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button { 
    display: inline-flex; gap: .5em; position: relative; 
    background-color: var(--brown); border: 1px solid var(--brown); border-radius: .25em;
    padding: .75em 1em; font-size: 1rem; color: var(--white); font-weight: 500;
    visibility: visible; text-decoration: none; margin-right: 0;
    transition: .25s ease;
}
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:hover { background-color: var(--white); color: var(--brown); }
.wc-block-components-validation-error { margin-top: 1rem; }
.wc-block-components-validation-error p { color: #cc1818; align-items: flex-start; gap: .25rem; font-size: .85rem; }






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

#page_system .wp-block-woocommerce-checkout-order-summary-block { background-color: var(--beige); border: 0; padding: 0.5rem 0; }
#page_system .wc-block-checkout__sidebar.is-sticky {  }

.wc-block-components-formatted-money-amount { font-weight: 700; }













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


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




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

/* Search & Filter */

/* Terms Loop */

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

/* Custom pagination */
.pagination {}

/* Load More */




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








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

.s1_single .yith-add-to-wishlist-button-block { position: absolute; top: 1rem; right: 1rem; z-index: 2; width: 2rem; margin: 0; }
.s1_single .yith-wcwl-add-to-wishlist-button:is(button) { padding: 0; }
.s1_single .yith-wcwl-add-to-wishlist-button:is(button) svg { height: 100%; width: 100%; }
.s1_single .yith-wcwl-add-to-wishlist-button:is(button) svg path { stroke: var(--brown); }
.s1_single .yith-wcwl-add-to-wishlist-button:is(button).yith-wcwl-add-to-wishlist-button--added svg path { fill: var(--brown); }
.s1_single .yith-wcwl-add-to-wishlist-button__label { display: none; }

/* __ DA VALUTARE __ */
.woocommerce-product-gallery { background-color: rgb(var(--beige-rgb) / 50%); padding: 1rem; }

.single_gallery .woocommerce-product-gallery__image > a { display: flex; align-items: center; justify-content: center; }
.single_gallery .flex-control-nav { display: flex; align-items: center; justify-content: center; gap: .5rem; margin-top: 2rem; }
.single_gallery .flex-control-nav li { width: 5rem; height: 5rem; border: 1px solid var(--black); }

.pswp__bg { background: rgb(30 30 30 / 90%) !important; backdrop-filter: blur(5px) !important; }


/* ∞∞∞∞∞∞∞∞∞ Blocchi single ∞∞∞∞∞∞∞∞∞ */
.single_box + .single_box { margin-top: var(--c7v); padding-top: var(--c7v); }
.single_box.top_line::after { content: ""; width: 100vw; position: absolute; top: 0; left: 0; background-color: var(--black); height: 1px; }


/* ∞∞∞∞∞∞∞∞∞ Prezzo iniziale ∞∞∞∞∞∞∞∞∞ */
.single_box .price { font-weight: 600; font-size: 1.25rem; gap: .25rem; }
.single_box .price del { opacity: 0.5; font-size: 75%; display: inline-block; }
.single_box .price ins { text-decoration: unset; }


/* ∞∞∞∞∞∞∞∞∞ Descrizione ∞∞∞∞∞∞∞∞∞ */
.single_box.single_description h2 { font-size: 2rem; font-family: var(--main-font); font-weight: 600; }


/* ∞∞∞∞∞∞∞∞∞ Aggiungi al carrello ∞∞∞∞∞∞∞∞∞ */
.s1_single .woo_style form .woocommerce-variation-add-to-cart { align-items: flex-end; }
.s1_single .woo_style .single_box form.cart { flex-wrap: wrap; }
.s1_single .woo_style form .single_variation_wrap { flex-wrap: wrap; }

.single_box .woocommerce-variation-add-to-cart { width: 100%; }
.s1_single .woocommerce a.added_to_cart {
    text-decoration: underline; font-size: 1.25rem; color: var(--brown);
    text-decoration-thickness: 1px; display: block; padding: 0 !important;
}
.s1_single .added_to_cart:hover, 
.s1_single .added_to_cart:focus, 
.s1_single .added_to_cart:active { opacity: .75 }

/* ∞∞∞∞∞∞∞∞∞ CTA Telefono e WH ∞∞∞∞∞∞∞∞∞ */
.cta_tel .wh { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; }
.cta_tel .wh svg { width: 1.25em; height: 1.25em; }

/* ∞∞∞∞∞∞∞∞∞ Aggiungi al carrello ∞∞∞∞∞∞∞∞∞ */
.single_box .variations { width: 100%; }
.single_box .variations .variant_row + .variant_row { margin-top: 1.5rem; }
.single_box .variations .variant_row > label { display: block; font-size: 1.25rem; color: var(--black); font-weight: 600; margin-bottom: .75rem; }
.single_box .variations .variant_row select {
	background-color: var(--white); border: var(--brown); border-radius: .25em; border: 1px solid var(--brown);
	-webkit-appearance: none; appearance: none; cursor: pointer; 
	padding: .75em 1em; font-size: 1rem; color: var(--brown);
	padding-right: 2.5em; background: var(--white) url(../images/svg/form_sel_open_2.svg) no-repeat calc(100% - 1em) / 1em;
}
.single_box .variations .reset_variations { display: none !important; }

/* .single_box .variations .variant_row #pa_colore { position: absolute; opacity: 0; width: 1px; height: 1px; overflow: clip; pointer-events: none; } */
.single_box .variations .variant_row #pa_colore { background: transparent; padding: 0; border: 0; color: var(--black); margin-top: .5rem; pointer-events: none; opacity: .75; }
.single_box .variations .variant_color_swatches { display: flex; align-items: flex-start; justify-content: flex-start; gap: .375em; }
.single_box .variations .variant_color_swatches .color_swatch { width: 2.25rem; height: 2.25rem; display: block; transition: .125s ease; cursor: pointer; position: relative; }
.single_box .variations .variant_color_swatches .color_swatch img { width: 100%; height: 100%; }
.single_box .variations .variant_color_swatches .color_swatch:hover { transform: scale(.95); }
.single_box .variations .variant_color_swatches .color_swatch:active { transform: scale(.9); }
.single_box .variations .variant_color_swatches .color_swatch::before { 
	content: ""; width: calc(100% + 4px); height: calc(100% + 4px); 
	position: absolute; left: -2px; top: -2px; border: 1px solid var(--black); opacity: 0; transition: .125s ease; 
}
.single_box .variations .variant_color_swatches .color_swatch.active::before { opacity: 1; }


/* ∞∞∞∞∞∞∞∞∞ Slider ∞∞∞∞∞∞∞∞∞ */
.sec_title .h2 { position: relative; }
.sec_title .h2::after { content: ""; width: 100vw; position: absolute; top: 50%; left: 100%; transform: translate(1rem, -50%); background-color: var(--black); height: 1px; }


/* ∞∞∞∞∞∞∞∞∞ FAQ ∞∞∞∞∞∞∞∞∞ */
.card_accordion + .card_accordion { border-top: 1px solid rgb(var(--black-rgb) / 25%); }
.accordion_head { padding: 1.5rem 0; cursor: pointer; }
.accordion_head h2 { color: var(--brown); font-size: 1.5rem; font-weight: 600; font-family: var(--main-font); }
.accordion_head svg { width: 2.25rem; }
.accordion_head svg rect { fill: var(--brown); }
.accordion_text { display: none; padding-bottom: 1.5rem; }

.accordion_head.active rect:nth-of-type(2) { opacity: 0; }










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

#form .wpforms-field label { color: var(--brown); font-weight: 400; text-transform: uppercase; z-index: 1; }

#form .wpforms-field :where(input, textarea, select) {
	background-color: var(--white); border: unset; border-radius: .25em;
	padding: .75em 1em; font-size: 1rem; color: var(--brown);
}
#form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--brown); opacity: .5; }

#form .wpforms-field:not(.wpforms-field-checkbox) > label { position: absolute; left: 1em; top: 1em; transform-origin: top left; transition: .125s ease; }
#form .wpforms-field:not(.wpforms-field-checkbox).focus > label { top: 2px; transform: scale(.625); }


#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border-color: var(--brown); }
#form .wpforms-field.wpforms-field-checkbox li label { color: var(--brown); }
#form .wpforms-field.wpforms-field-checkbox li label a { font: inherit; text-transform: uppercase; }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: ; }

#form button[type=submit] {
    position: relative; padding: 0;
    background: transparent !important; border: none;
    text-transform: uppercase; font: 700 1.25rem / 1.25 var(--main-font); color: var(--brown);
}
#form button[type=submit]::after {
    content: ""; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background-color: var(--brown);
    transition: transform .4s cubic-bezier(.7,0,.2,1); transform: scaleX(1); transform-origin: left center;
}
#form button[type=submit]:hover { transform: scale(1.1); }
#form button[type=submit]:hover::after { transform-origin: right center; transform: scaleX(0); }







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


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

#s1_grazie {}




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

#s1_404 { background-color: var(--bkg_color); }

#s1_404 .s1_title h1 { font-size: 2rem; }
#s1_404 .s1_title p { font-size: 1.1rem; }
#s1_404 .s1_title .link { display: inline-block; padding: 0.9rem 1.7rem; border: 2px solid var(--btn_color); border-radius: 0.6rem; font-size: 1rem; color: var(--btn_color); }
#s1_404 .s1_title .link:hover { background-color: var(--btn_color); color: var(--btn_color_hover); transform: scale(1.05); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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 ∞∞∞∞∞∞*/
	.header { padding: 1rem 2rem }

	.header .flex-el { gap: 1rem; }
	.head_wrapper { padding: 1.5em 2.5%; z-index: 2; }

	/* Hamburger */
	/* Nav Menu */


}






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

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

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

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

}



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

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


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	#menu_ext .flex  { gap: .75rem; }
	#menu_ext .menu li { display: flex; align-items: center; justify-content: center; }
	#menu_ext .menu li + li::before { content: "·"; font-weight: 700; font-size: 1rem; margin-right: .75rem; color: var(--brown); }
	#menu_ext .menu li a { font-size: clamp(16px, 1vw, 1rem); text-transform: uppercase; font-weight: 600; color: var(--brown); }
	#menu_ext .menu li a:hover { opacity: .75; transform: scale(.95); }


	#hamburger { display: none; }



    /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
    footer .grid { grid-template-columns: 1fr 1.25fr 1.25fr 1fr; }
    footer .container { padding-bottom: 0; }

    .foot_block { padding-left: 1rem; border-left: 1px solid var(--black); }

    .bottom_footer { margin-top: 5%; display: flex; align-items: center; justify-content: center; flex-direction: row-reverse; }
    .foot_img { width: 30%; }
    .foot_img picture { width: 100%; }


	/* Credits */
    .foot_bott_block { width: 70%; padding-left: 2.5%; text-align: right; }
    .foot_bott_block .foot_block { padding-left: 0; border: 0; text-align: right; }

    #credits p { position: relative; }
	#credits a:hover, #credits a:active, #credits a:focus { opacity: 1; color: var(--brown); }
	#credits #credits_studio:hover { color: #e74e0f; }

	/* Back Top */
	#back_top { opacity: 1; right: var(--c5o); }

	/* Form */
	#form .wpforms-submit-container { position: absolute; bottom: 0; right: 0; }



	/*∞∞∞∞∞∞ CARD ∞∞∞∞∞∞*/
	.card .round { width: 5rem; height: 5rem; font-size: 1rem; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); opacity: 0; }
    /* .card a:hover button.round { opacity: 1; transform: translate(-50%,-50%) scale(1); } */



	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 1 */
	#s1_shop .container { /* padding-bottom: var(--c15v); */ }
	#s1_shop .contain { position: absolute; right: 0; bottom: -5%; width: 35%; height: 85%; z-index: -1 }
	#s1_shop .contain img { object-position: right; }

	/* Sec 2 */
	.wrapper_prod { grid-template-columns: 1fr 1fr; }
	.wrapper_prod.w100 { grid-template-columns: 1fr 1fr 1fr; }

	.wrapper_sticky { position: sticky; top: 5vh; }
	.range_slider_wrapper input[type="range"]::-webkit-slider-thumb { width: .75rem; height: .75rem; }

	#mostra_risultati { display: none; }


	.filtri_del { grid-column: 3 span; }

	/* Filtro mobile */
	.open_filtro, .close_filtro { display: none !important; opacity: 0 !important; pointer-events: none !important; }
	.wrapper_filtri {
	    bottom: unset; left: unset; z-index: 1; background-color: transparent;
	    width: calc(30% - var(--c1o)); height: auto; border-radius: 0;
	    opacity: 1; pointer-events: initial; transform: translateY(0);
	}
	.wrapper_filtri .filter_container { height: auto; overflow: visible; padding: 0; }



	/*∞∞∞∞∞∞ SINLGE PRODOTTO ∞∞∞∞∞∞*/
	.single_summary .single_box { padding-left: var(--c2o); }

	/* Slider */
	.nav_btn { padding: 1.5rem; }






}










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

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


    /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
    .wrapper_foot::after { content: ""; width: .75rem; height: .75rem; background-color: var(--brown); border-radius: 50%; position: absolute; top: 50%; left: 28%; transform: translate(-50%, -50%); }
    .wrapper_foot::before { content: ""; width: .75rem; height: .75rem; background-color: var(--brown); border-radius: 50%; position: absolute; top: 50%; right: 28%; transform: translate(-50%, -50%); }

    .foot_block { text-align: left; }
    .foot_block::after { display: none; }


	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	.wrapper_prod { grid-template-columns: 1fr 1fr 1fr; gap: 1.5rem; }
	.wrapper_prod.w100 { grid-template-columns: 1fr 1fr 1fr 1fr; }

	/* Filtro mobile */
	.wrapper_filtri { width: calc((100% - (var(--c2o) * 3)) / 4); }

}






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

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






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

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






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

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