*{margin:0;padding:0;box-sizing:border-box;}
body{font-family: NunitoSansLight,"Nunito Sans Light";counter-reset: capitolih2;}
html {scroll-behavior: smooth;scrollbar-gutter: stable; }
p{font:20px NunitoSansLight,"Nunito Sans Light"; padding:16px 0;line-height:1.6;}
p a:link {color:#0000FF;text-decoration-thickness: 1px;}
p a:visited {color:#551A8B;text-decoration-thickness: 1px;}
p a:hover, p a:active {color:#FF0000;text-decoration-thickness: 1px;}
.link-amazon::after {display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;font: var(--fa-font-brands);content: "\f270";font-size:11px;line-height:19px;vertical-align: top; margin-right:3px; margin-left:5px; opacity:0.5;}
.link-booking::after {display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;font: var(--fa-font-solid);content: "\42";font-size:9px;line-height:17px;vertical-align: top; margin-right:3px; margin-left:5px; opacity:0.6;}
.link-esterno::after {display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;font: var(--fa-font-solid);content: "\f35d";font-size:9px;line-height:17px;vertical-align: top; margin-right:3px; margin-left:5px; opacity:0.5;}


/* Back to top button */

#tornasu {display: inline-block;background-color: #cccccc;width: 40px;height: 40px;text-align: center;text-decoration:none;border-radius: 5px 0px 0px 5px;position: fixed;bottom: 30px;right: 0px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;}
#tornasu::after {content: "\f077";font-family: FontAwesome;font-weight: normal;font-style: normal;font-size: 1.4em;line-height: 40px;color: #fff;}
#tornasu:hover {cursor: pointer;background-color: #bbbbbb;}
#tornasu:active {background-color: #bbbbbb;} /* era #00AEE6 */
#tornasu.show {opacity: 1;visibility: visible;}


/* Header e Menu */

header{width: 90%;max-width:1400px;margin: auto;}
.navbar { display:flex; justify-content: space-between; align-items:center;}
.navbar .logo img{ width:190px; height:auto;padding-top: 2px;} /*  era width:220px; */
.navbar .search-bar{ margin:0 20px; flex: 1; position: relative;}
.navbar .search-bar .search-icon, .navbar .search-bar .clear-icon {
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: #999999;
}
.navbar .search-bar .clear-icon {display: none;cursor: pointer;color: #333333;right: 1px; border-radius:0 5px 5px 0;padding:13px}
.navbar .search-bar .clear-icon:hover {background-color: #eeeeee}

.navbar .search-highlight {background-color: #fff3b0;}
.navbar .search-results {max-height: 300px;overflow-y: auto; }
.navbar .search-results div {border-bottom: 1px solid #ececec;}
.navbar .search-results div:last-child {border-bottom: none;}

.navbar .search-results div:hover {background-color: #f3ecd7;}

.navbar .search-bar ::placeholder { color: #999999;}
.navbar .search-bar input{font:16px NunitoSansRegular,"Nunito Sans Regular"; width: 100%; padding:13px 40px 13px 20px; border-radius:5px; border: 1px solid #cec093; outline:none;background-color: #f7f7f7;color: #333333;}
.navbar .search-bar input:hover {border: 1px solid #ba9954;}

.navbar ul{ list-style:none; display:flex;}
.navbar ul li a{font:15px NunitoSansRegular,"Nunito Sans Regular";text-decoration:none;padding: 14px 20px;}
.navbar ul li a:hover{background-color: #eeeeee; }

.navbar li a.voce-cwa, .navbar li a.voce-hth, .navbar li a.voce-wc {display: block;color:#333333;background-color: #f7f7f7;}

.navbar li a.contact{display: block;color:#fff7ff; background-color:#a78e59;border-radius: 5px;margin-left:20px;} /*  era background-color:#ba9954 */
.navbar li a.contact:hover{background:#988151} /*  era background:#b58738 */
.navbar .fa-wand-magic-sparkles, .navbar .fa-palette, .navbar .fa-book{display:inline-block;margin-right:8px}

.navbar .menu-btn {display: none;}


@media (max-width: 1280px) {
.navbar li a.voce-hth, .navbar li a.voce-wc {display:none}
}

@media (max-width: 970px) {
	
.navbar .menu-icon {cursor:pointer;display:inline-block;float: right;padding: 20px 20px;position: relative;user-select: none;border: 1px solid #333333;border-radius: 5px;}
.navbar .menu-icon .navicon {background: #333333;display: block;height: 2px;position: relative;transition: background .2s ease-out;width: 18px;}
.navbar .menu-icon .navicon:before,
.navbar .menu-icon .navicon:after {background: #333333;content: '';display: block;height: 100%;position: absolute;transition: all .2s ease-out;width: 100%;}
.navbar .menu-icon .navicon:before {top: 5px;}
.navbar .menu-icon .navicon:after {top: -5px;}
.navbar .menu-btn {display: none;}
.navbar .menu-btn:checked ~ ul {max-height: 340px;}
.navbar .menu-btn:checked ~ .menu-icon .navicon {background: transparent;}
.navbar .menu-btn:checked ~ .menu-icon .navicon:before {transform: rotate(-45deg);}
.navbar .menu-btn:checked ~ .menu-icon .navicon:after {transform: rotate(45deg);}
.navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {top: 0;}

.navbar {flex-wrap: wrap; width: 100%;padding-top: 2px;}

.navbar .search-bar {width: 100%; }
.navbar .search-bar .clear-icon {border-radius:0;}
.navbar .search-bar .clear-icon:hover {background-color: transparent}
.navbar .search-bar input{ border-radius:0px; border: 1px solid #999; background-color: #f7f7f7;}

.navbar ul {display: block; width: 100%; max-height: 0; overflow: hidden; transition: max-height .25s ease-out;}
.navbar ul li a{font:16px NunitoSansRegular,"Nunito Sans Regular";}
.navbar li a.voce-cwa{border-top:#dddddd 1px solid; background-color: #eeeeee; margin-top:10px;padding: 16px 20px;}
.navbar li a.voce-hth{border-top:#dddddd 1px solid; background-color: #eeeeee;display: block;padding: 16px 20px;}
.navbar li a.voce-wc{border-top:#dddddd 1px solid; border-bottom:#dddddd 1px solid;background-color: #eeeeee;display: block;padding: 16px 20px;}

.navbar li a.contact{margin-left:0px; padding: 14px 24px;}
.navbar .fa-wand-magic-sparkles, .navbar .fa-palette, .navbar .fa-book{display:inline-block;margin-right:15px}
.navbar .contact-us {margin-top:20px;margin-bottom:30px; display: inline-block;}
}

@media (max-width: 540px) {
.navbar .logo { order: 1; }
.navbar .menu-icon {order: 2; }
.navbar .search-bar {order: 3;flex: 1 0 100%;margin: -4px 0 8px 0;}
.navbar ul {order: 4;}
}



/* h1 e h2 Homepage */

.hero{
  background-image: url("images/home-background.jpg");
  background-size:cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-repeat:no-repeat;
  height:595px;
  position: relative;
  background-position: center center;
}
.hero-layer {background-color: rgba(0, 0, 0, 0.65);position: absolute;top: 0;left: 0;width: 100%;height: 100%;
padding:70px 0 0 0; /* Non va il padding */
}
.hero-content{width: 90%;padding:0;margin:0 auto;max-width:1400px;
	overflow:hidden; /* Da togliere? */
	text-align: left; /* Da togliere? */
}
.hero-content-sx{float: left; padding:0;background-color: rgba(0, 0, 0, 0.7); border-radius: 10px; border: 1px solid #cec093;}
.hero-title{flex-wrap:wrap;display:flex;max-width:514px;padding:40px 46px 18px 46px;}
.hero-title h1{ font:40px NunitoSansExtrabold,"Nunito Sans Extrabold"; letter-spacing:2px;color:#f8e3a2; text-shadow:1px 1px #083a75; line-height:1.4; padding-bottom:10px}
.hero .evidenziato{color:#ba9954 !important;}
.hero-why{flex-wrap:wrap;display:flex;max-width:514px;padding:18px 36px 40px 46px;}
.hero-why h2{ font:20px NunitoSansLight,"Nunito Sans Light"; color:#efe7d7; text-shadow:1px 1px #083a75;line-height:2.0;letter-spacing:1px;}
.hero-why .fa-check{color:#ba9954;}
.hero-content-dx{background-color:#cec093; width: calc(100% - 578px); height:454px;float: right;padding:10px; border-radius: 10px;}
.hero-media{width:100%; height:434px;padding: 0px;overflow:hidden;float:right; border-radius: 10px;}
.hero-media img{ display:block;}
.hero-image{width:auto;height:434px;float:right;overflow:hidden;}

@media (min-width: 1201px) and (max-width: 1400px) {
.hero{height:575px;}
.hero-title{flex-wrap:wrap;display:flex;max-width:464px;padding:40px 36px 18px 46px;}
.hero-title h1{ font:36px NunitoSansExtrabold,"Nunito Sans Extrabold"; letter-spacing:2px;color:#f8e3a2; text-shadow:1px 1px #083a75; line-height:1.4; padding-bottom:10px}
.hero-why{flex-wrap:wrap;display:flex;max-width:464px;padding:18px 36px 40px 46px;}
.hero-why h2{ font:20px NunitoSansLight,"Nunito Sans Light"; color:#efe7d7; text-shadow:1px 1px #083a75;line-height:2.0;letter-spacing:1px;}
.hero-content-dx{ width: calc(100% - 528px); height:435px;float: right;padding:10px; border-radius: 10px;}
.hero-media{width:100%; height:415px;padding: 0px;overflow:hidden;float:right; border-radius: 10px;}
.hero-image{width:auto;height:415px;float:right;overflow:hidden;}
}
@media (min-width: 1100px) and (max-width: 1200px) {
.hero{height:575px;}
.hero-title{flex-wrap:wrap;display:flex;max-width:464px;padding:40px 36px 18px 46px;}
.hero-title h1{ font:36px NunitoSansExtrabold,"Nunito Sans Extrabold"; letter-spacing:2px;color:#f8e3a2; text-shadow:1px 1px #083a75; line-height:1.4; padding-bottom:10px}
.hero-why{flex-wrap:wrap;display:flex;max-width:464px;padding:18px 36px 40px 46px;}
.hero-why h2{ font:20px NunitoSansLight,"Nunito Sans Light"; color:#efe7d7; text-shadow:1px 1px #083a75;line-height:2.0;letter-spacing:1px;}
.hero-content-dx{ width: calc(100% - 528px); height:435px;float: right;padding:10px; border-radius: 10px;}
.hero-media{width:100%; height:415px;padding: 0px;overflow:hidden;float:right; border-radius: 10px;}
.hero-image{width:auto;height:415px;float:right;overflow:hidden;}
}
@media (min-width: 875px) and (max-width: 1099px) {
.hero{height:1200px;}
.hero-title{display: table-cell;max-width:100%;height: 202px;background-color:transparent; border-radius: 30px; padding:36px 66px 26px 66px;margin-top:0px; text-align:center;justify-content: center;align-items: center;vertical-align: middle;}
.hero-title h1{ font:42px NunitoSansExtrabold,"Nunito Sans Extrabold"; letter-spacing:2px;color:#f8e3a2; text-shadow:1px 1px #083a75; line-height:1.5; padding-bottom:10px}
.hero-content-dx{width:100%;height:535px;float: right;padding:10px; border-radius: 10px;margin-top:39px}
.hero-media{width:100%; height:515px;padding: 0px;overflow:hidden;float:right; border-radius: 10px;}
.hero-image{width:auto;height:515px;float:right;overflow:hidden;}
}
@media (min-width: 688px) and (max-width: 1099px) {
.hero-content-sx{background-color: transparent;border: 0px solid #b58738;}
.hero-why{flex-wrap:wrap;display:flex;max-width:100%;background-color:#f7f7f7; padding:24px 16px 24px 16px; margin-top:20px; text-align:center;justify-content: center;align-items: center;border-radius: 10px;}
.hero-why h2{ font:21px NunitoSansLight,"Nunito Sans Light"; color:#333333; text-shadow:0px 0px #fff;line-height:2.0;letter-spacing:0px; padding:10px 25px;background-color:#f8e3a2;width:350px;margin:10px; text-align:left}
.hero-why .fa-check{color:#333333;}
}
@media (min-width: 688px) and (max-width: 874px) {
.hero{height:1280px;}
.hero-title{display: table-cell;max-width:100%;height: 172px;background-color:transparent; border-radius: 30px; padding:36px 66px 26px 66px;margin-top:0px; text-align:center;justify-content: center;align-items: center;vertical-align: middle;}
.hero-title h1{ font:38px NunitoSansExtrabold,"Nunito Sans Extrabold"; letter-spacing:2px;color:#f8e3a2; text-shadow:1px 1px #083a75; line-height:1.5; padding-bottom:10px}
.hero-content-dx{ width:100%;height:465px;float: right;padding:10px; border-radius: 10px;margin-top:39px}
.hero-media{width:100%; height:445px;padding: 0px;overflow:hidden;float:right; border-radius: 10px;}
.hero-image{width:auto;height:445px;float:right;overflow:hidden;}
}
@media (min-width: 520px) and (max-width: 687px) {
.hero{height:1240px;}
.hero-content-sx{background-color: transparent;width:100%;border: 0px solid #b58738;}
.hero-title{display: table-cell;max-width:100%;height: 172px;background-color:transparent; border-radius: 30px; padding:36px 26px 26px 26px;margin-top:0px; text-align:center;justify-content: center;align-items: center;vertical-align: middle;}
.hero-title h1{ font:36px NunitoSansExtrabold,"Nunito Sans Extrabold"; letter-spacing:2px;color:#f8e3a2; text-shadow:1px 1px #083a75; line-height:1.5; padding-bottom:10px}
.hero-why{flex-wrap:wrap;display:flex;max-width:100%;background-color:#f7f7f7; padding:24px 16px 24px 16px; margin-top:20px; text-align:center;justify-content: center;align-items: center;border-radius: 10px;}
.hero-why h2{ font:18px NunitoSansLight,"Nunito Sans Light"; color:#333333; text-shadow:0px 0px #fff;line-height:2.0;letter-spacing:0px; padding:10px 25px;background-color:#f8e3a2;width:350px;margin:10px; text-align:left}
.hero-why .fa-check{color:#333333;}
.hero-content-dx{ width:100%;height:455px;float: right;padding:10px; border-radius: 10px;margin-top:39px}
.hero-media{width:100%; height:435px;padding: 0px;overflow:hidden;float:right; border-radius: 10px;}
.hero-image{width:auto;height:435px;float:right;overflow:hidden;}
}
@media screen and (max-width: 519px) {
.hero{height:1044px;}
.hero-content-sx{background-color: transparent;width:100%;border: 0px solid #b58738;}
.hero-title{display: table-cell;max-width:100%;height: 172px;background-color:transparent; border-radius: 30px; padding:16px 26px 16px 26px;margin-top:0px; text-align:center;justify-content: center;align-items: center;vertical-align: middle;}
.hero-title h1{ font:32px NunitoSansExtrabold,"Nunito Sans Extrabold"; letter-spacing:2px;color:#f8e3a2; text-shadow:1px 1px #083a75; line-height:1.5; padding-bottom:10px}
.hero-why{flex-wrap:wrap;display:flex;max-width:100%;background-color:#f7f7f7; padding:24px 10px 24px 10px; margin-top:20px; text-align:center;justify-content: center;align-items: center;border-radius: 10px;}
.hero-why h2{ font:16px NunitoSansLight,"Nunito Sans Light"; color:#333333; text-shadow:0px 0px #fff;line-height:2.0;letter-spacing:0px; padding:10px 15px;background-color:#f8e3a2;width:350px;margin:10px; text-align:left}
.hero-why .fa-check{color:#333333;}
.hero-content-dx{width:100%;height:285px;float: right;padding:10px; border-radius: 10px;margin-top:49px}
.hero-media{width:100%; height:265px;padding: 0px;overflow:hidden;float:right; border-radius: 10px;}
.hero-image{width:auto;height:265px;float:right;overflow:hidden;}
}




/* 4 Best Sellers in Homepage */

.best-sellers{
    width:100%;
	color:#000000;
	background-color:#f7f7f7;
	padding:70px 0 70px 0;
}
.best-sellers-title {
  overflow: hidden;
  text-align: left;
  font-family: NunitoSansExtrabold,"Nunito Sans Extrabold";
  letter-spacing:1.5px;
  font-weight:normal;
  color:#333333;
  font-size:32px;
  margin-bottom:46px;
}
.best-sellers-title:after {background-color: #ba9954;content: "";display: block;height: 3px;width: 50px;position: relative;bottom: 0;left: 0; margin-top:10px}


.best-sellers-content {
  width: 90%;
	text-decoration:none;
	max-width:1400px;
	margin: 0 auto;
	overflow:hidden;
}
.best-sellers-content > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 4rem 2rem;
}
.best-sellers-content > ul > li {
  border: 1px solid #eaeaea;
  border-radius: 10px;
  background-color:#FFF;
  padding-bottom:40px; /* mettere come bottom 60px dopo aver nascosto i pulsanti */
  overflow: hidden;
}
.best-sellers-content .best-sellers-name{text-decoration:none; font:22px NunitoSansSemibold,"Nunito Sans Semibold";color:#333333; margin-bottom:6px; margin-top:10px; padding:20px 30px 0 30px;line-height:1.3}

.best-sellers-content > ul > li > figure {
  max-height: 353px; /* modificato max-height: 220px; */
  overflow: hidden;
  position: relative;
}
.best-sellers-content > ul > li > figure > a > img {width: 100%; height:auto; }
.best-sellers-content > ul > li > figure > img { width: 100%; height:auto; }
.best-sellers-content > ul > li > p {
  font:16px NunitoSansLight,"Nunito Sans Light"; /* font-size: 1rem; */
  line-height: 1.5;
  padding: 0 30px;
  color: #666666;
  clear:both;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
}


@media screen and (max-width: 640px) {
.best-sellers{width:100%;padding:90px 0 80px 0;}
}
@media screen and (max-width: 519px) {
.best-sellers-title {font-size:28px;margin-bottom:56px;}
.best-sellers-content > ul {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));}
.best-sellers-content > ul > li > p { -webkit-line-clamp:4;}
}



/* h1 Cookie */

.sfondo-cookie{width:100%;border-bottom: 10px solid #cec093;background: #000000;}
.box-cookie{width: 90%; margin: 0 auto;max-width:1400px;padding:40px 10px 40px 10px;text-align:center;}
.box-cookie h1{font:32px NunitoSansExtrabold,"Nunito Sans Extrabold"; color:#f8e3a2;letter-spacing:2px;line-height:1.4;padding:20px 0 0 0;}
.box-cookie p{ font:20px NunitoSansLight,"Nunito Sans Light"; color:#000000;}
.box-cookie i{border:solid 0px #f8e3a2;border-radius: 50%; padding:20px;background-color:#f8e3a2;}

/* Informativa Cookie */

.informativa{width:100%;background-color:#f7f7f7;padding:70px 0 70px 0;}
.informativa .box-informativa{width: 90%;padding:70px 5% 70px 5%;max-width:1400px;margin:0 auto;background-color:#ffffff;border-radius: 10px}
.informativa h2 {font:24px NunitoSansSemibold,"Nunito Sans Semibold";color:#000000; margin-bottom:16px; margin-top:57px; line-height:1.3}
.informativa p {font:20px NunitoSansLight,"Nunito Sans Light";color:#333333; line-height:1.6;}

@media (max-width: 1040px) {
.box-cookie h1{font:28px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.5;}
.box-cookie p{ font:18px NunitoSansLight,"Nunito Sans Light";}
.box-cookie i{padding:18px;}
.informativa{padding:50px 0 60px 0;}
.informativa .box-informativa{width: 100%;padding:0px 5% 0px 5%;background-color:#f7f7f7;border-radius: 0px}
.informativa p {font:18px NunitoSansLight,"Nunito Sans Light";line-height:1.6;}
}


/* Consenso Cookie */
.clearfix{clear:both}.eupopup-container{background-color:rgba(0,0,0,.9);color:#efefef;padding:20px 20px;font-family: NunitoSansRegular, "Nunito Sans Regular";font-size:13px;line-height:1.4em;text-align:center;display:none;z-index:9999999}.eupopup-container-fixedtop,.eupopup-container-top{position:absolute;top:0;left:0;right:0}.eupopup-container-fixedtop{position:fixed}.eupopup-container-bottom{position:fixed;bottom:0;left:0;right:0}.eupopup-closebutton{font-size:16px;font-weight:100;line-height:1;color:#a2a2a2;filter:alpha(opacity=20);position:absolute;font-family: NunitoSansRegular, "Nunito Sans Regular";top:0;right:0;padding:5px 10px}.eupopup-closebutton:active,.eupopup-closebutton:hover{color:#fff;text-decoration:none}.eupopup-head{font-size:1.2em;font-weight:700;padding:7px;color:#fff}.eupopup-body{color:#a2a2a2}.eupopup-buttons{padding:16px 0 8px}.eupopup-button_1{outline:0;cursor:pointer;text-align:center;font-size:13px;font-weight:bolder;color:#0d0d0d;padding:8px 10px;background:#faf4b0;background:-webkit-gradient(linear,left top,left bottom,from(#faf4b0),to(#f1ed73));background:-webkit-linear-gradient(top,#faf4b0,#f1ed73);background:-moz-linear-gradient(top,#faf4b0,#f1ed73);background:-ms-linear-gradient(top,#faf4b0,#f1ed73);background:-o-linear-gradient(top,#faf4b0,#f1ed73);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.eupopup-button_1:hover{background:#ebe668;background:-webkit-gradient(linear,left top,left bottom,from(#fdf870),to(#ebe668));background:-webkit-linear-gradient(top,#fdf870,#ebe668);background:-moz-linear-gradient(top,#fdf870,#ebe668);background:-ms-linear-gradient(top,#fdf870,#ebe668);background:-o-linear-gradient(top,#fdf870,#ebe668);background:linear-gradient(top,#fdf870,#ebe668);}.eupopup-button_1:active{position:relative;top:1px}.eupopup-button_2{color:#f6a21d !important;font-weight:400;font-size:12px;padding:5px 10px}.eupopup-button_2:hover{color:#d99220 !important;}.eupopup-button{margin:0 10px}
.eupopup-button:focus{text-decoration:underline;color:#f6a21d}.eupopup-button:hover{text-decoration:underline;color:#d99220}

@media screen and (max-width: 519px) {
.eupopup-buttons{padding:18px 0 9px}.eupopup-button_1{font-size:12px;padding:10px;}.eupopup-button_2{padding:10px 0px}
}



/* Footer */

footer{width: 100%; padding:50px 20px 40px 20px; color:#dedddd; background-color:#000000;font:14px NunitoSansLight,"Nunito Sans Light";}
footer .box-footer{width: 90%;max-width:1400px;margin:0 auto;overflow:hidden;} 

footer .footer-sx{float:left; padding-left:20px;border-left: 3px solid #b58738;line-height:1.9; }

footer .footer-about-doc{ float:right;margin-left:60px; width:220px}
footer .footer-titles{padding-bottom:4px;border-bottom: 1px solid #b58738;font:18px NunitoSansLight,"Nunito Sans Light";color:#f8e3a2;}
footer .footer-about-us{ padding-top:25px;line-height:1.4;}
footer .footer-link{ padding-top:20px;line-height:2.2;}

footer a:link{color:#dedddd; text-decoration:none}
footer a:visited{color:#dedddd; text-decoration:none}
footer a:hover{color:#ffffff; text-decoration:none}
footer a:active{color:#ffffff; text-decoration:none}

footer .footer-sx a:link, a:visited{color:#dedddd; text-decoration:underline}
footer .footer-sx a:hover, a:active {color:#ffffff; text-decoration:underline}

footer .footer-best-sellers{float:right; width:220px;}
footer .fa-cookie, footer .fa-shield-halved, footer .fa-file-lines, footer .fa-rotate-left{ margin-right:10px}

@media (max-width: 1280px) {
footer .footer-best-sellers{ display:none}
}
@media (max-width: 1040px) {
footer .footer-sx{padding-left:0px;border-left: 0px solid #b58738; text-align:center;width:100%}
footer .footer-image{ border-bottom: 1px solid #b58738; text-align:center; margin-bottom:10px;}
footer .footer-best-sellers, footer .footer-about-doc{ display:none}
}


/* h1 Contact */

.sfondo-contact{background: #988151;border-top: 10px solid #cec093;position:relative;}
.box-contact{width: 90%; margin: 0 auto;max-width:1400px;padding:60px 10px 60px 10px;}
.box-contact .c-image{width:460px; float:left; margin:0px 54px 0px 0px; position:relative;}
.box-contact .c-image::before {content: "";position: absolute;top: -10px;left: -10px;width: 40px;height: 40px;border-top: 4px solid #f8e3a2;border-left: 4px solid #f8e3a2;z-index: 0;}
.box-contact .c-image::after {content: "";position: absolute;bottom: -107px;left: 15px;width: 430px;height: 60px;background-image: radial-gradient(#988151 1px, transparent 1px);background-size: 12px 12px;z-index: 1;} 
/* .box-contact .c-image::after {content: "";position: absolute;bottom: -103px;right: -46px;width: 100px;height: 100px;border-bottom: 10px solid #ccc;border-left: 10px solid #ccc;z-index: 0;} */
.box-contact .c-image img{ display:block;width:100%;height:auto; border: 15px solid #f7f7f7;}

.box-contact h1{font:28px NunitoSansExtrabold,"Nunito Sans Extrabold"; color:#f8e3a2;letter-spacing:2px;line-height:1.5;}
.box-contact h2{font:18px NunitoSansLight,"Nunito Sans Light"; color:#ffffff;letter-spacing:1px;line-height:1.5;padding-top:16px;}

@media (max-width: 1280px) {
.box-contact .c-image{ width:300px; height:695px;margin:0px 34px 0px 0px}
.box-contact .c-image::after {content: "";position: absolute;bottom: -99px;width: 270px;height: 60px;} 
.box-contact .c-image img{ position: sticky;top: 10px;}
.box-contact h1{font:26px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.4;}
.box-contact h2{ font:16px NunitoSansLight,"Nunito Sans Light"; line-height:1.4;}
}

@media (max-width: 970px) {
  .box-contact{
	  padding:40px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
  }
.box-contact h1{ order: 1; }
.box-contact h2{ order: 2; }
.box-contact .c-image{
    order: 3;
    float: none;
    height: 200px;
    overflow: hidden;
    border-bottom: 10px solid #988151;
    width: 100vw;                          /* piena larghezza viewport */
    margin-left: calc(50% - 50vw);         /* "esce" dal 90% */
    margin-right: calc(50% - 50vw);
    margin-top: 44px;
    margin-bottom: 0;
    position: relative;
  }
.box-contact .c-image img{position: static;top: auto;display: block;width: 100%;height: 200px;object-fit: cover;object-position: center 82%;border: 0;}
.box-contact .c-image::before { display:none}
.box-contact .c-image::after {display:none} 
.sfondo-contact::after {content: "";position: absolute;bottom: -25px;left: 0px;width: 100%;height: 22px;background-image: radial-gradient(#988151 1.1px, transparent 1.1px);background-size: 12px 12px;z-index: 1;}
}
@media (max-width: 540px) {
.box-contact h1{font:24px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.4;}
.box-contact h2 span{ display: none }
.sfondo-contact::before {
  content: "\f044";
  font-family: "FontAwesome";
  font-size: 18px;
  color: #f7f7f7;
  
  position: absolute;
  bottom: -70px;
  right: 5%;
  width: 40px;      /* spessore */
  height: 60px;     /* altezza */
  background: #cec093;
  z-index: 1;
  border-radius: 0px 0px 12px 12px;
  display: flex;
  justify-content: center;
  align-items: flex-end;   /* allinea in basso */
  padding-bottom: 10px;
}
}







/* Contact Form */

.support{width:100%;background-color:#f7f7f7;padding:0px;}
.support .box-support{width: 90%;margin:0 auto;max-width:1400px;padding:70px 0 70px 5%;position: relative;}
.support .box-support::after {content: "";position: absolute;bottom: 70px;left: 4px;width: 40px;height: 40px;border-bottom: 4px solid #f8e3a2;border-left: 4px solid #f8e3a2;z-index: 0;}
.support .box-support::before {content: '"Painting is a science and also the legitimate daughter of nature, because it is the latter that gives birth to it."';position: absolute;bottom: 92px;left: 25px;width: 390px;height: 100px;z-index: 1; color:#000;background-color:#cec093;font:18px NunitoSansLight,"Nunito Sans Light"; line-height:1.4; padding:35px 20px;font-style: italic;}
.box-assistenza{color:#666;margin-top:0px; padding:40px; background-color:#f0f3f3;border:1px solid #ccc;overflow:hidden} /* era margin-top:22px */
.box-assistenza::before {content: "–\00a0\00a0 Leonardo da Vinci";position: absolute;bottom: 92px;left: 25px;width: 390px;height: 0px;z-index: 1;color:#333;font:16px NunitoSansLight,"Nunito Sans Light"; line-height:1.4; padding:40px 20px}

@media (max-width: 1280px) {
.support .box-support{width: 90%;padding:20px 0 60px 5%;}
.support .box-support::after {bottom: 60px;}
.support .box-support::before {bottom: 82px;width: 230px;height: 120px;z-index: 1; font:16px NunitoSansLight,"Nunito Sans Light"; line-height:1.4; font-style: italic;}
.box-assistenza::before {bottom: 82px;width: 230px;}
}
@media (max-width: 970px) {
.support .box-support{width: 100%;padding:60px 5% 60px 5%;}
.support .box-support::after { display:none}
.support .box-support::before { display:none}
.box-assistenza::before { display:none}
}
@media (max-width: 670px) {
.box-assistenza{margin-top:0px; padding:0px;background-color:#f7f7f7;border:0px solid #ccc}
}


.header-assistenza{border:1px solid #d4d4d4; max-width:700px; margin-bottom:20px;display: flex;  flex-wrap: wrap;  align-items: center;}
.foto-assistenza{width:300px; height:140px;margin-left:4px}
.foto-assistenza img{display:block;}
.motivo-assistenza{font-size:17px;line-height:1.6;color:#666; margin-right:20px;width: 350px;margin-top:10px;margin-left:19px;margin-bottom:20px;}
.motivo-assistenza input {font: 16px NunitoSansRegular, "Nunito Sans Regular"; width:100%; border: 1px solid #ccc; background: #FFF; margin: 0px; padding: 15px; color:#666;outline:none}
#otherType {margin:0; padding:0; font: 16px NunitoSansRegular, "Nunito Sans Regular";line-height:1.6;}

.riga-nome-email-sx{float:left; overflow:hidden; margin-top:20px;width:48%;}
.riga-nome-email-dx{float:right; overflow:hidden; margin-top:20px;width:48%;}
.icon {margin:0; padding: 16px 2px 16px 2px; text-align: center;background: #888; color: white; float:left;display: inline-block; width:10%}
.riga-nome-email-sx input[type="text"], .riga-nome-email-dx input[type="text"], .riga-nome-email-dx input[type="email"] {  font: 16px NunitoSansRegular, "Nunito Sans Regular"; width:90%; float:left;display: inline-block;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0px;
  padding: 15px;
  color:#666;}
.support #website{display:none;} /* Honeypot anti-bot */

.riga-messaggio{float:left; overflow:hidden; margin-top:20px;width:100%}
.riga-privacy-sx {float:left;font: 15px NunitoSansRegular, "Nunito Sans Regular";line-height:1.6;color: #666; margin-top:10px;}
.riga-privacy-sx input[type="checkbox"] {position: absolute;opacity: 0; pointer-events: none;}
.riga-privacy-sx input[type="checkbox"]:checked + label::before { background: #000;color: #f8e3a2;}
.riga-privacy-sx label {display: inline-block;cursor: pointer;user-select: none; }
.riga-privacy-sx label::before {
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 16px;
    color: transparent;
    background: #fff;
    width: 16px;
    height: 16px;
	line-height: 16px;
    border: 1px solid #999999;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
	margin-right: 8px;
	position: relative;
    top: -3px; 
}
.riga-privacy-sx a:link{color:#0000FF}
.riga-privacy-sx a:visited{color:#0000FF}
.riga-privacy-sx a:hover{color:#FF0000}
.riga-privacy-sx a:active{color:#0000FF}

.riga-invio-sx{float:left; margin-top:22px; width:320px}
#pulsante-invio{ outline:none;cursor:pointer;text-align:center;text-decoration:none;display:block; padding: 16px 0px;margin:0px 0px 10px 1px;font:17px NunitoSansSemibold,"Nunito Sans SemiBold";background-color: #fdf3ae;color:#1e2e45;border-radius:5px;border:solid 1px #bfaea1;width: 260px;} /* era giallo molto chiaro: fdf6c9 */
#pulsante-invio:hover{background-color: #fff194;}
.fa-paper-plane{margin-left:16px;float:left;}
.riga-esito-invio {font: 16px NunitoSansRegular, "Nunito Sans Regular"; color: #666; margin-top:22px; padding:2px 0px; line-height:1.5;display:inline-block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float:left}
  
#assistenza textarea {font: 16px NunitoSansRegular, "Nunito Sans Regular";line-height:1.6;resize: vertical; width:100%; min-height:200px;max-height: 300px;
  border: 1px solid #ccc;
  background: #FFF;
  margin:0;
  padding: 20px;
  color:#666;}

#assistenza input:focus {outline: 0;border: 1px solid #aaa;}
#assistenza textarea:focus {outline: 0;border: 1px solid #aaa;}


@media (max-width: 670px) {
.riga-nome-email-sx input[type="text"], .riga-nome-email-dx input[type="text"], .riga-nome-email-dx input[type="email"] {width:90%;}
.header-assistenza{border:1px solid #d4d4d4;max-width:100%;margin-bottom:10px}
.foto-assistenza{margin-left:4px}
.foto-assistenza img{border: none;max-width:80%; height:auto;}
.motivo-assistenza{width: 100%;margin-right:14px;border:0px solid #d4d4d4; margin-left:13px;margin-top:-15px;line-height:1.2;}

.riga-nome-email-sx{float:left; width:100%;margin-top:10px;}
.riga-nome-email-dx{float:left; width:100%;margin-top:10px;}
.riga-messaggio{margin-top:10px;}

#otherType {display: inline-block;}
.riga-invio-sx {margin:20px 0px 20px 0px;width:100%}
#pulsante-invio {padding: 18px 0px;margin:0px;width:100%; }
.riga-esito-invio {padding:5px 0px; display:block;width:100%;text-align:center;}
#assistenza textarea {max-height: 500px;}
}
@media (max-width: 540px) {
.header-assistenza{border:0px solid #d4d4d4;margin-bottom:-19px;}
.foto-assistenza{margin-left:-9px; }
.motivo-assistenza{margin-right:0px;margin-left:0px;margin-top:-20px}
}



/* h1 e h2 Canvas Wall Art */

.sfondo-canvas{width:100%;background: #000000;position:relative;}
.sfondo-canvas::before{content:"";position:absolute;inset:0;background:url("images/decorazione-botanica.png") no-repeat center;background-size:cover;z-index:0;opacity:0.4;}
.sfondo-canvas .box-canvas{width: 90%; margin: 0 auto;max-width:1400px;padding:60px 10px 60px 10px;text-align:center;position:relative;z-index:1;}
.sfondo-canvas .box-canvas h1 {position: relative;display: inline-block;font:26px NunitoSansExtrabold,"Nunito Sans Extrabold"; color:#f8e3a2;letter-spacing:2px;line-height:1.5;}
.sfondo-canvas .box-canvas h1::after {content: "";display: block;height: 2px;width: 100%;margin: 4px auto 0 auto;background: linear-gradient(to right, transparent, #f8e3a2, transparent);}
.sfondo-canvas .box-canvas h2{ font:18px NunitoSansLight,"Nunito Sans Light"; color:#cec093;letter-spacing:1px;line-height:1.5;padding-top:16px;}
.sfondo-canvas .box-breadcrumb {width:100%;background-color:#cec093;border-bottom: 2px solid #000000;padding:5px 0px;position:relative;z-index:1;}

@media (max-width: 1040px) {
.sfondo-canvas .box-canvas h1{font:24px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.4;}
.sfondo-canvas .box-canvas h2{ font:16px NunitoSansLight,"Nunito Sans Light"; line-height:1.4;}
}

/* Lista Canvas Wall Art */

.sfondo-lista-canvas{
    width:100%;
	color:#000000;
	background-color:#f7f7f7;
	padding:90px 0 70px 0;
}
.lista-canvas {
  width: 90%;
	text-decoration:none;
	max-width:1400px;
	margin: 0 auto;

}
.lista-canvas > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 3rem 2rem;
}
.lista-canvas > ul > li {
  overflow: hidden;
}
.lista-canvas > ul > li > h3{text-decoration:none; font:20px NunitoSansSemibold,"Nunito Sans Semibold";color:#000; margin-top:10px;}
.lista-canvas > ul > li > p {
  font:16px NunitoSansRegular, "Nunito Sans Regular"; /* font-size: 1rem; */
  padding-top:5px;
  color: #666666;
}
.lista-canvas > ul > li > figure {
  max-height: 675px; /* modificato max-height: 220px; */
  overflow: hidden;
  position: relative;
  line-height: 0;
  contain: paint;
}
.lista-canvas > ul > li > figure > a > img {width: 100%; height:auto; display:block; transition: transform 0.4s ease; transform-origin: 50% 50%;}
.lista-canvas > ul > li > figure > a > img:hover {transform: scale(1.05);}
.lista-canvas > ul > li > figure > a > .coming-soon {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font: 14px NunitoSansSemibold, "Nunito Sans Semibold";
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 6px;
  letter-spacing: 0.5px;
  z-index: 2;
}


@media screen and (max-width: 640px) {
.sfondo-lista-canvas{width:100%;padding:60px 0 40px 0;}
.lista-canvas > ul > li > figure > a > img:hover {transform: scale(1.00);}
}
@media screen and (max-width: 519px) {
.lista-canvas > ul {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 2rem 2rem;}
}




/* h1 Prodotti */

.sfondo-prodotti{width:100%;background: #000000;}
.box-prodotti{width: 90%; margin: 0 auto;max-width:1400px;padding:12px 10px 12px 10px;text-align:center;}
.box-prodotti h1{font:24px NunitoSansExtrabold,"Nunito Sans Extrabold"; color:#f8e3a2;letter-spacing:2px;line-height:1.5;padding:20px 20px;}
.sfondo-down-arrow-prodotti { background-color:#f7f7f7;}
.down-arrow-prodotti {border-top: 20px solid #f7f7f7;}

.sfondo-prodotti .box-breadcrumb {width:100%;background-color:#cec093;border-bottom: 2px solid #000000;}
.sfondo-prodotti .box-breadcrumb nav {width: 90%; margin: 0 auto;max-width:1400px;padding:5px 0px;}
.sfondo-prodotti ol {list-style: none;display: flex;flex-wrap: wrap;font: 14px NunitoSansRegular, "Nunito Sans Regular";color:#333333;}
.sfondo-prodotti ol li + li::before {text-rendering: auto;-webkit-font-smoothing: antialiased;font: var(--fa-font-solid);content: "\f105";font-size:10px;padding: 0 6px;color: #333333;}
.sfondo-prodotti ol a:link {color:#333333;text-decoration-thickness: 1px;}
.sfondo-prodotti ol a:visited {color:#333333;text-decoration-thickness: 1px;}
.sfondo-prodotti ol a:hover {color:#000000;text-decoration-thickness: 1px;}
.sfondo-prodotti ol a:active {color:#000000;text-decoration-thickness: 1px;}

@media (max-width: 1040px) {
.sfondo-prodotti{border-bottom: 10px solid #000000;}
.box-prodotti{padding:40px 10px 40px 10px;}
.box-prodotti h1{font:26px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.4;}
.sfondo-down-arrow-prodotti { background-color:#f7f7f7;}
.down-arrow-prodotti {width: 0;height: 0;border-left: 60px solid transparent;border-right: 60px solid transparent;border-top: 20px solid #000000;margin:0 auto;}
.sfondo-prodotti .box-breadcrumb nav {overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
.sfondo-prodotti .box-breadcrumb nav::-webkit-scrollbar {display: none;}
.sfondo-prodotti ol {flex-wrap: nowrap;white-space: nowrap;}
}
@media (max-width: 540px) {
.sfondo-prodotti{border-bottom: 0px solid #f7f7f7;}
.box-prodotti{padding:5px 10px 5px 10px;}
.box-prodotti h1{font:20px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.4;}
.down-arrow-prodotti {border-left: 0px solid transparent;border-right: 0px solid transparent;border-top: 0px solid #000000;}
}



/* Mockup, Selezione e Acquista */

.msa{width:100%;background-color:#f7f7f7;padding:10px 0 30px 0;}
.msa .box-msa{width: 90%;max-width:1400px;margin:0 auto; overflow:hidden; position:relative}

.msa .mockup-prodotto {width:560px; height:auto; float:left; z-index:100; position:relative;margin-top:20px;border-top: 7px solid #f7f7f7;border-right: 7px solid #f7f7f7;}
.msa .selezione-prodotto { padding:20px 30px 51px 430px;background-color:#ebebeb; max-width:700px; display:inline-block; margin-left:-400px; z-index:10;border-radius: 10px;}
.msa .acquista-prodotto { border: 2px solid #ebebeb;padding:10px 30px 20px 30px; border-radius: 10px; width:398px; float:right }

.mockup-prodotto img {width: 100%; height:auto;display:block; box-sizing:border-box;transition: opacity 0.25s ease;}
.mockup-prodotto.can-zoom {
  cursor:zoom-in;
}

.mockup-prodotto.zoom-on {
  cursor:zoom-out;
}

.mockup-prodotto.zoom-on img {
  opacity:0;
}

#zoomBtn {
  display:none;
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background: rgba(255, 255, 255, 0.9); /* colore #fff con trasparenza */
  color:#666;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
  cursor:pointer;
}

#zoomBtn.active {
  background: rgba(51, 51, 51, 0.9); /* colore #333 con trasparenza */
    color: #fff;
}

/* Dispositivi con mouse/trackpad */
@media (hover: hover) and (pointer: fine) {
  #zoomBtn {
    display:none;
  }
}

/* Dispositivi touch */
@media (hover: none), (pointer: coarse) {
  #zoomBtn {
    display:block;
  }

  .mockup-prodotto.can-zoom,
  .mockup-prodotto.zoom-on {
    cursor:default;
  }

  .mockup-prodotto.zoom-on {
    touch-action:none;
  }
}



.selezione-prodotto .opzioni select {font: 16px NunitoSansRegular, "Nunito Sans Regular"; width:100%;min-width:220px;border: 1px solid #ebebeb;background: #FFF;margin:0;padding: 15px; color:#333333; outline:none;cursor:pointer;}
.selezione-prodotto .opzioni select:hover{border: 1px solid #cfcfcf;}
.selezione-prodotto .opzioni select:disabled {opacity: 0.4;}
.selezione-prodotto .opzioni p{font:16px NunitoSansRegular, "Nunito Sans Regular";padding: 20px 0 5px 0;color:#666666; line-height:1.4}

.selezione-prodotto .casella2{margin-top:30px;font: 16px NunitoSansRegular, "Nunito Sans Regular";color:#666666;line-height:1.6;}
.selezione-prodotto .casella2 p{font: 16px NunitoSansRegular, "Nunito Sans Regular";padding: 20px 0 5px 0;line-height:1.4;border-bottom: 1px solid #cfcfcf; margin-bottom:15px}
.selezione-prodotto .casella2 span {display: inline-block;width: 20px;height: 14px;border: 1px solid #666;margin-right: 10px;vertical-align: middle; margin-bottom:7px}

.selezione-prodotto .casella p{font:16px NunitoSansRegular, "Nunito Sans Regular";padding: 20px 0 10px 0;color:#666666; line-height:1.4}
.selezione-prodotto .casella{font: 16px NunitoSansLight,"Nunito Sans Light";line-height:1.4;color: #666666; margin-top:30px}
.selezione-prodotto .casella label{cursor:pointer;}
.selezione-prodotto .casella label::before {content: 'Check this box if you have large spaces to decorate. The artwork will be made up of three panels and will have a total length of approximately 150 cm.';}
.selezione-prodotto .casella input[type="checkbox"] {cursor:pointer;outline: none;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;content: none;}
.selezione-prodotto .casella input[type="checkbox"]:before {
	font-family: "FontAwesome";
    content: "\f00c";
    font-size: 16px;
    color: transparent !important;
    background: #ffffff;
    display: block;
    width: 15px;
    height: 16px;
    border: 1px solid #999999;
    margin-right: 6px;
	padding-left:1px
}
.selezione-prodotto .casella input[type="checkbox"]:checked:before {background: #000000;color: #f8e3a2 !important;}

.acquista-prodotto .tag-prodotto{font:14px NunitoSansSemibold,"Nunito Sans Semibold";color:#009144;padding: 13px 0px 30px 0px;letter-spacing:1px;}
.acquista-prodotto .tag-prodotto .fa-circle{ padding-right: 6px;color:#009144;}
.acquista-prodotto .tag-prodotto .fa-fade{--fa-animation-duration: 2s;--fa-fade-opacity: 0.6;}

.acquista-prodotto h2{font:24px NunitoSansSemibold,"Nunito Sans Semibold";color:#333333; line-height:1.2;padding-bottom:10px}
.acquista-prodotto #price{font:30px NunitoSansExtrabold,"Nunito Sans Extrabold";color:#333333; line-height:1.4; padding-bottom:30px}
.acquista-prodotto #price-converted {font: 14px NunitoSansRegular,"Nunito Sans";color: #999;margin-left: 10px;vertical-align: 1px;}

.acquista-prodotto #price::before {display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;font: var(--fa-font-solid);content: "\f153";font-size:14px;line-height:33px;vertical-align: top; margin-right:5px;}
<!-- Per decimali .acquista-prodotto #price::after {display: inline-block;font-size:16px;margin-left:2px;content: '.00';}  -->

.acquista-prodotto .paesi p{font:18px NunitoSansRegular, "Nunito Sans Regular";padding: 20px 0 5px 0;color:#333333;}
.acquista-prodotto .paesi .fa-earth-europe{ margin-right: 10px}
.acquista-prodotto .paesi select {font: 16px NunitoSansRegular, "Nunito Sans Regular"; width:100%;border: 1px solid #ebebeb;background: #FFF;margin:0;padding: 15px; color:#333333; outline:none;cursor:pointer;}
.acquista-prodotto .paesi select:hover{border: 1px solid #cfcfcf;}
.acquista-prodotto .bullet{ padding-bottom:20px}
.acquista-prodotto .bullet p{font:16px NunitoSansLight,"Nunito Sans Light";color: #333333;line-height:1.5;}

.acquista-prodotto button#pulsante-acquista{padding: 16px 30px;background-color: #222222; color:#fff7ff; text-align:center; text-decoration:none;font:18px NunitoSansRegular, "Nunito Sans Regular";border-radius: 5px; border:none;margin-bottom:5px; width:100%;cursor: not-allowed; opacity: 0.2;}
.acquista-prodotto button#pulsante-acquista.enabled {cursor: pointer;opacity: 1;}
.acquista-prodotto button#pulsante-acquista.enabled:hover {background-color: #000000;}
.select-warning {border: 2px solid red; box-shadow: 0 0 8px red; transition: border 0.3s, box-shadow 0.3s;}

<!-- Splendido pulsante "Aggiungi al carrello" con sfondo sfumato arancio:  background-color: #f6a143;background-image: linear-gradient(#f6a143, #e67900);  -->
<!-- Splendido pulsante "Aggiungi al carrello" con sfondo sfumato arancio:hover  background-color: #f39833;background-image: linear-gradient(#f39833, #cf720a);  -->

@media (max-width: 1480px) {.msa .acquista-prodotto { border: 0px solid #ebebeb;padding:0px 0px 20px 30px;width:368px; }}
@media (max-width: 1440px) {
.msa .mockup-prodotto {width:600px;border-top: 0px solid #f7f7f7;border-right: 10px solid #f7f7f7; border-bottom: 10px solid #f7f7f7;} 
.msa .selezione-prodotto {padding:60px 30px 55px 30px; display:block; margin-left:0px; margin-top:570px; max-width:100%; border-radius: 0px;}
.msa .acquista-prodotto { border: 0px solid #ebebeb;padding:10px 0px 20px 30px;position:absolute; top:0; right:0;width:468px; }
.selezione-prodotto .opzioni  {display:inline-block; margin-right:30px; margin-top:10px}
.selezione-prodotto .opzioni select { min-width:250px;}
.selezione-prodotto .casella  { float:right; max-width:408px;margin-top:-20px;line-height:1.6;}
.selezione-prodotto .casella2  { float:right; width:408px;margin-top:-32px;}
.selezione-prodotto .casella2 .colori {display: flex;gap: 60px;}
}
@media (max-width: 1240px) {
.msa .acquista-prodotto {width:368px; }
.selezione-prodotto .casella  { max-width:308px;margin-top:-32px;line-height:1.4;}
.selezione-prodotto .casella2  { max-width:308px;}
.selezione-prodotto .casella2 .colori {gap: 30px;}
}
@media (max-width: 1120px) {
.msa .mockup-prodotto {width:540px;}
.msa .selezione-prodotto {padding:60px 30px 82px 30px;}
.selezione-prodotto .opzioni  {margin-top:-42px}
.selezione-prodotto .opzioni select { min-width:220px;}
.selezione-prodotto .casella  { margin-top:-42px}
.selezione-prodotto .casella2  {margin-top:-42px;}
}
@media (max-width: 1040px) {
.msa .box-msa{width: 100%;}
.msa .mockup-prodotto {width:70%;max-width:900px;margin-left:15%; margin-right:15%;border-top: 0px;border-right: 10px solid #f7f7f7; border-bottom: 10px solid #f7f7f7;border-left: 10px solid #f7f7f7;}
.msa .selezione-prodotto {width: 100%;margin-left:0px;float:left;padding:100px 15% 48px 15%; margin-bottom:0px;margin-top:-50px;border-radius: 0px;}
.selezione-prodotto .casella  { float:left; max-width:100%;margin-top:14px}
.selezione-prodotto .opzioni {margin-right:0px;}
.selezione-prodotto .opzioni:nth-of-type(1)  {width:48%; float:left}
.selezione-prodotto .opzioni:nth-of-type(2)  {width:48%; float:right}
.selezione-prodotto .casella2  {margin-top:40px;}
.selezione-prodotto .casella2 p{display:none}
.msa .acquista-prodotto {width:70%;padding:60px 0px 30px 0px; float:left; position:relative; margin-left:15%; margin-right:15%; border: 0px solid #ebebeb;}
.acquista-prodotto .tag-prodotto{ position:absolute; left:0; top:-80px}
.acquista-prodotto h2{display:none}
.acquista-prodotto #price{position:absolute; left:0; top:-120px}
.acquista-prodotto button#pulsante-acquista{padding: 20px 30px;}
}
@media (max-width: 670px) {
.msa .box-msa{width: 90%;}
.msa .mockup-prodotto {width:100%; border-top: 0px;border-right: 0px solid #f7f7f7; border-bottom: 0px solid #f7f7f7;border-left: 0px solid #f7f7f7;margin-top:30px; margin-bottom:60px; margin-left:0; margin-right:0}
.msa .selezione-prodotto {width: 100%; padding:0 0 48px 0;margin:0px;background-color:#f7f7f7;border-bottom: 1px solid #ccc;}
.msa .acquista-prodotto {width:100%;margin:0; padding:50px 0px 30px 0px;}
}
@media (max-width: 525px) {
.msa{padding:0;}
.msa .box-msa{width: 100%;}
.msa .mockup-prodotto {margin-top:0px; margin-bottom:20px; }
.msa .selezione-prodotto {margin:0px 5% 90px 5%;border-bottom: 0px solid #ccc;width: 90%;padding:0 0 28px 0;}
.selezione-prodotto .opzioni  {margin-top:0px;}
.selezione-prodotto .opzioni:nth-of-type(1)  {width:100%; float:left; margin-bottom:5px; }
.selezione-prodotto .opzioni:nth-of-type(2)  {width:100%; float:left}
.selezione-prodotto .opzioni p,
.selezione-prodotto .casella p{ display:none}
.selezione-prodotto .casella2  { display:none}
.msa .acquista-prodotto {background-color:#ebebeb;width: 100%;border-radius: 0px;padding:30px 0px 30px 0px;}
.acquista-prodotto .tag-prodotto{ font:13px NunitoSansSemibold,"Nunito Sans Semibold";margin:-120px 5% 60px 5%; display: inline-block;float:right;padding-top:20px;position:static;}
.acquista-prodotto #price{width: 90%;margin:-120px 5% 60px 5%;border-bottom: 1px solid #cfcfcf;padding-top:5px;padding-bottom:5px; position: static; }
.acquista-prodotto #price-converted {vertical-align: 3px;}
.acquista-prodotto .paesi{width: 90%;margin:0px 5% 20px 5%;}
.acquista-prodotto .bullet{ width: 90%;margin:0px 5% 0px 5%;}
.selezione-prodotto .casella label::before {content: 'Triptych wall art (150x100 cm)';}
.selezione-prodotto .casella input[type="checkbox"]:before {border: 1px solid #cfcfcf;}
.acquista-prodotto .paesi p{padding: 30px 0 10px 0;}
.acquista-prodotto button#pulsante-acquista{width: 90%;margin:0px 5% 12px 5%;}
.selezione-prodotto .opzioni select {border: 1px solid #cfcfcf;}
.acquista-prodotto .paesi select {border: 1px solid #cfcfcf;}
}


/* Descrizione, FAQ e Dettagli */

.dfa{width:100%;border-bottom: 50px solid transparent;background-color:#f7f7f7;}
.dfa .box-dfa{width: 90%;padding:50px 5% 30px 5%;max-width:1400px;margin:0 auto;background-color:#ffffff;border-radius: 10px}
.tabss {display: flex;flex-wrap: wrap;margin: 10px 0;}
.tabss label {order: 1;display: block;padding: 16px 0px;margin-right:46px;cursor: pointer;user-select: none;transition: background ease 0.2s;color: #999;font:16px NunitoSansExtrabold,"Nunito Sans Extrabold";letter-spacing: 1px;text-transform: uppercase;}
.tabss label .fa-solid {margin-right:6px}
.tabss label:hover {color: #555;}
.tabss .tab {order: 99;flex-grow: 1;width: 100%;display: none;padding: 30px 0px;background-color: #fff;border-top: 1px solid #ccc;}
.tabss .tab p{font:18px NunitoSansLight,"Nunito Sans Light";color:#1e1e1e; line-height:1.6;}
.tabss .tab h3{ display:none}
.tabss .tab .description-info{font:18px NunitoSansSemibold,"Nunito Sans Semibold"; color:#ada179;margin-top:22px; margin-bottom:0px;text-transform: uppercase;letter-spacing: 1px;}
.tabss .caption-dx-prodotto{width:50%;min-width:400px;max-width:640px;float:right; margin:22px 0px 0px 46px;}
.tabss .caption-sx-prodotto{width:50%;min-width:400px;max-width:640px;float:left; margin:22px 46px 28px 0px;}
.tabss .caption-dx-prodotto img, .tabss .caption-sx-prodotto img{ display:block;width:100%;height:auto;}
.tabss .caption-dx-prodotto .sf {
  background-color: rgba(0, 0, 0, 0.6);
  color: #ddd;
  font: 14px NunitoSansSemibold, "Nunito Sans Semibold";
  padding: 10px 20px 8px 20px;
  letter-spacing: 0.5px;
  margin-bottom:28px;
}

.tabss input[type="radio"] {display: none;}
.tabss input[type="radio"]:checked + label {border-bottom: 2px solid #b58738;color: #555;}
.tabss input[type="radio"]:checked + label + .tab {display: block;}

.tabss .faq-list {list-style: none;counter-reset: item;}
.tabss .faq-list li {  border-bottom: 1px solid #ebebeb;}
.tabss details { cursor: pointer;}
.tabss summary {font:18px NunitoSansLight,"Nunito Sans Light";color:#1e1e1e;list-style: none;user-select: none;position: relative; padding: 19px 34px 19px 0px;font-weight: bold;counter-increment: item;margin-left: 44px;}
.tabss summary:before {margin-right: 10px;content: counter(item);background: #cec093;border-radius: 50%;color: white;width: 28px; height:22px;text-align: center;display: inline-block;padding-top:6px; position:absolute; left:-44px; top:14px}
.tabss summary:after {
  text-rendering: auto;-webkit-font-smoothing: antialiased;font: var(--fa-font-solid);content: "\2b";
  position: absolute;
  top: 22px;
  right: 0;
}
.tabss details[open] summary:after { content: "\f068";}
.tabss details p { margin-bottom: 18px; padding:10px 0 20px 0;cursor: auto;}

.txt-tabella{font:18px NunitoSansLight,"Nunito Sans Light";color:#333333;line-height:1.6; margin-top:25px;border:1px solid #ccc;}
table#tabella-prodotti{width:100%;border-collapse:collapse;}
table#tabella-prodotti tr:nth-of-type(odd){background:#ebebeb;}
table#tabella-prodotti tr:nth-of-type(even){background:#f7f7f7;}
table#tabella-prodotti td, th{padding:8px 20px;}

@media (max-width: 1040px) {
.dfa{background-color:#ffffff;border-bottom: 35px solid transparent;}
.dfa .box-dfa{border-radius: 0px;width:100%; padding:0}
.tabss {width:70%;margin-left:15%; margin-right:15%; margin-top:55px; margin-bottom:0px}
.tabss label {display: none;}
.tabss .tab {display: block;border-top: 0px solid #ccc;padding: 30px 0px}
.tabss .tab .fa-solid {margin-right:10px}
.tabss .tab p{font:16px NunitoSansLight,"Nunito Sans Light";line-height:1.5;}  /* era font:18px NunitoSansLight,"Nunito Sans Light";line-height:1.6; */
.tabss .tab h3{ display:block;font:18px NunitoSansExtrabold,"Nunito Sans Extrabold";letter-spacing: 1px;text-transform: uppercase;color: #555;padding-bottom: 25px;}
.tabss .caption-dx-prodotto, .tabss .caption-sx-prodotto{width:100%;min-width:100px;max-width:900px;margin:18px 0px 28px 0px;}
.tabss .caption-dx-prodotto .sf {font: 12px NunitoSansLight,"Nunito Sans Light";padding: 6px 20px 4px 20px;}

.tabss input[type="radio"]:checked + label {border-bottom: 0px solid #b58738;color: #999;}
.tabss summary {font:16px NunitoSansLight,"Nunito Sans Light";margin-left: 0px;font-weight: bold;line-height:1.3;}
.tabss summary:before {display:none}
.tabss summary::after {top: 21px;}
.txt-tabella{font:16px NunitoSansLight,"Nunito Sans Light";border:1px solid #555;line-height:1.3;}
table#tabella-prodotti td, th{padding:10px 10px;}
}
@media (max-width: 670px) {
.dfa .box-dfa{width: 90%;}
.tabss {width:100%; margin-left:0; margin-right:0; margin-top:35px; margin-bottom:0px}
.tabss .tab {padding: 30px 0px 15px 0px}
.tabss .tab p{padding:12px 0;}
.tabss .tab h3{padding-bottom: 18px;}
.tabss .tab .description-info{font:16px NunitoSansSemibold,"Nunito Sans Semibold";line-height:1.4;position: relative;margin-bottom:6px;background-image: linear-gradient(to right, #999 40%, rgba(255, 255, 255, 0) 0%);background-position: bottom;background-size: 10px 2px;background-repeat: repeat-x;padding-bottom:4px}
}



/* Indice e Guida - How to Hang a Canvas */

.ig{width:100%;background-color:#ebebeb;padding:70px 0 70px 0;}
.ig .box-ig{width: 90%;max-width:1400px;margin: 0 auto;display: flex;align-items: flex-start;}
.ig .indice { padding:10px 20px 20px 20px; border-radius: 10px 0 0 10px;width:298px;background-color:#f7f7f7;position: sticky;top: 10px;}
.ig .guida { padding: 30px 50px 30px 50px; border-radius: 0 10px 10px 0; flex: 1;background-color:#ffffff;}

.indice .stileindice {font:20px NunitoSansSemibold,"Nunito Sans Semibold";margin: 20px 0px 40px 2px;color: #1e1e1e;border-bottom: 1px solid #cfcfcf; padding-bottom:5px;letter-spacing:1px;}
.indice ol {list-style: none;counter-reset: item;}
.indice li {margin-bottom: 15px;counter-increment: item;font:18px NunitoSansLight,"Nunito Sans Light";line-height:1.5; position:relative;margin-left: 44px;}
.indice li:before {margin-right: 10px;content: counter(item);background: #cec093;border-radius: 50%;color: white;width: 1.7em;text-align: center;display: inline-block;padding-top:3px; position:absolute; left:-44px; top:-2px}

.indice li a {display: inline-block;}
.indice li a:link{color:#1e1e1e;}
.indice li a:visited{color:#1e1e1e}
.indice li a:hover{color:#000000;}
.indice li a:active{color:#1e1e1e}

.guida .caption-sx-guida{width:50%;min-width:400px;max-width:640px;float:left; margin:22px 46px 28px 0px;}
.guida .caption-dx-guida{width:50%;min-width:400px;max-width:640px;float:right; margin:22px 0px 28px 46px;}
.guida .caption-sx-guida img, .guida .caption-dx-guida img{ display:block;width:100%;height:auto;}
.guida .clear {clear: both;}
.guida p{font:18px NunitoSansLight,"Nunito Sans Light";color:#1e1e1e; line-height:1.6;}

.guida h2 {font:28px NunitoSansSemibold,"Nunito Sans Semibold";color:#000000;margin:40px 0 26px 70px;position: relative;counter-increment: capitolih2;padding-top:20px;background-image: linear-gradient(to right, #cec093 40%, rgba(255, 255, 255, 0) 0%);background-position: bottom;background-size: 10px 3px;background-repeat: repeat-x;padding-bottom:12px}
.guida h2:before {position: absolute;width: 50px;height: 36px;border-radius:50%;font:22px NunitoSansSemibold,"Nunito Sans Semibold";color:#ffffff;background-color:#cec093;text-align: center;top: 10px;left: -70px;content: counter(capitolih2); padding-top:14px}



@media (max-width: 1280px) {
.ig{background-color:#f7f7f7;padding:50px 0 50px 0;}
.ig .indice {border-radius: 0px;padding:10px 20px 20px 0px;width:278px; margin-right:20px}
.ig .guida { border-radius: 10px;}

.guida .caption-sx-guida, .guida .caption-dx-guida{ width:100%;max-width:900px;margin:22px 0px 38px 0px; position:relative;}
.guida .caption-sx-guida img, .guida .caption-dx-guida img{max-width:450px;position:relative;z-index: 2;border-right: 10px solid #ffffff;}

.guida .caption-sx-guida::after, .guida .caption-dx-guida::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  border-bottom: 4px solid #f8e3a2;
  border-right: 4px solid #f8e3a2;
  z-index: 0;
}
.guida .caption-sx-guida::before, .guida .caption-dx-guida::before {
  content: "";
  position: absolute;
  bottom: 12px;
  right: 20px;
  width: 300px;
  height: 30%;
  background-image: radial-gradient(#000000 1px, transparent 1px);
  background-size: 12px 12px;
  z-index: 1;
}

.guida h2 {font:24px NunitoSansSemibold,"Nunito Sans Semibold";margin:40px 0 26px 62px;padding-top:16px;}
.guida h2:before {width: 46px;height: 33px;font:22px NunitoSansSemibold,"Nunito Sans Semibold";top: 10px;left: -62px; padding-top:12px}
}

@media (max-width: 1040px) {
.ig{background-color:#ffffff; padding:0}
.ig .box-ig{width:100%; display:block}
.ig .indice { width:100%; position:relative;top: 0px;margin-right:0px; padding:20px 5% 40px 5%;border-bottom: 2px solid #ebebeb; }
.ig .guida { width:90%;margin-left:5%; margin-right:5%;padding: 30px 0px 50px 0px}

.indice ol { max-width:500px;z-index: 2;position:relative; background-color:#f7f7f7;padding-right:20px}

.guida .caption-sx-guida{width:50%;min-width:350px;max-width:640px;float:left; margin:18px 42px 28px 0px;}
.guida .caption-dx-guida{width:50%;min-width:350px;max-width:640px;float:right; margin:18px 0px 28px 42px;}
.guida .caption-sx-guida img, .guida .caption-dx-guida img{max-width:900px;border-right: 0px solid #ffffff;}

.guida .caption-sx-guida::after, .guida .caption-dx-guida::after, .guida .caption-sx-guida::before, .guida .caption-dx-guida::before { display:none}

.ig .indice::after{
  content: "";
  position: absolute;
  bottom: 55px;
  right: 5%;
  width: 40px;
  height: 40px;
  border-bottom: 4px solid #f8e3a2;
  border-right: 4px solid #f8e3a2;
  z-index: 0;
}
.ig .indice::before {
  content: "";
  position: absolute;
  bottom: 72px;
  right: calc(5% + 20px);
  width: 300px;
  height: 30%;
  background-image: radial-gradient(#000000 1px, transparent 1px);
  background-size: 12px 12px;
  z-index: 1;
}

.guida p{font:16px NunitoSansLight,"Nunito Sans Light";line-height:1.5;padding:12px 0;}
}


@media (max-width: 680px) {

.indice ol {max-width:100%;padding-right:0px;}
.ig .indice::after, .ig .indice::before{display:none}

.guida .caption-sx-guida, .guida .caption-dx-guida{ width:100%;max-width:900px;margin:18px 0px 34px 0px; position:relative;}
.guida .caption-sx-guida img, .guida .caption-dx-guida img{max-width:400px;position:relative;z-index: 2;border-right: 10px solid #ffffff;}
.guida .caption-sx-guida::after, .guida .caption-dx-guida::after, .guida .caption-sx-guida::before, .guida .caption-dx-guida::before { display:block}
}

@media (max-width: 540px) {
.ig .indice {padding:20px 5% 30px 5%}
.indice .stileindice {margin: 20px 0px 30px 0px;letter-spacing: normal;border-bottom: 1px solid #cfcfcf;}

.guida .caption-sx-guida, .guida .caption-dx-guida{min-width:100px;}
.guida .caption-sx-guida img, .guida .caption-dx-guida img{max-width:900px;border-right: 0px solid #ffffff;}
.guida .caption-sx-guida::after, .guida .caption-dx-guida::after, .guida .caption-sx-guida::before, .guida .caption-dx-guida::before { display:none}

.guida h2 {line-height:1.2;margin:40px 0 26px 56px;}
.guida h2:before {width: 40px;height: 30px;left: -56px; padding-top:9px}
}



/* Wall Curator */

.wallcurator{width:100%;background-color:#f7f7f7;padding:60px 0 70px 0;border-top: 10px solid #cec093}
.box-wallcurator{width: 90%;max-width:1400px;margin: 0 auto;display: flex;align-items: flex-start;}
.intro-app {flex: 0 0 35%;position: sticky;top: 10px;}
.risultato-app {flex: 0 0 60%;border-left: 15px solid #f7f7f7;z-index: 2; margin-left:5%; background-color:#f7f7f7;min-width: 0; box-sizing: border-box;}

.intro-app .intro-app-grid {position: relative;width:100%;height:80px;}
.intro-app .intro-app-grid::after {content: "";position: absolute;top: 0px;left: 0px;width: 40px;height: 40px;border-top: 4px solid #f8e3a2;border-left: 4px solid #f8e3a2;z-index: 0;}
.intro-app .intro-app-grid::before {content: "";position: absolute;top: 12px;left: 20px;width: 700px;height: 50px;background-image: radial-gradient(#000000 1px, transparent 1px);background-size: 12px 12px;z-index: 1;}
.intro-app h1{font:36px NunitoSansSemibold,"Nunito Sans Semibold"; color:#000000;letter-spacing:2px;line-height:1.5;}
.intro-app h2{ font:20px NunitoSansLight,"Nunito Sans Light"; color:#333333;letter-spacing:1px;line-height:1.4; margin-bottom:16px;font-style: italic;}
.intro-app p{font:18px NunitoSansLight,"Nunito Sans Light";color:#666666; line-height:1.5; padding:12px 0; }
.intro-app .btn-group {display: flex;align-items: stretch;gap: 50px;margin-top:26px}
.intro-app input[type="file"] {display: none;}

.intro-app #uploadBtn {padding: 15px 30px;color: #ffffff;border: none;cursor: pointer;border-radius: 5px;font:16px NunitoSansRegular,"Nunito Sans Regular";transition: background 1.2s;background-color: #333333;background-position: center;line-height:1.2;display: flex;align-items: center;justify-content: center;text-align: center;}
.intro-app #uploadBtn:hover{background-color: #000000; background-image: radial-gradient(circle, transparent 1%, #000000 1%); background-size: 15000%;}
.intro-app #uploadBtn:active{background-color: #555555;background-size: 100%;transition: background 0s;}
.intro-app #saveBtn {padding: 15px 30px;background-color: #333333;color: #ffffff;border: none;cursor: pointer;border-radius: 30px;font:16px NunitoSansRegular,"Nunito Sans Regular";transition: background 1.2s;line-height:1.2;display: flex;align-items: center;justify-content: center;text-align: center;}
.intro-app #saveBtn:hover {background: #000000;}
.intro-app #saveBtn:disabled {background-color: #CCCCCC;cursor: not-allowed;transform: none;}
.intro-app #error-msg {font:16px NunitoSansLight,"Nunito Sans Light";color: #666666;margin-top:10px;}
.intro-app #error-msg.error {color: red;}

.risultato-app #image-preview {position: relative;overflow: hidden;max-width: 1000px;width: 100%;}
.risultato-app #image-preview img {display: block;width: 100%;height: auto;}
.risultato-app #photo-tips-trigger {position: absolute;top: 14px;right: 14px;background: rgba(0,0,0,0.6);color: #ffffff;padding: 6px 12px;border-radius: 4px;font-size: 14px;cursor: pointer;transition: background 0.3s ease;}
.risultato-app #photo-tips-trigger .fa-camera{ margin-right:8px; color:#ffffff}
.risultato-app #photo-tips-trigger:hover {background: rgba(0,0,0,0.8);}
.risultato-app #photo-tips-trigger::after {content: "Photography Tips";}
.risultato-app #loading-overlay {position: absolute;top: 14px;right: 14px;background: rgba(0, 0, 0, 0.6);color: #ffffff;padding: 6px 12px;border-radius: 4px;font-size: 14px;display: none;z-index: 20;}
.risultato-app #loading-overlay .fa-spinner{ margin-right:8px; color:#ffffff}
.risultato-app #overlayQuadro {max-width: none;width: auto;height: auto;touch-action: none; -ms-touch-action: none;position: absolute;top: 10px;left: 10px;cursor: move;z-index: 10;border: 2px solid transparent;}

.risultato-app h3 {font:18px NunitoSansSemibold,"Nunito Sans Semibold"; color:#666666;line-height:1.5;}
.risultato-app #palette-section, .risultato-app #carousel-section {margin-top: 30px;}
.risultato-app #colorPalette {display: flex;height: 60px;max-width: 1000px;border: 1px solid #ccc; background-color:#ffffff}
.risultato-app #carousel {display: flex;overflow-x: auto;gap: 10px;border: 1px solid #ccc;padding: 20px;min-height: 170px;background: #ffffff;max-width: 1000px;}
.risultato-app #carousel p {font:18px NunitoSansLight,"Nunito Sans Light";color:#666666; padding:10px;}
.risultato-app #carousel a:link{color:#0000FF; text-decoration:none}
.risultato-app #carousel a:visited{color:#0000FF; text-decoration:none}
.risultato-app #carousel a:hover {color:#FF0000; text-decoration:none}
.risultato-app #carousel a:active {color:#FF0000; text-decoration:none}
.risultato-app #carousel img:hover { transform: scale(1.05); transition: all 0.2s ease; }
.risultato-app #carousel img.selected {border: 3px solid #B58738;box-shadow: 0 0 8px rgba(181,135,56,0.6);}

body.modal-open {overflow: hidden;}
#photo-tips-modal {position: fixed;inset: 0;background: rgba(0,0,0,0.45);display: flex;justify-content: center;align-items: center;opacity: 0;pointer-events: none;transition: opacity 0.35s ease;z-index: 100;}
#photo-tips-modal.active {opacity: 1;pointer-events: auto;}
.photo-tips-content {background: #ffffff;border-radius: 10px;padding: 40px;max-width: 520px;width: 90%;max-height: 80vh;overflow-y: auto;-webkit-overflow-scrolling: touch;transform: translateY(-30px);opacity: 0;transition: transform 0.35s ease, opacity 0.35s ease;position: relative;}
#photo-tips-modal.active .photo-tips-content {transform: translateY(0);opacity: 1;}
.photo-tips-content h4 {font:20px NunitoSansSemibold,"Nunito Sans Semibold";margin-bottom: 30px;}
.photo-tips-content .fa-camera{ margin-right:10px;}
.photo-tips-content ul {padding-left: 20px;}
.photo-tips-content li {font:16px NunitoSansLight,"Nunito Sans Light";color:#666666;line-height:1.5;margin-bottom: 8px;}
.photo-tips-close {position: absolute;top: 5px;right: 5px;background-color:#ffffff;border: none;font-size: 28px;cursor: pointer;color: #666666;padding: 0px 10px;border-radius:6px;}
.photo-tips-close:hover {background-color:#eeeeee;}

@media (max-width: 1280px) {
.intro-app .btn-group {gap: 20px;}	
.risultato-app #carousel img:hover { transform: none; transition: none; }
.risultato-app #carousel img.selected { transform: scale(1.05);  transition: all 0.2s ease;}
}
@media (max-width: 1040px) {
.box-wallcurator {flex-direction: column;}
.intro-app {width: 100%;position: relative;top: 0px;}
.intro-app::after {content: "";position: absolute;top: 0px;right: 0px;width: 40px;height: 40px;border-top: 4px solid #f8e3a2;border-right: 4px solid #f8e3a2;z-index: 0;}
.intro-app::before {content: "";position: absolute;top: 15px;right: 17px;width: 95%;height: 50px;background-image: radial-gradient(#000000 1px, transparent 1px);background-size: 12px 12px;z-index: 1;}
.risultato-app {width: 100%;border-left: 0px solid #f7f7f7;margin-left:0%}
.intro-app .intro-app-grid { display:none}
.intro-app .intro-app-h{max-width:400px;z-index: 2;position:relative; background-color:#f7f7f7;}
.intro-app h2{font-style: normal}
.intro-app .btn-group {gap: 50px;}
.intro-app #error-msg {margin-bottom:30px}
}
@media (max-width: 680px) {
.wallcurator{padding:0 0 30px 0}
.box-wallcurator{width:100%;}
.intro-app::after, .intro-app::before {display:none}
.intro-app .intro-app-h{max-width:100%;background-color:#f8e3a2; text-align:center;padding:60px 5% 60px 5%;margin-bottom:50px;}
.intro-app .intro-app-h::before {position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);text-rendering: auto;-webkit-font-smoothing: antialiased;font: var(--fa-font-solid);content: "\e2ca";font-size:700px;color:#f7e9bd; z-index:-1;width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.intro-app .intro-app-h::after {content: "";position: absolute;bottom: -30px;left: 0px;width: 100%;height: 25px;background-image: radial-gradient(#000000 1.05px, transparent 1.05px);background-size: 12px 12px;z-index: 1;}
.intro-app h1{font:28px NunitoSansSemibold,"Nunito Sans Semibold";line-height:1.4;}
.intro-app h2{ font:16px NunitoSansLight,"Nunito Sans Light";line-height:1.4;margin-bottom:0px; padding-top:2px}
.intro-app p{font:16px NunitoSansLight,"Nunito Sans Light";line-height:1.5;padding:12px 5%;}
.intro-app .btn-group {justify-content: space-between;align-items: center;gap: 20px;padding: 0 5%;position: relative;}
.intro-app .btn-group::after {content: "";position: absolute;top: 35px;left: 0px;width: 100%;height: 45px;background-color:#cec093;z-index: 0;}
.intro-app #uploadBtn, .intro-app #saveBtn {padding: 10px 20px;border-radius: 10px; position:relative;z-index: 2;border: 5px solid #f7f7f7;}
.intro-app #error-msg {font:14px NunitoSansLight,"Nunito Sans Light";padding:0px 5%;margin-bottom:0px;}
.intro-app #error-msg.error {color: #000000;position:relative;z-index: 2;background-color:#cec093; padding-bottom:10px}
.risultato-app #image-preview {border-top: 1px solid #999999;border-bottom: 1px solid #999999;}
.risultato-app #photo-tips-trigger::after {content: "Tips";}
.risultato-app h3 {font:16px NunitoSansSemibold,"Nunito Sans Semibold"; line-height:1.5;}
.risultato-app #palette-section, .risultato-app #carousel-section {margin-top: 20px;padding:0px 5%;}
.risultato-app #colorPalette {height: 50px;}
}



/* Nunito Sans Font */
@font-face {
    font-family: 'NunitoSansLight';
    src: url('https://www.stilosodesign.com/fonts/nunito/nunitosans-light-webfont.eot');
    src: url('https://www.stilosodesign.com/fonts/nunito/nunitosans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-light-webfont.woff2') format('woff2'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-light-webfont.woff') format('woff'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-light-webfont.ttf') format('truetype'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-light-webfont.svg#nunito_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NunitoSansRegular';
    src: url('https://www.stilosodesign.com/fonts/nunito/nunitosans-regular-webfont.eot');
    src: url('https://www.stilosodesign.com/fonts/nunito/nunitosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-regular-webfont.woff2') format('woff2'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-regular-webfont.woff') format('woff'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-regular-webfont.ttf') format('truetype'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-regular-webfont.svg#nunito_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NunitoSansSemibold';
    src: url('https://www.stilosodesign.com/fonts/nunito/nunitosans-semibold-webfont.eot');
    src: url('https://www.stilosodesign.com/fonts/nunito/nunitosans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-semibold-webfont.woff2') format('woff2'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-semibold-webfont.woff') format('woff'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-semibold-webfont.ttf') format('truetype'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-semibold-webfont.svg#nunito_sanssemibold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'NunitoSansExtrabold';
    src: url('https://www.stilosodesign.com/fonts/nunito/nunitosans-extrabold-webfont.eot');
    src: url('https://www.stilosodesign.com/fonts/nunito/nunitosans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-extrabold-webfont.woff2') format('woff2'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-extrabold-webfont.woff') format('woff'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-extrabold-webfont.ttf') format('truetype'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-extrabold-webfont.svg#nunito_sansextrabold') format('svg');
    font-weight: bold;
    font-style: normal;
}