/* Auto-generated by APG Safe Snippets (frontend). */

/* 04989f622a1e86fb51210c2c: Basic */
html {
  scroll-behavior: smooth;
 scroll-padding-top: 50px;
}

body, .editor-styles-wrapper {
    min-width: 350px;
}

.hero-product-colection-img img {
    filter: drop-shadow(0 .1em 0.95rem #888) !important;
}


@media only screen and (max-width: 782px) {
	.seperated-columns > div {
		border-bottom:2px solid #000000;
		border-left:0 !important;
		border-right:0 !important;
	}
	.seperated-columns > div:last-child {
		border-bottom:0 !important;
	}

}

/* CTA BUTTONS */
@media (max-width: 950px) {
	.cta_buttons .wp-block-button.wp-block-button__width-25 {
		width: 40%;
	}
	.cta_buttons .wp-block-button.wp-block-button__width-25 a.wp-block-button__link {
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
	}
}


@media (max-width: 600px) {
	.cta_buttons {
		width: 100%;
		justify-content: space-around;
		gap: 12px !important;
	}
	.cta_buttons .wp-block-button.wp-block-button__width-25 {
		width: 70%;
	}
	.about figure.wp-block-gallery {
	gap: 12px !important;
	}
}

/* BUTTONS ON HOVER */

.wp-block-buttons .wp-block-button__link, .button_styled {
    transition: all 0.3s ease; 
}

.wp-block-button:not(.is-style-outline--3) .wp-block-button__link:hover {
    color: #a1af22;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
                rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    transform: translateY(-2px) scale(1.02);
}

/* Outline-specific hover */
.wp-block-button.is-style-outline--3 .wp-block-button__link:hover {
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    background-color: rgba(161, 175, 34, 0.1) !important;
	 transform: translateY(-2px) scale(1.02);
}

/* BUTTONS -- FULL WIDTH MOBILE*/
@media (max-width: 600px) {
	.wp-block-buttons .wp-block-button.full_width_button,
	.wp-block-button.cpos-edit-design {
		width: 100%;
	}
}

/* Reset all links inside .apc-category-nav except button links */

/* a:not(.wp-block-button__link),
a:not(.wp-block-button__link):visited {
    color: inherit;
    text-decoration: none;
} */

a:not([class*="button"]),
a:not([class*="button"]):visited {
    color: inherit;
    text-decoration: none;
}

.main__contrainer--wrapper {
   display:flex;
}

/* 5417d9695c89efdf38c1cee6: apc-center-overlay */
.apc-center-overlay {
	position: absolute !important;
	bottom:0;
	left:0;
	width:100%;
    text-decoration:none;
	transition: background 0.5s ease, min-height 0.5s ease;
}

.apc-wc-cats__link:hover ~ * .apc-center-overlay {
   min-height:30% !important;
}

.overflow-hide {
    overflow:hidden;
}

/* b786d892ae534091dff77f4d: Mode selection main page */
.apg-mobile-nav ul.wp-block-navigation__container {
   width: 100%;
   gap: 0.4em;
}

.apg-mobile-nav li.wp-block-navigation-item {
	width:100%;
}

.apg-mobile-nav li.wp-block-navigation-item a {
   box-sizing:border-box;
   width: 100%;
   padding: 0.6em 0.6em !important;
}

.apg-mobile-nav li.wp-block-navigation-item a:hover {
   width: 100%;
   padding: 0.6em 0.2em;
   background-color:#f3f3f3;
}

.apg-mobile-nav li.current-menu-item a {
	background-color: #e9e9e9;
}

.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open svg {
    width:38px;
	height:38px;
}

.large_screen_nav .wp-block-navigation .wp-block-navigation-item__content {
    display: block;
    z-index: 1;
	position:relative;
}

.large_screen_nav .wp-block-navigation ul li a {
    padding:5px 0;
}
.large_screen_nav .wp-block-navigation ul li a::after {
    content: '';
    height: 3px;
    width: 100%;
    display: block;
    position: absolute;
    background: currentColor;
    bottom: 0;
    left: 0;
    opacity: 0;
    margin-bottom: 5px;
}

.large_screen_nav .wp-block-navigation ul li.current-menu-item a::after,
.large_screen_nav .wp-block-navigation ul li a:hover::after{
	margin-bottom: 0;
    opacity: 1;
    transition: margin-bottom 0.7s, opacity 0.2s;
}

@media screen and  (max-width: 900px) {
	.mode-switch-wrapper {
	   font-size:1.25rem !important;
	}
}

@media screen and  (max-width: 700px) {
	.wp-block-heading.has-fit-text {
		width:400px;
	}
}

@media screen and  (max-width: 500px) {
	.wp-block-heading.has-fit-text {
		width:320px;
		min-width:220px;
		width: calc(80vw - 40px);
	}
	
	.mode-switch-wrapper {
	   font-size:16px !important;
	}
}

@media screen and  (max-width: 450px) {
	.mode-switch-wrapper {
	   font-size:14px !important;
	}
}

@media screen and  (max-width: 992px) {
	.header-mode-switch-wrapper .apc-mode-switch__inner {
	   flex-direction: column;
		width:87.65px;
	}
	.header-mode-switch-wrapper .apc-mode-switch__btn {
	   width: 100%;
	}
	
	.header-mode-switch-wrapper .apc-mode-switch__btn {
		padding: 0.85em 0.43em;
	}
}


/* 5824f839f0aaa4cb8d788a76: Header logo */
.header_logo img {
	object-fit:cover;
	object-position: center;
	max-height:100px;
}

@media only screen and (min-width: 500px) {
	max-height:140px;
}

/* fd48157afa062dd8965aa1ec: Image zoom on hover */
.photo-zoom-rotate {
  overflow: hidden;
  border-radius: 12px; /* optional */
}

.photo-zoom-rotate img {
  display: block;
  transform-origin: center;
  transition: transform 0.5s ease;
  will-change: transform;
}

.photo-zoom-rotate:hover img {
  transform: scale(1.15) rotate(4deg);
}

/* b84739b93709d1f349ef9aeb: Example image badge */
.example_img_block {
  position: relative;
}

.example_img_block.good::after {
  content: '✓';
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  background: #C4D536;
  color: white;
  font-size: 14px;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 28px;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.example_img_block.bad::after {
  content: '✗';
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  background: #e53935;
  color: white;
  font-size: 14px;
  font-weight: 700;
  border-radius: 50%;
  line-height: 28px;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* b652dace890aad47b1e0550e: Drag and drop upload */
.codedropz-upload-container {
   background-color: #fff;
}

.codedropz-upload-inner > div:first-child {
   font-size:2em;
}

/* 4d5435c7d6a4f20fd8640bfd: Footer */
.large_screen_nav, .social_media_nav {
	width: 100%;
}
.main_footer_block .wp-block-site-logo {
	margin-top: 12px !important;
}


@media screen and (max-width: 680px) {
	.large_screen_nav .wp-block-navigation__container {
		flex-direction: column;
		align-items: flex-end;
		gap: 12px !important;
	}
}

@media screen and (max-width: 550px) {
	.main_footer_block .wp-block-site-logo img.custom-logo {
		width: 100px !important;
	}
	.main_footer_block {
		gap: 0 !important;
	}
	.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
		display: none;
	}
}


@media only screen and (max-width:700px) {
	.apc-footer-menu {
		justify-content: flex-end;
	}
}
@media only screen and (max-width:599px) {
	.apc-footer-menu nav ul {
		align-items: flex-end;
    	flex-direction: column;
	}
}

/* d6de32575cee7a0c27a2f6e4: Summary details */
summary {
  list-style: none;
  cursor: pointer;
  padding:20px 0;
}

/* Chrome, Edge, Safari */
summary::-webkit-details-marker {
  display: none;
}

summary {
  position: relative;
  padding-right: 1.5em;
}

/* default (closed state) */
summary::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0.4em;
  height: 0.4em;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-50%) rotate(45deg); /* points right */
  transition: transform 0.2s ease;
}

details {
	border-radius: 8px;
}

details[open] summary::after {
  transform: translateY(-50%) rotate(225deg); /* points down */
}

/* 3903e83b780005bffc7b7869: About Page */
/* CARDS WITH ICONS BADGE */
.icon_badge {
	height: 60px;
    width: 60px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
	 transition: background 0.25s ease, transform 0.25s ease;
}

.icon_badge .wp-block-safe-svg-svg-icon.safe-svg-cover {
	width: 50px;
	height: 50px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.card {
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.card:hover {
  border-color: #C4D536;
  box-shadow: 0 0 0 3px rgba(196, 213, 54, 0.25);
}
.card:hover .icon_badge {
  background: #C4D536 !important;
  transform: scale(1.12);
}

.card:hover .icon_badge .safe-svg-inside {
	color: black !important;
  
}


/* 6f0ff4cade18b1056e4bbc49: test2 snipp */
/* Hello .. */

/* a3cf1937e9bc89d08349e53c: Test snippet */
/* */

/* e7807d774eeab2c4a71485c7: Contact Form */
.cfcf7-block-container .cfcf7-block.wp-block-mofistudio-customizer-block-cf7.contact_form {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.cfcf7-block-container .cfcf7-block.wp-block-mofistudio-customizer-block-cf7.contact_form .codedropz-upload-inner div {
	font-size: 1em !important;
}

/* BUTTONS ON HOVER */
.wpcf7-form-control.wpcf7-submit {
	 transition: all 0.3s ease; 
}

.wpcf7-form-control.wpcf7-submit:hover {
    color: #a1af22 !important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
                rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    transform: translateY(-2px) scale(1.02);
}

/* 9f138298b7a6744c8fde1351: Main Page */
/* PRODUCT GRID --> */
	.wp-block-group.is-layout-grid.products_grid {
		grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1230px) {
	.wp-block-group.is-layout-grid.products_grid {
		grid-template-columns: repeat(2, minmax(280px, 310px)) !important;
		gap: 2.5rem !important;
	}
}


@media (max-width: 680px) {
	.wp-block-group.is-layout-grid.products_grid {
		grid-template-columns: repeat(1, minmax(0, 310px)) !important;
	}
}
/* <-- PRODUCT GRID */

/* CONTACTS --> */
@media (max-width: 600px) {
	.contact_us .wp-block-columns h3 {
		font-size: 28px !important;
	}
}

/* <-- CONTACTS */

/* 5151dc94629e3e4b09a6b8a9: Header */
@media (max-width: 991px) {
	.wp-block-group.apg-mobile-nav {
	    gap: 0;
	}
}


/* 56b986184191537adbd277f6: Animations */
@keyframes fadeInUp {
  0% {
    opacity: 0.3;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0.5;
    transform: translate3d(-50px, 0, 0) scale(0.98);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0.5;
    transform: translate3d(20px, 0, 0) scale(0.98);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

.wp-block-column.fadeInLeft {
  animation-timing-function: ease-out;
}

/* f6d4f5664ec9fef443a6a348: Single Product Page */
/* PRODUCT DETAILS LIST --> */
.wp-block-woocommerce-product-details .wp-block-woocommerce-accordion-item .wp-block-woocommerce-accordion-header button.accordion-item__toggle {
	font-size: 20px !important;
}

/* ADD TO CART BUTTONS --> */
.wc-block-cart__submit-container .wc-block-cart__submit-button,
.wp-block-product-new.wp-block-woocommerce-product-new ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-add-to-cart a,
.cpod-actions-block .cpod-actions button.cpod-btn {
	border-radius: 5px !important;
	padding-top: calc(0.667em + 2px) !important;
    padding-right: calc(1.333em + 2px) !important;
    padding-bottom: calc(0.667em + 2px) !important;
    padding-left: calc(1.333em + 2px) !important;
	transition: all 0.3s ease; 
}
.cpod-actions-block .cpod-actions button.cpod-btn.cpod-primary {
	background-color: #32373c !important;
}

ul.wc-block-product-template.wp-block-woocommerce-product-template li.wc-block-product .wp-block-button.wc-block-components-product-button {
	transition: all 0.3s ease; 
} 

.wc-block-cart__submit-container .wc-block-cart__submit-button:hover,
.cpod-actions-block .cpod-actions button.cpod-btn:hover,
ul.wc-block-product-template.wp-block-woocommerce-product-template li.wc-block-product .wp-block-button.wc-block-components-product-button:hover,
.wp-block-product-new.wp-block-woocommerce-product-new ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-add-to-cart a:hover {
    color: #a1af22 !important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
                rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    transform: translateY(-2px) scale(1.02);
}

ul.wc-block-product-template.wp-block-woocommerce-product-template li.wc-block-product .wp-block-button.wc-block-components-product-button:hover a {
    color: #a1af22 !important;
}


/* 7aa3a9e5bb65b9c14985902e: Woocommerce Product Cards */
/* RELATED PRODUCTS, NEW PRODUCTS ... */
.wp-block-product-new.wp-block-woocommerce-product-new ul.wc-block-grid__products li.wc-block-grid__product,
ul.wc-block-product-template.wp-block-woocommerce-product-template.related_products li.wc-block-product {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	border-width: 0.03rem;
    border-radius: 10px;
	border-color: var(--wp--preset--color--pale-cyan-blue)!important;
	border-style: solid;
    background-color: #eff1e4;
    /* min-height: 100%; */
    padding: var(--wp--preset--spacing--30);
	width: auto !important;
}

.wp-block-product-new.wp-block-woocommerce-product-new ul.wc-block-grid__products {
	gap: 24px;
}

/* Realted Products Grid */
ul.wc-block-product-template.related_products.wp-block-woocommerce-product-template {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(max(150px, calc(25% - .9375em)), 1fr));
}

.read-more-button {
	white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
	color: transparent !important;
}

.read-more-button::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('/wp-content/uploads/2026/04/customize.svg') no-repeat center;
  background-size: contain;
	
	position: absolute;
  transition: transform 0.25s ease, opacity 0.25s ease;

}

/* TEXT (real content) */
.read-more-button span,
.read-more-button {
  transition: color 0.25s ease;
}

/* HOVER STATE */
.read-more-button:hover::before {
  transform: translateX(-20px);
  opacity: 0;
}

.read-more-button:hover {
  color: #fff !important; /* reveal text */
}

@media (hover: none) {
  .read-more-button {
    color: #fff !important; /* always show text */
  }

  .read-more-button::before {
    display: none; /* hide icon */
  }
}

/* f5941974ddec3cf8088286cb: DIY Design Page */
@media (max-width: 575px) {
	.example_img_grid {
	 grid-template-columns: 1fr !important;
	}
}


/* 04ec296ef7855f60a14fa71a: How it Works Page */
@media (max-width: 950px) {
	.benefits_grid_diy {
	    grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 550px) {
	.benefits_grid_diy {
	    grid-template-columns: 1fr;
	}
}