/* Pixellers - Likenewiphone Style */
/* GLOBAL */
html {
	scroll-behavior: smooth;
}
.hidden {
	display: none
}
.break-spaces {
	white-space: normal
}
.overflow-hidden {
	overflow: hidden
}
.custom-checkbox input[type=checkbox]+span .checkbox-checked {
    color: #6453f7;
	margin: -.1rem -.13rem;
    font-size: 1.3rem;
	font-weight:600
}
.custom-checkbox input[type=checkbox]+span {
    border: 1px solid #7a7a7a;
	border-radius:2px;
	margin-right: 3px;
    width: 1.25rem;
    height: 1.25rem;
	background:#fff
}
.border {
	border: 1px solid #d6d6d6
}
.border-bottom {
	border-bottom: 1px solid #d6d6d6
}
.border-none {
	border: none
}
.rounded-pills {
	border-radius: 80px
}
label p {
	display: inline
}

@media screen and (max-width:767px) {
.p-sm-0 {
	padding: 0!important
}
.no-gutters {
	padding: 0
}
.no-gutters > .row {
	margin: 0 -15px
}
}
/* BUTTONS */
.btn {
	border-radius: 50px;
}
.btn-yellow {
    color: #000;
    background-color: #fc0
}
.btn-yellow:hover {
    color: #fff;
    background-color: #4a4a4a;
}
.btn-white {
    color: #363a42;
    background-color: #fff
}
.btn-white:hover {
    color: #fff;
    background-color: #4a4a4a;
}

/* COLORS */
.dark {
	color: #232323
}
.gray {
	color:#484848!important
}
.yellow {
	color: #fc0
}
.blue {
	color: #6453f7!important
}
.light-gray {
	background: #f5f5f5
}
.bg-white {
	background-color: #fff!important
}
.bg-dark {
	background-color: #343a40!important
}
/* HEADER */
.user-info span {
	margin-left: .425rem
}
@media screen and (min-width: 768px) {
.header-nav img {
	width: 17px;
	height: 17px;
}
}
/* MENU */
@media (max-width: 767px) {
#header.is-open .header-nav .material-icons.open-menu {
	display: none!important
}
#header .header-nav .material-icons.close-menu {
	display: none!important
}
#header.is-open .header-nav .material-icons.close-menu {
	display: inline-block!important
}
}

@media (min-width:768px) {
#header .menu, #header .menu>ul {
    margin-bottom: 0
}
}
.top-menu .sub-menu {
    box-shadow: 2px 1px 11px 2px rgba(0,0,0,.1);
    border: none;
    margin-left: .9375rem;
    z-index: 18;
    position: absolute;
	top: 40px!important
}
#header .menu, #header .menu>ul>li {
    display: inline-block;
    position: relative;
}
.top-menu .sub-menu ul[data-depth="1"]>li {
    float: left;
    margin: 0 1.25rem;
    clear: both;
}
.dropdown-item .toggler {
	margin-top: -10px;
	height: 41px
}
#mobile_top_menu_wrapper .top-menu .sub-menu li>a:hover {
	background: #f3f3f3
}

/* FOOTER */
.footer-extra img {
	margin-left: .425rem;
	margin-bottom: 0
}
.footer-extra .block, .footer-extra .item {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}
.footer-extra .title {
	padding: 0;
	color: #484848;
	padding: .938rem 0
}
@media (max-width: 767px) {
	.footer-extra img {
		margin-bottom: .425rem
	}
	.footer-extra .title {
		font-weight: bold;
		font-size: 1.125rem;
		color: #232323
	}
	.footer-extra .col {
		padding: 0
	}
}
.block-social .item:hover {
	background-color: #fff;
    border-radius: 100%;
}
/* WHATSAPP */
.whatsapp {
	position: fixed;
	right: 10px;
	bottom: 10px;
	border-radius: 100px;
	border: 3px solid #65bc54;
	z-index: 10
}
.whatsapp img{
	border-radius: 100px
}
/* PRODUCT PAGE */
.product-variants, .product-add-to-cart {
	padding: .938rem;
	border-radius: .625rem
}
.product-variants input:checked+span, .product-variants>.product-variants-item .texture:hover  {
	border: 2px solid #6453f7;
	background: #eff5ff
}
.product-variants input:disabled+span, .product-variants input:disabled+span:hover, .product-variants input:disabled+span.texture:hover {
	opacity: .2;
	cursor: not-allowed;
	border: 2px solid #e1e1e1
}
.product-variants>.product-variants-item .texture {
	position: relative;
	background-position: center
}
.product-variants .color-block {
	border: 2px solid white
}

.input-color:hover+.color-block {
	border: 2px solid #6453f7;
	border-radius:8px
}
.input-color:checked+.color-block {
	border: 2px solid #6453f7!important;
	border-radius: 8px!important;
	background: #eff5ff
}
.tabs label, .tabs label+span {
	color: #484848
}
.obsDescElement {
	display:block;
	float:left;
	padding:5px 2px;
	width:100%
}
.obsDescElement p {
	margin: .625rem 0 0 0;
	font-size: 0.8725rem;
	line-height: 1.5;
	padding: 10px;
    background: #fff;
    border-radius: 12px
}
.product-variants-item:last-child {
	margin-bottom: 0
}
.js-qv-mask {
	scroll-behavior: unset;
}
.delivery-time {
	display: inline-block;
	width: 26px;
	height: auto;
	fill: #64bb64
}
.cta-text {
	margin-bottom: 0
}
@media (max-width: 767px) {
	.product-variants, .product-add-to-cart {
		margin: 0 -15px;
		border-radius: unset
	}
	.cta-box {
		margin-right: 20px;
		margin-left: 20px
	}
	.cta-box .d-flex {
		flex-direction: column
	}
	.cta-box .cta-text {
		margin-bottom: 20px
	}
}
/* ACCORDION */
.panel-heading .panel-title {
	position: relative
}
.panel-heading .panel-title a {
	font-weight: 500;
	background: #f4f9ff;
	display: block;
	padding: 1rem 2.5rem 1rem 1rem;
	border-bottom: 1px dotted #c6d1e1
}
.panel-heading a {
	width: 100%;
	cursor: pointer
}
.panel-heading .accordion-toggle:after {
    font-family: 'Material Icons';
    content: "\e5ce";
    float: right;
    color: grey;
	font-size: 1.6rem;
	position: absolute;
	right: .625rem;
	top: 35%
}
.panel-heading .accordion-toggle.collapsed:after {
    content: "\e5cf"
}

/* HOMEPAGE */
.container-fluid {
	max-width:1700px;
	margin: auto;
}
.full {
	max-width: 100%;
	width: 100%;
}
.minus-margin {
	margin-right: -15px;
	margin-left: -15px;
}

.hero {
	background: #ccf1e8;
	display: flex;
	flex-direction: row;
	min-height: 500px;
}

.hero-cover {
	background-repeat: no-repeat!important;
	background-size: cover!important;
}
.hero-contain {
	background-repeat: no-repeat!important;
	background-size: contain!important;
}
.hero-l {
	width: 50%;
	background: url("../images/likenewiphone-d.webp");
	background-position: bottom right;
	position: relative;
}
.hero-l .badge {
	position: absolute;
	right: -20px;
	top: 20%;
}
.hero-c {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 5%;
}
.hero-c .h1 {
	font-size: 2.438em;
	line-height: 1.2
}
.hero-c .icon-flex svg {
	width: 50px;
	height: 50px;
	fill: #32584f;
	margin-right: 1rem;
	background: #fff;
	border-radius: 99px;
	padding: 8px
}
.hero-b {
	width: 100%;
	background: url("../images/likenewiphone-m.webp");
	background-position: top center;
	min-height: 331px;
	height: auto
}
@media (min-width: 768px) and (max-width: 1180px) {
	.hero-l, .hero-c {
		flex: 1
	}
}
@media (max-width: 767px) {
	.hero {
		flex-direction: column;
		min-height: 70vh;
		justify-content: space-between
	}
	.hero-c {
		width: 100%;
		min-height: 276px;
		padding: 20px
	}
	.hero-c .h1 {
	font-size: 1.9em;
}
}
.icon-flex {
	display: flex;
    justify-content: flex-start;
    align-items: center;
	font-size: 1rem;
	padding-bottom: .625rem
}
@media (min-width: 768px) and (max-width: 1023px) {
#index .star_content .material-icons {
	font-size: 70%
	}
}
.top-search {
	display: block;
}
.home-cat a.link{
	padding: 1rem;
	border-radius: .625rem;
	transition: .4s;
	gap: 20px;
	background: #f5f5f5
}
.home-cat a.link span {
	background: #fff;
    border-radius: 50px;
    padding: 3px 16px;
}
.home-cat a.link:hover {
	box-shadow: rgb(0 0 0 / 10%) 0px 2px 14px 0px
}
.home-cat a.link:hover span {
	background: #6453f7;
	color: #fff;
	transition: .4s
}
.sell {
	gap: 30px
}
.sell img {
	border-radius: 20px
}
.sell .btn  {
	width: min-content
}
@media (max-width: 767px) {
#index #header .header-nav {
	margin-bottom: 0
	}
	.home-cat > .container > .row > div a {
	margin-bottom: 1rem
	}
	#index .header-top > .container > .row > div {
		min-height: 0
	}
}
/* RECENSIONI */
.review a {
	font-size: 14px;
	color: #a1a1a1
}
.review-src {
	align-items: center;
	justify-content: space-between;
	margin-bottom: 5px
}
.star_content {
	display: inline-block;
	vertical-align: middle;
	color: #fc0
}
.green {
	color: #00b67a!important
}
#recensioni .h3, .review-site-scores > div {
	vertical-align: middle
}
.review-site-scores .star_content {
	line-height: 0
}
/* KLARNA WIDGET */
.klarna {
	margin-top: .425rem
}

/* MARGIN REGIME */
.margin-regime {
	font-size:.8125rem;
	margin-top:1.25rem;
}

/* GDPR */
.show-gdpr-modal {
	cursor: pointer;
	padding: 0;
	background: none;
	border: none
}
.gdprModal .gdprModal__placeholder {
    box-shadow: none;
    border-radius: 12px;
}
.gdpr-consent-tabs .div_accept_moreinfo button#accept-all-gdpr, #reject-all-gdpr {
    padding: 10px 20px;
	height: auto;
	border-radius: 6px;
	font-size: 16px;
}
.gdpr-consent-tabs .div_accept_moreinfo .span_moreinfo {
	padding: 10px 20px;
	font-size: 16px;
}
.gdprModal footer button {
	border-radius: 4px;
}
.show-gdpr-modal {
	color: #484848!important;
	font-size: 1.063rem;
}
.show-gdpr-modal:hover {
	color: #6453f7!important;
	background: none;
}
.ps-17-newsletter-checkbox {
	margin-top: 1rem;
	display: flex
}
/* PRODUCT LIST */
.out-of-stock {
	font-size: .8375rem;
	width:100%;
	position:absolute;
	top:30%;
	text-align:center;
	pointer-events:none;
	z-index: 5
}
.product-miniature .thumbnail-container .out-of-stock span {
	padding: 2px 6px;
	background:rgb(38 38 38 / 40%);
	color:#fff;
	border-radius:20px
}
.product-miniature .thumbnail-container {
	box-shadow: rgb(0 0 0 / 10%) 0px 2px 14px 0px;
}
.product-miniature .thumbnail-container:hover {
	box-shadow: rgb(0 0 0 / 20%) 0px 2px 14px 0px;
}
#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
    position: relative;
    z-index: 3;
    width: 100%;
    bottom: 0;
    height: auto;
	min-height: 95px;
	padding-bottom: 1rem
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.out-of-stock {
		top: 30%
	}
}
@media screen and (max-width: 767px) {

.out-of-stock {
	font-size: .75rem;
	top: 40%;
    left: auto;
    text-align: center;
    max-width: 120px
	}
}
/* CONTATTI */
#contact .page-content {
	padding: 0 
}

/* BLOG */
.simpleblog img {
	border-radius: 8px;
}
.simpleblog__featuredProducts#products .products.row{
	gap: 20px;
	align-items: flex-start;
}
.simpleblog__featuredProducts#products .product-miniature {
	margin: 0;
	flex: 1 1 calc(25% - 20px);
  	box-sizing: border-box; 
}
#module-ph_simpleblog-single #wrapper>.container {
	max-width: 900px;
}

/* SLICK*/
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	cursor: grab;
  }
  
  .slick-list {
	position: relative;
  
	display: block;
	overflow: hidden;
  
	margin: 0;
	padding: 0;
  }
  .slick-list:focus {
	outline: none;
  }
  .slick-list.dragging {
	cursor: pointer;
	cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
  }
  
  .slick-track {
	position: relative;
	top: 0;
	left: 0;
  
	display: block;
	margin-left: auto;
	margin-right: auto;
  }
  .slick-track:before,
  .slick-track:after {
	display: table;
  
	content: "";
  }
  .slick-track:after {
	clear: both;
  }
  .slick-loading .slick-track {
	visibility: hidden;
  }
  
  .slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	padding: 20px;
	margin: 10px;
  }
  [dir="rtl"] .slick-slide {
	float: right;
  }
  .slick-slide img {
	display: block;
  }
  .slick-slide.slick-loading img {
	display: none;
  }
  .slick-slide.dragging img {
	pointer-events: none;
  }
  .slick-initialized .slick-slide {
	display: block;
  }
  .slick-loading .slick-slide {
	visibility: hidden;
  }
  .slick-vertical .slick-slide {
	display: block;
  
	height: auto;
  
	border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
	display: none;
  }
  /* slick Theme */
  /* Arrows */
  /* Stile per le frecce del carousel */
  /* Stile per le frecce del carousel */
  .slick-prev,
  .slick-next {
	font-size: 0; /* Nasconde il testo "Next" generato da Slick */
	position: absolute;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	cursor: pointer;
	border: none;
	outline: none;
	background: rgba(0, 0, 0, 0.5); /* Sfondo scuro per visibilità */
	color: white;
	border-radius: 50%;
	transform: translateY(-50%);
	z-index: 10;
  }
  
  /* Effetto hover per migliorare la visibilità */
  .slick-prev:hover,
  .slick-next:hover {
	background: rgba(0, 0, 0, 0.8);
  }
  
  /* Aggiunge le icone < e > senza font */
  .slick-prev::after,
  .slick-next::after {
	font-size: 20px;
	line-height: 1;
	color: white;
  }
  
  /* Cambia il contenuto delle frecce */
  .slick-prev::after {
	content: "\2039";
  }
  
  .slick-next::after {
	content: "\203A";
  }
  
  /* Posizionamento */
  .slick-prev {
	left: -50px;
  }
  
  .slick-next {
	right: -50px;
  }
  @media (max-width: 768px) {
	.slick-prev,
	.slick-next {
	  width: 30px; /* Riduce la dimensione del bottone */
	  height: 30px;
	  line-height: 30px; /* Mantiene centrato il simbolo */
	}
  
	.slick-prev:before,
	.slick-next:before {
	  font-size: 18px; /* Riduce la grandezza della freccia senza mostrare testo */
	}
  
	.slick-prev {
	  left: -25px; /* Sposta la freccia sinistra più vicino al carosello */
	}
  
	.slick-next {
	  right: -25px; /* Sposta la freccia destra più vicino al carosello */
	}
  }
  
  /* Dots */
  .slick-dots {
	position: relative; /* Cambiato da absolute a relative */
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 10px 0; /* Aggiunto spazio tra dots e div successivo */
	margin-top: 20px; /* Distanza dalla fine del carousel */
  }
  
  .slick-dots li {
	margin: 0 5px;
  }
  
  .slick-dots li button {
	font-size: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ccc;
	border: none;
	cursor: pointer;
  }
  
  .slick-dots li.slick-active button {
	background: #333;
  }
  /* Checkout */
  .product-line-info-secondary > .label {
	font-weight: 600
  }
  .ps_checkout-payment-option label {
    line-height: normal;
}

/* BUYBACK MODAL */
#buybackModal .modal-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 15px 20px !important;
}
#buybackModal .modal-header .modal-title {
	flex: 1;
}
#buybackModal .modal-header .close {
    float: none !important;      /* Rimuoviamo il float che disturba il flex */
    margin: 0 !important;        /* Rimuoviamo margini che lo distanziano dal bordo */
    padding: 0 !important;       /* Rimuoviamo padding eccessivo */
    opacity: 0.5;                /* Rendiamolo un po' più visibile (opzionale) */
    display: flex !important;    /* Lo rendiamo flex per centrare la X internamente */
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
@media (min-width: 576px) {
    #buybackModal .modal-dialog {
        max-width: 1140px;
        width: 100%
    }
}