/*Style - SZ*/
/*General*/
::selection {
	background-color: #59FF85;
	color: #000;
}

*{
	font-family: 'Ubuntu',sans-serif;
	letter-spacing: 0.02em;
}

a:focus{
	outline: none;
	color: #000;
}

a{
    text-decoration: none !important;
}

.btn-hover-zoom, .read-more{
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.btn-hover-zoom:hover, .read-more:hover{
	transform: scale(1.08);
}

.full-height-cm{
    height: 100%;    
}

/*404*/
.error404 .ast-404-layout-1{
	padding-top: 140px;
}

.error404 .error-btn a:hover{
	transform: scale(1.1);
	transition: transform .1s ease;
}

.error404 .content-area.primary{
	margin-bottom: 90px !important;
}

/*Home*/
.title-badge-cm{
	background-color: rgba(255,255,255, 0.04);
	border: 1px solid rgba(89,255,133,0.49);
	border-radius: 50px;
	padding: 12px 30px;
	width: auto !important;
}

.content-align-center{
	text-align: center;	
}

.left-pos-custom, .left-bt-pos, .right-bt-pos{
	position: absolute;
	left: -180px;
	top: 30px;
	z-index: 1;
}

.left-bt-pos, .right-bt-pos{
	top: 300px;
}

.right-bt-pos{
	right: -200px;
	left: unset;
}

.right-bt-pos .wp-block-uagb-info-box{
	text-align: right;
	direction: rtl;
}

.right-bt-pos .wp-block-uagb-info-box .uagb-ifb-left-title-image{
	width: 70%;
}

.left-bt-pos .wp-block-uagb-container::after, .right-bt-pos .wp-block-uagb-container::after{
	content: "";
	position: absolute;
	width: 135px;
	height: 95px;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	top: -55px;
	right: 55px;
}

.left-bt-pos .wp-block-uagb-container::before{
    content: "";
    position: absolute;
    width: 87px;
    height: 87px;
    top: -100px;
    right: 12px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.right-bt-pos .wp-block-uagb-container::before{
    content: "";
    position: absolute;
    width: 87px;
    height: 87px;
    top: -224px;
    right: 183px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

@keyframes pulse-ring {
  0% {
    transform: scale(0.5);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.left-bt-pos .wp-block-uagb-info-box::before, .right-bt-pos .wp-block-uagb-info-box::before{
	content: "";
	width: 25px;
	height: 25px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
}

.left-bt-pos .wp-block-uagb-info-box::before{
	top: -94px;
	right: 18px;
}

.right-bt-pos .wp-block-uagb-info-box::before{
	top: -218px;
	left: 30px;
	right: unset;
}

.right-bt-pos .wp-block-uagb-container::after{
	transform: scaleY(-1);
	width: 120px;
	height: 180px;
	top: -180px;
	right: 100px;
}

.left-pos-custom .wp-block-uagb-info-box .uagb-ifb-image-content{
	position: absolute;
	right: -20px;
	bottom: 15px;
}

.left-pos-custom .wp-block-uagb-info-box{
	width: 90% !important;
}

.section-bg-cm::before{
    content: "";
    position: absolute;
    top: -340px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1200px;
    overflow: visible;
    background: radial-gradient(circle at center, rgba(89, 255, 133, 0.28) 0%, rgba(89, 255, 133, 0.11) 39%, rgba(89, 255, 133, 0) 61%);
    z-index: 1;
}

.content-align-center .uagb-ifb-image-content{
	position: absolute;
	width: 45px;
	top: -5px;
	left: 15px;
}

.blurred-card, .info-card-category, .content-box, .left-pos-custom>div{
	background-color: rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(7px); /* Safari */
}

.info-card .uagb-ifb-image-content, .product-card .image-wrapper, .product-card-grid .image-wrapper-div{
	position: relative;
}

.info-card .uagb-ifb-image-content img{
	margin-top: -85px;
	margin-bottom: 45px;
}

.product-card-grid .image-wrapper-div::before{
    top: -75px;
    left: -60px;
}

.card-arrow-icon .uagb-ifb-title-wrap{
	position: relative;
}

.card-arrow-icon .uagb-ifb-title-wrap::after{
	content: url("/wp-content/uploads/2026/01/arrow-icon.svg");
	position: absolute;
	top: -4px;
	right: 0;
	transform: scale(0.8);
}

.top-custom-position{
	position: absolute !important;
	bottom: 35px;
}

.email-card.top-custom-position{
	bottom: 25px;
}

.position-cm.top-custom-position{
	bottom: -5px;
}

.social-icons-cs{
	padding-left: 0 !important;
}

.social-icons-cs li{
	border: 2px solid #ffffff4a;
	border-radius: 50%;
}

.social-icons-cs li:hover{
	border-color: #59FF85;
	background-color: #59FF85 !important;
}

.img-blurred-effect::before{
	content: "";
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	z-index: 1;
}

.btn-with-arrow a .uagb-button__link, a.read-more{
	position: relative;
}

.btn-with-arrow a .uagb-button__link::after, a.read-more::after{
	content: url("/wp-content/uploads/2026/01/arrow_outward.svg");
	position: absolute;
	top: -4px;
	right: -35px;
}

a.read-more::after{
    top: 6px;
    right: 125px;
}

.archive a.read-more::after{
    right: 25px;
}

.btn-with-arrow a:hover .uagb-button__link::after, .btn-with-arrow a:focus .uagb-button__link::after{
	filter: brightness(0) invert(1);
}

.linear-gradient-effect::after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(0, 20, 5, 0.46) 0%, rgba(0, 20, 5, 0) 46%, rgba(0, 20, 5, 1) 100%), linear-gradient(
215deg, rgba(0, 20, 5, 0.17) 13%, rgba(0, 20, 5, 1) 100%);
}

/*products section in home*/
.custom-horizontal-card .product-card-grid{
    align-items: center;
    gap: 20px;
    flex-direction: row !important;
    padding: 15px 25px 15px 15px !important;
}

.custom-horizontal-card .image-wrapper-div{
    flex: 0 0 200px;
	height: 200px;
}

.custom-horizontal-card .image-wrapper-div img{
    width: 100%;
    height: 100%;
    display: block;
}

.custom-horizontal-card .card-content-div{
    flex: 1;
}

.custom-card-container div:not(:last-child){
    margin-bottom: 20px;
}


/*single product - template*/
.single-product #content .ast-container{
	padding-top: 205px;
	padding-bottom: 150px;
}

.single-product #content .swiper.product-gallery-slider .swiper-slide{
	width: 100%;
	height: 400px;
	background-size: cover; 
	background-position: center;
	border-radius: 10px;
}


/*category-template*/
.woocommerce-pagination-category{
	display: flex;
	justify-content: center;
	margin-bottom: 80px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
	background-color: #59FF85;
	color: #000;
}

.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
	border-color: #59FF85;
	border-radius: 10px;
}

.category-hero{
    position:relative;
    min-height:100vh;
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 6%;
    width:100vw;
    max-width:100vw;
    margin-left:calc(-50vw + 50%);
}

.hero-content{
    position:relative;
    width:100%;
    text-align:center;
    color: rgba(255,255,255,0.80);
}

.hero-title{
    font-size: 200px;
    font-weight: 900;
    margin-bottom: -90px;
}

.hero-glass{
    max-width:900px;
    margin:0 auto;
    padding:48px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(7px);
    border-radius:24px;
    border:1px solid rgba(255,255,255,.15);
}

.hero-badge{
    display: inline-block;
    padding: 10px 30px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.04);
    font-size: 14px;
    margin-bottom: 16px;
    border: 1px solid rgba(89, 255, 133, 0.49);
}

.hero-glass h2{
    margin-bottom:16px;
    letter-spacing: 3px;
    font-weight: 900;
}

.hero-glass p{
    font-size: 16px;
    margin-bottom: 50px !important;
    width: 75%;
    margin: auto;
}

.hero-btn{
    display: inline-block;
    padding: 10px 30px;
    background: #59FF85;
    color: #000;
    border-radius: 50px;
    font-weight: 500;
}

.hero-btn:hover, .error404 .error-btn a:hover{
	color: #fff !important;
	background-color: #000 !important;
}

.read-more:hover{
	color: #000;
	background-color: #59FF85;
}

/*---*/
.product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    max-width: 1000px;
    padding-top: 200px;
    padding-bottom: 80px;
}

.product-card, .custom-horizontal-card .product-card-grid {
    background-color: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.29);
    border-radius: 15px;
    padding: 20px;
    text-align: left;
    position: relative;
    display: flex;
    flex-direction: column;
	text-align: center !important;
}

.center-align-content .product-card, .custom-horizontal-card .product-card-grid{
	text-align: left !important;
}

/* Float image effect */
.image-wrapper {
    height: 260px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.image-wrapper img, .image-wrapper-div img {
	height: auto;
	object-fit: contain;
	background-color: #fff;
}

.image-wrapper-div img {
	transform: scale(1);
	margin-top: 0 !important;
	margin-left: 0 !important;
}

.card-content{
	z-index: 1;
}

.product-card h4, .custom-horizontal-card .product-card-grid h4 {
  color: rgba(255,255,255,0.75);
  font-size: 25px;
  margin-bottom: 15px;
  margin-top: 20px;
  font-weight: 900;
}

.read-more {
  display: inline-flex;
  align-items: center;
  background: #fff;
  color: #000;
  text-decoration: none;
  padding: 5px 30px;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 500;
}

.archive .read-more{
    padding-right: 60px;
}

/*Footer*/
.site-below-footer-wrap .site-below-footer-inner-wrap{
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.site-footer-below-section-1{
    margin-bottom: 0 !important;
}


.contact-section {
  padding: 90px 40px;
  background-size: cover;
  background-position: center;
	box-shadow: 0px 0px   #00000070;
	border-radius: 25px;
	margin-bottom: 150px;
}

.container-category {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
	column-gap: 60px;
  align-items: center;
  flex-wrap: wrap;
	align-items: stretch;
}

/* Content Box Styling */
.content-box {
  flex: 1;
  min-width: 300px;
  padding: 40px 30px;
  border: 1px solid rgba(255,255,255,0.29);
  border-radius: 15px;
	flex-direction: column;
	align-items: flex-start; 
	justify-content: center; 
}

.content-box p{
	color: rgba(255,255,255,0.80);
	margin-bottom: 20px;
}

.dark-blurred{
	background-color: rgba(0, 0, 0, 0.28) !important
}

.badge {
  border: 1px solid rgba(89,255,133,0.49);
	line-height: 16px;
  padding: 12px 25px;
  border-radius: 50px;
  font-size: 16px;
	font-weight: 500;
	background-color: rgba(255,255,255,0.04)
}

.social-links-category {
  display: flex;
  gap: 15px;
  margin-top: 30px;
}

.social-icon {
	border: 2px solid #ffffff4a;
	fill: #fff;
	width: 40px;
	height: 40px;
	padding: 6px;
	border-radius: 50%;
}

.social-links-category A:hover .social-icon{
	border-color: #59FF85;
	background-color: #59FF85 !important;
	transform: scale(1.1);
	transition: transform .1s ease;
}

/* Cards Stack Styling */
.cards-stack {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
	flex-direction: column;
}

.info-card-category {
  border: 1px solid rgba(255,255,255,0.29);
  border-radius: 15px;
  padding: 35px 30px;
  position: relative;
  transition: transform 0.3s ease;
}

.info-card-category.mail-card-cate{
	padding-bottom: 40px;
}

.info-card-category.mail-card-cate .icon-box{
	bottom: 22px;
}

.card-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  font-weight: 500;
}

.card-body p {
  color: rgba(255,255,255,0.74);
  font-size: 16px;
	margin: 0;
}

.icon-box {
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 53px;
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-box, 
.cards-stack {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/*-----------------Responsive---------------*/
@media(min-width: 1360px){
	.expand-width.blurred-card{
		width: 1400px !important;
		max-width: none !important;
	}
}

@media (max-width: 640px) {
   .custom-horizontal-card .product-card-grid{
       display: block;
   }
   
   a.read-more::after{
       right: 70px;
   }
   
   .custom-horizontal-card .product-card-grid{
       padding: 50px 35px !important;
   }
   
   .product-card-grid .image-wrapper-div::before{
        top: -50px;
        left: -10px;
        transform: scale(0.8);
   }
   
   .position-cm.top-custom-position{
       bottom: -55px;
   }
    
    .error-btn.btn-hover-zoom{
        margin-top: 120px !important;
    }
    
    .archive .product-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    
    h1{
        font-size: 40px !important;
    }
    
    .archive .hero-title{
        margin-bottom: -15px;
    }
    
    .info-card .uagb-ifb-image-content::before{
        left: 10px;
    }
}

@media(max-width: 960px){
    .left-pos-custom, .left-bt-pos, .right-bt-pos{
        position: relative;
    	left: 0;
    	right: 0;
    	top: 0;
    }
    
    .left-bt-pos .wp-block-uagb-container::after, .right-bt-pos .wp-block-uagb-container::after, .left-bt-pos .wp-block-uagb-info-box::before, .right-bt-pos .wp-block-uagb-info-box::before, .left-bt-pos .wp-block-uagb-container::before, .right-bt-pos .wp-block-uagb-container::before{
    	content: none;
    }
    
    .left-pos-custom .wp-block-uagb-info-box .uagb-ifb-image-content{
        right: 0px;
        bottom: -15px;
    }
    
    .image-wrapper-div img{
        transform: scale(1);
    }
    
    .error404 .content-area.primary{
        margin-bottom: 45px !important;
    }
    
    .product-title{
        font-size: 35px;
    }
    
    .single-product .slider-container-wrapper{
        padding: 0;
    }
    
    .single-product .hero-glass{
        padding: 30px;
    }
    
    .single-product #content .ast-container{
    	padding-bottom: 100px;
    }
    
    .archive .hero-glass{
        padding: 40px 25px;
    }
    
    .archive .contact-section{
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .archive .category-hero{
        padding-bottom: 125px !important;
    }
    
    .archive .contact-section{
        margin-bottom: 100px;
    }
    
    .archive .contact-section .cards-stack{
        row-gap: 20px;
    }
    
    .archive .contact-section .content-box.blurred-card{
        margin-bottom: 20px;
    }
    
    .archive .product-card .read-more{
        width: 100%;
        justify-content: center;
    }
    
    .archive .product-card a.read-more::after{
        right: 75px;
    }
    
    h2{
        font-size: 35px !important;
    }
    
    .archive .hero-glass p{
        width: 100%;
    }
    
   .content-align-center .uagb-ifb-image-content{
    	top: -20px;
    }
    
   .cm-mb-width p{
       width: 70%;
   }
   
   footer .site-footer-primary-section-1{
       display: flex !important;
       justify-content: center;
       margin-bottom: 40px !important;
   }
   
    footer .site-primary-footer-wrap{
        justify-content: center;
        padding-bottom: 25px !important;
    }
}

@media (max-width: 768px) {
  .archive .product-grid {
    row-gap: 15px;
    padding-top: 140px;
  }
  
   .container-category {
        flex-direction: column;
    }
}

@media(min-width: 1280px){
    .site-footer .site-primary-footer-wrap{
    	position: relative;
    }
}

@media(min-width: 640px) and (max-width: 960px){
    .archive .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
   .position-cm.top-custom-position{
       bottom: -70px;
   }
   
   .res-text-width .uagb-ifb-image-content{
       bottom: 15px !important;
   }
   
   .res-text-width p{
       width: 90%;
   }
   
   a.read-more::after{
       right: 30px;
   }
   
   .archive h1{
        font-size: 80px !important;
    }
    
    .archive .hero-title{
        margin-bottom: -35px;
    }
    
    .info-card .uagb-ifb-image-content::before{
        left: -55px;
    }
    
    .archive .category-hero{
        min-height: 75vh;
    }
}

@media(min-width: 1024px){
    .main-header-menu > li{
    	line-height: 0 !important;
    }
    
    .main-header-menu > li:last-child > a{
    	background-color: #59FF85;
    	color: #000 !important;
    	font-weight: 500;
    	padding: 20px !important;
    	border-radius: 50px;
    	transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .main-header-menu > li:last-child > a:hover{
    	background-color: #000;
    	color: #fff !important;
    	transform: scale(1.08);
    }
    
    
    .site-below-footer-wrap{
    	padding: 0 0 55px 0px;
    }
}

@media(max-width: 1024px){
    footer .site-primary-footer-wrap, footer .site-below-footer-wrap{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
     footer .site-below-footer-wrap{
        padding-bottom: 0 !important;
    }
}

@media(width: 1024px){
    .cm-max-width{
        max-width: 80% !important;
    }
    
    .linear-gradient-effect{
        min-height: 65vh !important;
    }
    
    .right-bt-pos{
        right: -170px;
    }
    
    .archive .hero-title{
        font-size: 125px;
        margin-bottom: -55px;
    }
    
    .archive .category-hero{
        min-height: 75vh;
    }
}


@media(width: 1280px){
    .cm-max-width{
        max-width: 80% !important;
    }
    
    .archive .hero-title{
        font-size: 125px;
        margin-bottom: -55px;
    }
    
    .archive .category-hero{
        min-height: 75vh;
    }
}


@media(width: 1680px){
    body:not(.error404) .site-footer .site-primary-footer-wrap::after{
        left: -115px !important;
    }
}

@media(width: 1920px){
    body:not(.error404) .site-footer .site-primary-footer-wrap::after{
        left: -20px !important;
    }
}

@media(min-width: 1921px){
    body:not(.error404) .site-footer .site-primary-footer-wrap::after{
        content: none !important;
    }
}

@media(min-width: 1600px){
    .section-bg-cm::before{
        height: 1460px;
    }
}

@media(min-width: 2560px){
    .section-bg-cm::before{
        height: 2000px;
    }
}

@media(min-width: 1366px){
    body:not(.error404) .site-footer .site-primary-footer-wrap::after{
    	content: url("/wp-content/uploads/2026/02/footer-bg-radial-2.svg");
    	position: absolute;
    	bottom: 0;
    	left: -195px;
    	top: -710px;
    	transform: scale(0.7);
    	z-index: -1;
    }
}