/*Custom Styles for Europe Number*/

/*Skeleton Loader*/
.en-lazy-module {
    position: relative;
    overflow: hidden;
    /* Removed min-height transition — causes sluggish layout shift on load */
}
.en-lazy-skeleton {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        #FFFFFF 25%,
        #f8f6ef 50%,
        #FFFFFF 75%
    );
    background-size: 200% 100%;
    animation: en-shimmer 1.2s infinite;
    border-radius: 8px;
}
.en-lazy-module.en-loaded .en-lazy-skeleton {
    display: none;
}
@keyframes en-shimmer {
    0%   { background-position: 100% 0; }   /* was 200% — halved travel distance */
    100% { background-position: -100% 0; }  /* was -200% */
}
.en-lazy-module.en-loaded {
    animation: en-fade-in 0.25s ease;  /* was 0.4s */
}
@keyframes en-fade-in {
    from { opacity: 0; }                /* removed translateY — no slide delay */
    to   { opacity: 1; }
}
/*//Skeleton Loader*/

/* === iPhone Scroll Fixes === */

/* 1. Mobile menu scroll lock - iOS safe */
@media screen and (max-width: 1024px) {
  body[class*=showing-popup-drawer-] {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    overflow: auto !important; /* ← ADD THIS - cancels Kadence's overflow:hidden */
  }
}

/* 2. Momentum scroll inside mobile drawer */
.popup-drawer .drawer-inner {
  -webkit-overflow-scrolling: touch;
}

/* 3. Testimonials carousel - prevent horizontal swipe confusion */
.ti-reviews-container-wrapper {
  touch-action: pan-y;
}

/* === //iPhone Scroll Fixes === */

html .woocommerce ul.products{
    margin-top:20px;
}

.home .content-area{
    margin-bottom:0;
    margin-top:0;
}

.home ul.products{
    /*display:none;*/
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{

}
.woocommerce ul.products li.product .price {
   display:none !important;
}

/*Featured products*/
.woocommerce ul.products li.product.featured {
    background-color: #01B4FF;
    padding: 20px;
    width: 100%;
    border-radius:0.5rem;
}

/*Strapline*/

body .site-branding .site-description {
    font-size: 11px;
    font-weight: 200;
    color: grey;
    line-height: 1;
    text-indent: 4px;
}

/*****************************************/
/* Slide in modules on scroll plugin
/*****************************************/

.come-in {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 1.2s; /* So they look staggered */
}

@keyframes come-in {
  to { transform: translateY(0); }
}

/*****************************************/
/* Accordion
/*****************************************/
.accordion-container{
  padding:30px 30px 30px;
  background-color: #ffffff;
  border-radius:10px;
}

.accordion {
  color: #444;
  cursor: pointer;
  padding: 10px 0;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  display:flex;
  justify-content: space-between;
  border-bottom:solid #efefef 1px
}
.accordion-container .accordion:first-of-type{
    border-radius:10px 10px 0 0;
}
.accordion-container .accordion:last-of-type{
    border-radius: 0 0 10px 10px;
}

.content-panel {
  padding: 0 20px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.content-panel-inner {
  padding: 20px 0;
}
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 14px;
  color: #777;
  margin-top:5px;
}

.accordion.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/*****************************************/
/* Modal cards*/	
/*****************************************/

.modal{
	width:43ch;
    background: #efefef;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 25px 20px 110px;
    text-align: center;
    margin:auto;
    overflow:visible;
}
.modal .image-hero {
    max-width:61ch;
    border: 3px solid #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    width: 80px;
    height: 80px;
    margin: -60px auto 25px;
}
.woocommerce .products .product .modal .image-hero-product {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    width: 170px;
    height: auto;
    margin: -60px auto 25px;
    background-color:white;
}
.modal .top-section {
    padding: 0 16% 10px;
}
.modal .meta {
    opacity: .75;
    margin-bottom: 0;
    font-size: 13px;
}
.modal .author {
    display: block;
    width: 100%;
    height: 60px;
    overflow: visible;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #e7e7e7;
    padding: 0 10px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    font-size: 13px;
}
.modal .avatar {
    max-width: 50px;
    max-height: 50px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 1px #e1e1e1;
    box-shadow: 0 0 0 1px #e1e1e1;
    position: absolute;
    left: 50%;
    top: -35px;
    margin-left: -18px;
    z-index: 2;
}
.modal .author {
    display: block;
    width: 100%;
    height: 60px;
    overflow: visible;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #e7e7e7;
    padding: 0 10px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    font-size: 13px;
}
.modal .author-name {
    display: block;
    padding: 15px;
    line-height: 30px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.modal .button-container{
    padding: 20px;
    position: absolute;
    top: 0;
    right: 0;
}


/*****************************************/
/* Devices module*/	
/*****************************************/
.module-devices .inner{
	padding:20px;
}
.module-devices h2 {
    font-size: 14px;
	line-height: 2.0;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.09rem;
	text-align:center;
	background-color:#ff8d61;
	margin:0 0 0;
	border-radius:20px 20px 0 0;
	padding:20px 0 10px;
}
.module-devices .column {
	background-color:#faf5ef;
	border-radius:20px;
}	
.module-devices .md-icon-wrap {
    vertical-align: middle;
}	
.module-devices .wrapper {
	margin-bottom:10px;
}	

/*SVG Device Icons to replace Material Icon Plugin*/
.material-icons{
    display: inline-block;
}

.large-white.md-tablet_mac::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iNDhweCIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTE4LjUgMGgtMTRDMy4xMiAwIDIgMS4xMiAyIDIuNXYxOUMyIDIyLjg4IDMuMTIgMjQgNC41IDI0aDE0YzEuMzggMCAyLjUtMS4xMiAyLjUtMi41di0xOUMyMSAxLjEyIDE5Ljg4IDAgMTguNSAwem0tNyAyM2MtLjgzIDAtMS41LS42Ny0xLjUtMS41cy42Ny0xLjUgMS41LTEuNSAxLjUuNjcgMS41IDEuNS0uNjcgMS41LTEuNSAxLjV6bTcuNS00SDRWM2gxNXYxNnoiLz48L3N2Zz4=);

}

.large-white.md-phone_iphone::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iNDhweCIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xNS41IDFoLThDNi4xMiAxIDUgMi4xMiA1IDMuNXYxN0M1IDIxLjg4IDYuMTIgMjMgNy41IDIzaDhjMS4zOCAwIDIuNS0xLjEyIDIuNS0yLjV2LTE3QzE4IDIuMTIgMTYuODggMSAxNS41IDF6bS00IDIxYy0uODMgMC0xLjUtLjY3LTEuNS0xLjVzLjY3LTEuNSAxLjUtMS41IDEuNS42NyAxLjUgMS41LS42NyAxLjUtMS41IDEuNXptNC41LTRIN1Y0aDl2MTR6Ii8+PC9zdmc+);

}

.large-white.md-phone_android::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iNDhweCIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xNiAxSDhDNi4zNCAxIDUgMi4zNCA1IDR2MTZjMCAxLjY2IDEuMzQgMyAzIDNoOGMxLjY2IDAgMy0xLjM0IDMtM1Y0YzAtMS42Ni0xLjM0LTMtMy0zem0tMiAyMGgtNHYtMWg0djF6bTMuMjUtM0g2Ljc1VjRoMTAuNXYxNHoiLz48L3N2Zz4=);

}

.md-tablet_mac::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0idW5kZWZpbmVkIj48cGF0aCBkPSJNMTguNSAwaC0xNEMzLjEyIDAgMiAxLjEyIDIgMi41djE5QzIgMjIuODggMy4xMiAyNCA0LjUgMjRoMTRjMS4zOCAwIDIuNS0xLjEyIDIuNS0yLjV2LTE5QzIxIDEuMTIgMTkuODggMCAxOC41IDB6bS03IDIzYy0uODMgMC0xLjUtLjY3LTEuNS0xLjVzLjY3LTEuNSAxLjUtMS41IDEuNS42NyAxLjUgMS41LS42NyAxLjUtMS41IDEuNXptNy41LTRINFYzaDE1djE2eiIvPjwvc3ZnPg==);

}

.md-phone_iphone::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0idW5kZWZpbmVkIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE1LjUgMWgtOEM2LjEyIDEgNSAyLjEyIDUgMy41djE3QzUgMjEuODggNi4xMiAyMyA3LjUgMjNoOGMxLjM4IDAgMi41LTEuMTIgMi41LTIuNXYtMTdDMTggMi4xMiAxNi44OCAxIDE1LjUgMXptLTQgMjFjLS44MyAwLTEuNS0uNjctMS41LTEuNXMuNjctMS41IDEuNS0xLjUgMS41LjY3IDEuNSAxLjUtLjY3IDEuNS0xLjUgMS41em00LjUtNEg3VjRoOXYxNHoiLz48L3N2Zz4=);

}

.md-phone_android::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0idW5kZWZpbmVkIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2IDFIOEM2LjM0IDEgNSAyLjM0IDUgNHYxNmMwIDEuNjYgMS4zNCAzIDMgM2g4YzEuNjYgMCAzLTEuMzQgMy0zVjRjMC0xLjY2LTEuMzQtMy0zLTN6bS0yIDIwaC00di0xaDR2MXptMy4yNS0zSDYuNzVWNGgxMC41djE0eiIvPjwvc3ZnPg==);

}

.md-warning_amber::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9InVuZGVmaW5lZCI+PGc+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+PC9nPjxnPjxnPjxnPjxwYXRoIGQ9Ik0xMiw1Ljk5TDE5LjUzLDE5SDQuNDdMMTIsNS45OSBNMTIsMkwxLDIxaDIyTDEyLDJMMTIsMnoiLz48cG9seWdvbiBwb2ludHM9IjEzLDE2IDExLDE2IDExLDE4IDEzLDE4Ii8+PHBvbHlnb24gcG9pbnRzPSIxMywxMCAxMSwxMCAxMSwxNSAxMywxNSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==);

}