/*
Theme Name: SaasLauncher
Theme URI: https://cozythemes.com/saaslauncher-wordpress-theme/
Author: CozyThemes
Author URI: https://cozythemes.com/
Description: SaasLauncher is a modern WordPress theme built specifically for SaaS businesses, software products, startups, and technology companies. Designed with Full Site Editing (FSE), it empowers you to create high-converting SaaS websites, SaaS landing pages, product showcases, and startup websites with complete design freedom—without touching a single line of code. Whether you're launching a new SaaS platform, promoting a software solution, showcasing a web application, or growing a startup, SaasLauncher provides everything needed to build a professional online presence. The theme includes 70+ ready-to-use website sections and 50+ professionally designed starter templates, helping you create stunning SaaS websites faster and more efficiently. Built for performance, flexibility, and scalability, SaasLauncher features a clean modern design, fully responsive layouts, and seamless customization through the WordPress Site Editor. It is WooCommerce-ready and integrates smoothly with popular plugins including Contact Form 7, WPForms, Rank Math SEO, Yoast SEO, and more. Powered by Cozy Blocks, SaasLauncher includes 50+ advanced Gutenberg blocks, giving you powerful tools to create feature-rich SaaS websites, product landing pages, pricing pages, lead generation funnels, and marketing-focused business websites with ease. From SaaS startups and software companies to technology businesses and digital agencies, SaasLauncher is the complete WordPress solution for building fast, modern, and conversion-focused SaaS websites. Explore demos and features at https://cozythemes.com/saaslauncher-wordpress-theme/.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, style-variations, featured-images, portfolio, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
Version: 1.3.4
Requires at least: 5.9
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: saaslauncher
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.wp-block-comments textarea#comment {
  border-radius: 4px;
}
input[type="submit"] {
  transition: all ease 0.23s;
  -o-transition: all ease 0.23s;
  -moz-transition: all ease 0.23s;
  -webkit-transition: all ease 0.23s;
}

.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea,
.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
.wpcf7-form-control.wpcf7-select {
  border-radius: 5px;
  border: 1px solid #dad7d7;
  padding: 15px;
  width: 100%;
  margin-top: 10px;
  box-sizing: border-box;
}
.wpcf7-form-control.wpcf7-select {
  appearance: none;
  position: relative;
}
.wpcf7-form-control.wpcf7-select:after {
  content: ">";
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 10px;
}
form.wpcf7-form *::placeholder {
  font-size: 14px;
}
form.wpcf7-form *::-moz-placeholder {
  font-size: 14px;
}
form.wpcf7-form *::-webkit-input-placeholder {
  font-size: 14px;
}
.wp-block-contact-form-7-contact-form-selector
  .wpcf7-form-control.wpcf7-submit {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light-color);
  border-radius: 6px;
  border: 0;
  font-size: 16px;
  padding: 15px 40px;
}
.wp-block-contact-form-7-contact-form-selector
  .wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--light-color);
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-form input,
.wp-block-contact-form-7-contact-form-selector .wpcf7-form select,
.wp-block-contact-form-7-contact-form-selector .wpcf7-form textarea {
  border-radius: 6px;
  border: 1px solid var(--wp--preset--color--foreground);
  background: transparent;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter
  .wpcf7-form
  input {
  border-radius: 0;
  border: 0;
  border: 1px solid var(--wp--preset--color--light-color);
  background: transparent;
}
form.comment-form {
  border-radius: 20px;
  margin-top: 24px;
}
.wp-block-post-comments-form {
  border-radius: 20px;
}
form.comment-form input[type="email"],
form.comment-form input[type="text"],
form.comment-form input[type="url"],
form.comment-form textarea {
  border-radius: 5px;
  margin: 12px 0 25px;
}
form.comment-form .form-submit.wp-block-button {
  margin-top: 25px;
}
.wp-block-comment-author-name {
  font-weight: 600;
}

.wp-block-comment-date a {
  color: var(--wp--preset--color--foreground);
  font-size: 13px;
}
.wp-block-comment-template li {
  margin-top: 50px;
  border-bottom: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-comment-template li li {
  margin-top: 10px;
  padding-left: 60px;
  border-bottom: 0;
}
a.comment-reply-link {
  background: var(--wp--preset--color--background-alt);
  padding: 5px 12px;
  border-radius: 5px;
}
.wp-block-post-comments-form {
  margin-top: 30px;
  display: inline-block;
  width: 100%;
}
.woocommerce ul.products li.product a img {
  border-radius: 5px;
  height: 350px;
  object-fit: cover;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin: 0 2.5% 2.992em 0;
  width: 23.1%;
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
  margin-right: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  border: 0;
}
.woocommerce #reviews #comments ol.commentlist {
  padding: 0;
  margin-top: 20px !important;
}
.woocommerce-page .input-text {
  padding: 11px 30px;
  border: 1px solid #817e7e;
  border-radius: 5px;
}
.entry-content.wp-block-post-content a,
.wp-block-comment-content a,
p a,
.wp-block-heading a {
  text-decoration: underline;
}
.entry-content.wp-block-post-content a:hover,
.wp-block-comment-content a:hover,
p a:hover,
.wp-block-heading a:hover {
  color: var(--wp--preset--color--secondary);
}
nav.wp-block-navigation ul li a:hover {
  color: var(--wp--preset--color--secondary) !important;
}
.wp-block-group.saaslauncher-product-image {
  position: relative;
  overflow: hidden;
}
.wp-block-group.saaslauncher-product-image .wc-block-components-product-image {
  margin: 0;
}
.wp-block-columns.saaslauncher-product-buttons {
  position: absolute;
  width: 80%;
  bottom: -40px;
  left: 10%;
  transition: all ease 0.23s;
  opacity: 0;
}
.wp-block-group.saaslauncher-product-box:hover
  .wp-block-columns.saaslauncher-product-buttons {
  opacity: 1;
  bottom: 24px;
}
.wp-block-group.saaslauncher-product-box
  .wc-block-components-product-sale-badge,
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale {
  font-size: 12px;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light-color);
  border: 0;
  top: 12px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  border-radius: 50%;
  z-index: 1;
}
.wp-block-group.saaslauncher-product-box
  .wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-left {
  left: 12px;
}
.wp-block-woocommerce-product-sale-badge.saaslauncher-sales-bade
  .wc-block-components-product-sale-badge {
  right: 12px;
  position: absolute;
}
.wp-block-group.saaslauncher-product-box
  .wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right {
  right: 12px;
}
.wp-block-group.saaslauncher-product-box
  .wp-block-group.saaslauncher-product-image
  img {
  transition: all ease 0.23s;
}

.wp-block-group.saaslauncher-product-box:hover
  .wp-block-group.saaslauncher-product-image {
  transform: translateY(-7px);
}
.wp-block-group.saaslauncher-product-box
  .wc-block-components-product-price
  del {
  color: var(--wp--preset--color--primary);
}
.wp-block-group.saaslauncher-product-box
  .wc-block-components-product-price
  ins {
  text-decoration: none;
}
.wp-block-group.saaslauncher-product-box .wp-block-woocommerce-product-price {
  margin-block-start: 0;
}
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before {
  color: var(--wp--preset--color--meta-color);
}
.wc-block-grid__product-rating
  .wc-block-grid__product-rating__stars
  span:before,
.woocommerce .star-rating::before,
.woocommerce .star-rating span::before,
.wc-block-grid__product-rating .star-rating span:before,
.wc-block-grid__product-rating
  .wc-block-grid__product-rating__stars
  span:before {
  color: var(--wp--preset--color--star-color);
}
.wp-block-group.saaslauncher-product-box a.wp-block-read-more,
.wp-block-group.saaslauncher-product-box
  a.wp-block-button__link.wp-element-button.wc-block-components-product-button__button,
.wp-block-group.saaslauncher-product-box
  button.wp-block-button__link.wp-element-button.wc-block-components-product-button__button.add_to_cart_button {
  width: 100%;
  text-align: center;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light-color);
  padding: 12px 0;
  font-size: 14px;
  border-radius: 30px;
}
.wp-block-group.saaslauncher-product-box a.wp-block-read-more:hover,
.wp-block-group.saaslauncher-product-box
  a.wp-block-button__link.wp-element-button.wc-block-components-product-button__button:hover,
.wp-block-group.saaslauncher-product-box
  button.wp-block-button__link.wp-element-button.wc-block-components-product-button__button.add_to_cart_button:hover {
  background: var(--wp--preset--color--secondary);
}
figure.wp-block-gallery.saaslauncher-brands figure.wp-block-image {
  margin-bottom: 0 !important;
}
figure.wp-block-gallery.saaslauncher-brands figure.wp-block-image img {
  max-height: 84px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  transition: all ease 0.23s;
}
figure.wp-block-gallery.saaslauncher-brands figure.wp-block-image img:hover {
  transform: scale(1.1);
}
.wp-block-cover.saaslauncher-cover-hover {
  background: #000;
}
.wp-block-cover.saaslauncher-cover-hover:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  opacity: 0.35;
  -webkit-opacity: 0.35;
  -moz-opacity: 0.35;
}
.wp-block-cover.saaslauncher-cover-hover.opacity-none:hover img {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.wp-block-group.saaslauncher-product-cats {
  transition: all ease 0.23s;
}
.wp-block-group.saaslauncher-product-cats:hover {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter
  form.wpcf7-form {
  position: relative;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter
  span.wpcf7-form-control-wrap {
  width: 100%;
  float: left;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter
  input.wpcf7-form-control.wpcf7-submit:hover {
  background: var(--wp--preset--color--secondary);
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter
  input.wpcf7-form-control.wpcf7-submit {
  margin-top: 10px;
  background: var(--wp--preset--color--primary);
  height: 50px;
  position: absolute;
  right: 8px;
  padding: 0 30px;
  color: #fff;
  top: 8px;
  color: #fff;
  font-size: 18px;
  border: 0;
  border-radius: 0;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter
  span.wpcf7-form-control-wrap
  input {
  height: 65px;
  padding: 0 20px;
  color: #fff;
  transition: all ease 0.23s;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter
  span.wpcf7-form-control-wrap
  input:focus {
  padding-left: 20px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter
  span.wpcf7-form-control-wrap
  input::placeholder {
  font-size: 18px;
  color: #fff;
  font-weight: 300;
}
.saaslauncher-nav-search.wp-block-search .wp-block-search__inside-wrapper {
  justify-content: end;
}
.saaslauncher-nav-search.wp-block-search .wp-block-search__inside-wrapper svg {
  height: 34px;
  width: 34px;
}

.saaslauncher-nav-search.wp-block-search .wp-block-search__button {
  width: 100%;
  max-width: 60px;
}
.wp-block-woocommerce-customer-account
  a
  .wc-block-customer-account__account-icon {
  width: 21px;
  height: 21px;
}
.saaslauncher-navigation.wp-block-navigation
  ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
  padding: 0;
  border: 0;
  transition: all ease 0.23s;
  transform: translateY(40px);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.23);
}
.saaslauncher-navigation.wp-block-navigation
  li:hover
  ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
  transform: translateY(0px);
}
.wp-block-navigation.saaslauncher-navigation
  .wp-block-navigation-item__content.wp-block-navigation-item__content {
  line-height: 50px;
}
.saaslauncher-navigation.wp-block-navigation
  ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu
  .wp-block-navigation-item__content.wp-block-navigation-item__content {
  line-height: 30px;
  transition: all ease 0.23s;
}
.saaslauncher-navigation.wp-block-navigation
  ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu
  .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
  background-color: #ededed;
}
.woocommerce.wc-block-catalog-sorting select.orderby {
  height: 30px;
  border: 0;
}
.wc-block-product-categories.saaslauncher-products-category-filter
  ul.wc-block-product-categories-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wc-block-product-categories.saaslauncher-products-category-filter
  ul.wc-block-product-categories-list
  li {
  margin-bottom: 7px;
}
.wc-block-product-categories.saaslauncher-products-category-filter
  ul.wc-block-product-categories-list
  li
  a:hover
  span.wc-block-product-categories-list-item__name {
  color: var(--wp--preset--color--primary);
}
.woocommerce .wp-block-woocommerce-product-image-gallery {
  max-width: 100%;
}
.woocommerce .wp-block-woocommerce-product-image-gallery span.onsale {
  left: 10px;
  right: unset;
  z-index: 1;
  top: 10px;
  background: var(--wp--preset--color--primary);
  font-size: 14px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background-color: transparent;
  border: 0;
  margin: 0 24px 0 0 !important;
  padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  display: none;
}
html
  body
  .wp-block-woocommerce-product-details.is-style-minimal
  ul.tabs.wc-tabs {
  border-bottom: 1px solid;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  border-width: 0;
  position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--wp--preset--color--primary) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding: 6px 0 !important;
  font-weight: 400;
  position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:after {
  content: "";
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -3px;
  position: absolute;
  background: var(--wp--preset--color--primary);
}
.woocommerce div.product .woocommerce-tabs ul.tabs:after {
  background-color: var(--wp--preset--color--border-color);
}
.woocommerce-tabs.wc-tabs-wrapper h2 {
  font-size: 24px;
  font-weight: 600;
}
button.single_add_to_cart_button.button.alt.wp-element-button,
.wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block
  a.components-button.wc-block-components-button,
a.components-button.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-checkout-button-block.wc-block-mini-cart__footer-checkout.contained {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light-color);
  padding: 15px 60px;
}
button.single_add_to_cart_button.button.alt.wp-element-button:hover,
.wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block
  a.components-button.wc-block-components-button:hover,
a.components-button.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-checkout-button-block.wc-block-mini-cart__footer-checkout.contained:hover {
  background: var(--wp--preset--color--secondary);
}
.woocommerce div.product form.cart div.quantity .qty {
  background: #f3f3f3;
  border: 0;
  padding: 2px 20px;
  font-size: 20px;
}
.wp-block-woocommerce-cart-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-block {
  background: var(--wp--preset--color--light-shade);
  padding: 24px;
  border-radius: 20px;
}
.wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block {
  margin-top: 24px;
}
.wc-block-cart-item__wrap a.wc-block-components-product-name:hover {
  color: var(--wp--preset--color--secondary);
}
.wc-block-components-totals-wrapper {
  border-top: 0;
}
figure.wp-block-image.saaslauncher-app-image img {
  margin-top: -105px;
}
.wp-block-button.saaslauncher-more-products a.wp-element-button:hover {
  border-bottom-color: var(--wp--preset--color--secondary) !important;
}
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button {
  color: #fff;
}
form.comment-form .form-submit.wp-block-button input#submit {
  color: #fff;
  padding: 16px 30px;
}
.wp-block-post-comments-form input:not([type="submit"]),
.wp-block-post-comments-form textarea {
  border-color: var(--wp--preset--color--foreground);
}
.wp-block-button.saaslauncher-cat-more a.wp-block-button__link {
  width: 40px;
  height: 40px;
  text-indent: -5000px;
  padding: 0;
  position: relative;
  opacity: 0;
  transform: translateY(20px);
}

.wp-block-button.saaslauncher-cat-more a.wp-block-button__link:after {
  content: "";
  width: 10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 0 7px 11px;
  border-color: transparent transparent transparent
    var(--wp--preset--color--primary);
  transform: rotate(0deg);
  position: absolute;
  left: 16px;
  top: 14px;
}
.wc-block-components-order-summary
  .wc-block-components-order-summary-item__quantity {
  border: 0 !important;
}
.wp-block-button.saaslauncher-cat-more a.wp-block-button__link:hover:after {
  border-color: transparent transparent transparent
    var(--wp--preset--color--light-color);
}
.wp-block-cover.saaslauncher-category-box:hover
  .wp-block-button.saaslauncher-cat-more
  a.wp-block-button__link {
  opacity: 1;
  transform: translateY(-5px);
}
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block
  td.wc-block-cart-item__image {
  padding: 16px 0 !important;
}
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block
  td.wc-block-cart-item__image
  img {
  border-radius: 12px;
}
.wc-block-components-order-summary
  .wc-block-components-order-summary-item__image
  img {
  border-radius: 4px;
}
.wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 5px 10px;
  border: 1px solid #00a0d2;
}
.wp-block-group.saaslauncher-sticky-menu {
  transition: all ease 0.23s;
}
.wp-block-group.saaslauncher-sticky-menu.sticky-menu-enabled {
  position: fixed;
  width: 100%;
  top: 0px;
  padding: 5px 30px;
  border-radius: 0;
  z-index: 999;
  max-width: 100%;
  left: 0;
  right: 0;
}
.wp-block-group.saaslauncher-sticky-menu.sticky-menu-enabled:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  background: var(--wp--preset--color--dark-shade);
  top: 0;
  z-index: 1;
  opacity: 0.8;
}
body.logged-in .wp-block-group.saaslauncher-sticky-menu.sticky-menu-enabled {
  top: 30px;
}
.wp-block-group.saaslauncher-sticky-menu.sticky-menu-enabled
  .saaslauncher-sticky-navigation {
  z-index: 2;
  position: relative;
}
.wp-block-button.saaslauncher-scrollto-top
  .wp-block-button__link.wp-element-button {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  z-index: 999;
  text-indent: -5000px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;

  &.show {
    opacity: 1;
    visibility: visible;
  }
}
.wp-block-button.saaslauncher-scrollto-top
  .wp-block-button__link.wp-element-button:after {
  content: "";
  width: 50px;
  height: 50px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/up-arrow.svg);
  mask-image: url(assets/images/up-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}
.wp-block-button.saaslauncher-scrollto-top
  .wp-block-button__link.wp-element-button:hover:after {
  background-color: var(--wp--preset--color--light-color) !important;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
  width: 68px;
  padding: 0;
  border: 0;
  border-radius: 50%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border: 0;
  background: var(--wp--preset--color--light-shade);
  margin-left: 80px;
}
.wp-block-woocommerce-empty-cart-block
  .wc-block-grid.wp-block-product-new.wc-block-product-new {
  margin-top: 20px;
}
.wp-block-woocommerce-empty-cart-block
  h2.wp-block-heading.has-text-align-center {
  font-size: 30px;
}
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
  background-color: var(--wp--preset--color--primary);
}
.wp-block-woocommerce-empty-cart-block
  img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  height: 340px;
  border-radius: 20px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
  margin: 0;
  padding: 0;
  grid-gap: 32px;
}
.wp-block-woocommerce-empty-cart-block
  .wc-block-grid__products
  li.wc-block-grid__product {
  max-width: 23% !important;
  border: 0 !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
  font-size: 16px;
  color: var(--wp--preset--color--heading-color);
}
.wp-block-woocommerce-empty-cart-block a:hover .wc-block-grid__product-title {
  color: var(--wp--preset--color--secondary);
}
.wp-block-woocommerce-empty-cart-block
  a.wp-block-button__link.wp-element-button.add_to_cart_button {
  color: #fff;
  padding: 12px 40px;
  font-size: 16px;
  border-radius: 5px;
}
.wc-block-mini-cart__empty-cart-wrapper
  a.components-button.wc-block-components-button.wc-block-mini-cart__shopping-button {
  color: #fff;
  padding: 14px 30px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--wp--preset--color--light-shade);
  padding: 24px;
  box-sizing: border-box;
  border-radius: 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  list-style: none;
  padding: 10px 0;
  border-bottom: 1px solid #ebefef;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  color: var(--wp--preset--color--secondary);
}
.woocommerce-account button.woocommerce-Button.button.wp-element-button,
.wp-element-button,
.wp-block-button__link {
  color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content {
  width: 65%;
}
header.woocommerce-Address-title.title h3 {
  font-size: 20px;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  float: left;
  width: 100%;
}
span.wc-block-mini-cart__badge {
  color: #fff;
}
h2.wc-block-mini-cart__title {
  font-size: 24px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter.minimal-footer-layout
  span.wpcf7-form-control-wrap
  input {
  height: 52px;
  padding: 0 16px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter.minimal-footer-layout
  span.wpcf7-form-control-wrap
  input::placeholder {
  font-size: 14px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter.minimal-footer-layout
  input.wpcf7-form-control.wpcf7-submit {
  height: 39px;
  right: 7px;
  padding: 0 12px;
  top: 7px;
  font-size: 14px;
}
.wp-block-social-links.saaslauncher-header-socials .wp-social-link a {
  padding: 5px;
}
.wp-block-social-links.saaslauncher-header-socials .wp-social-link a svg {
  height: 20px;
  width: 20px;
}
form.saaslauncher-header-product-search.wp-block-search {
  width: 670px;
  max-width: 100%;
}
form.saaslauncher-header-product-search.wp-block-search
  .wp-block-search__input {
  padding: 0 20px;
}
form.saaslauncher-header-product-search.wp-block-search
  .wp-block-search__button {
  margin-left: 0;
  border-radius: 0;
  border: 0;
  height: 52px;
  padding: 0 20px;
}
form.saaslauncher-header-product-search.wp-block-search
  .wp-block-search__button:hover {
  background: var(--wp--preset--color--secondary) !important;
}
figure.wp-block-image.size-full.is-resized.saaslauncher-overlap-bottom {
  margin-bottom: -100px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-style-2 {
  position: relative;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-style-2
  input.wpcf7-form-control.wpcf7-email {
  background: #fff;
  border-radius: 50px;
  height: 60px;
  padding: 0 24px;
  position: relative;
  margin-bottom: 20px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-style-2
  .wpcf7-list-item {
  display: inline-block;
  margin: 0;
}

.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-style-2
  input.wpcf7-form-control.wpcf7-submit {
  background: var(--wp--preset--color--primary) url(assets/images/btn-arrow.svg)
    no-repeat center center;

  color: #fff;
  border-radius: 50px;
  position: absolute;
  right: 6px;
  top: 15px;
  text-indent: -5000px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-style-2
  input.wpcf7-form-control.wpcf7-submit:hover {
  background-color: var(--wp--preset--color--secondary);
}
.wp-block-group.saaslauncher-header.saaslauncher-overlap-nav {
  position: fixed;
  z-index: 99;
  width: 100%;
}
.cozy-block-product-carousel .wp-block-post {
  overflow: visible !important;
  padding-top: 7px;
}
.swiper-wrapper {
  z-index: inherit;
}
.woocommerce .comment-form-comment textarea {
  padding: 16px;
}
.wp-block-group.saaslauncher-service-box:hover,
.wp-block-group.saaslauncher-hover-box:hover {
  transform: scale(1.015) translateY(-7px);
  -webkit-transform: scale(1.015) translateY(-7px);
  -moz-transform: scale(1.015) translateY(-7px);
}
.wp-block-cover.saaslauncher-portfolio-box {
  background: #000;
}
.wp-block-cover.saaslauncher-portfolio-box:hover
  .wp-block-cover__image-background {
  transform: scale(1.1);
  opacity: 0.5;
}
.wp-block-cover.saaslauncher-portfolio-box .wp-block-cover__inner-container {
  height: 100%;
  width: 100%;
}
.wp-block-group.saaslauncher-portfolio-content {
  position: absolute;
  width: 100%;
  left: 50%;
  bottom: -25%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.wp-block-cover.saaslauncher-portfolio-box:hover
  .wp-block-group.saaslauncher-portfolio-content {
  bottom: 0;
  opacity: 1;
}
ul.wp-block-list.saaslauncher-category-list li {
  text-align: center;
  margin: 10px 0;
}
form.saaslauncher-banner-search.wp-block-search {
  max-width: 100% !important;
}
.wp-block-group.saaslauncher-search-box.is-style-saaslauncher-boxshadow {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.6);
}
figure.wp-block-gallery.saaslauncher-gallery figure.wp-block-image {
  height: 280px;
}
.wp-block-group.saaslauncher-section-slant-wrapper {
  overflow: hidden;
}
.wp-block-group.saaslauncher-header-slant:after {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 52px 0 0 20px;
  border-color: transparent transparent transparent
    var(--wp--preset--color--primary);
  transform: rotate(0deg);
  position: absolute;
  right: -20px;
  top: 0;
}
@media (max-width: 768px) {
  .wp-block-heading.saaslauncher-big-title {
    font-size: 44px !important;
  }
}
@media (max-width: 600px) {
  .wp-block-navigation.saaslauncher-navigation ul {
    grid-gap: 0;
    padding-block-start: 0;
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
  }
  .wp-block-navigation.saaslauncher-navigation
    .wp-block-navigation-item__content.wp-block-navigation-item__content {
    line-height: 30px;
    padding: 0;
  }
  .saaslauncher-navigation.wp-block-navigation
    ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    transform: translateY(0);
    box-shadow: none;
  }
  .saaslauncher-navigation.wp-block-navigation
    ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu
    .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    background-color: transparent;
  }
}
@media (max-width: 480px) {
  .wp-block-heading.saaslauncher-big-title {
    font-size: 28px !important;
  }
}
.wp-block-buttons
  a.wp-block-button__link.has-gradient-twelve-gradient-background:hover,
a.wp-block-read-more.has-gradient-twelve-gradient-background:hover {
  background: #fff !important;
  color: var(--wp--preset--color--primary) !important;
}
.wp-block-buttons
  .wp-block-button.is-style-button-with-uparrow-icon
  a.wp-element-button.wp-block-button__link.has-gradient-twelve-gradient-background:hover:after {
  background-color: var(--wp--preset--color--primary);
}
.wp-block-buttons
  a.wp-block-button__link.has-gradient-thirteen-gradient-background:hover,
a.wp-block-read-more.has-gradient-thirteen-gradient-background:hover {
  background: #fff !important;
  color: var(--wp--preset--color--secondary) !important;
}
.wp-block-buttons
  .wp-block-button.is-style-button-with-uparrow-icon
  a.wp-element-button.wp-block-button__link.has-gradient-thirteen-gradient-background:hover:after {
  background-color: var(--wp--preset--color--secondary);
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-1
  input.wpcf7-form-control.wpcf7-submit {
  width: 100%;
  margin-top: 10px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-1.white-border
  input.wpcf7-form-control.wpcf7-email,
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-2.white-border
  input.wpcf7-form-control.wpcf7-email,
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-3.white-border
  input.wpcf7-form-control.wpcf7-email {
  border-color: #fff;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-1.primary-border
  input.wpcf7-form-control.wpcf7-email,
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-2.primary-border
  input.wpcf7-form-control.wpcf7-email,
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-3.primary-border
  input.wpcf7-form-control.wpcf7-email {
  border-color: var(--wp--preset--color--primary);
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-2,
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-3 {
  position: relative;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-2
  span.wpcf7-form-control-wrap {
  width: 70%;
  float: left;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-3
  span.wpcf7-form-control-wrap {
  width: 100%;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-2
  input.wpcf7-form-control.wpcf7-submit {
  float: left;
  width: 28%;
  margin-left: 2%;
  margin-top: 9px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-3
  input.wpcf7-form-control.wpcf7-submit {
  position: absolute;
  right: 5px;
  top: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-form-1
  input.wpcf7-form-control.wpcf7-text,
.wp-block-contact-form-7-contact-form-selector.saaslauncher-form-1
  select.wpcf7-form-control.wpcf7-select,
.wp-block-contact-form-7-contact-form-selector.saaslauncher-form-1
  textarea.wpcf7-form-control.wpcf7-textarea {
  border-color: #0000002e;
  height: 56px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-form-1
  textarea.wpcf7-form-control.wpcf7-textarea {
  height: 120px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-form-1
  input.wpcf7-form-control.wpcf7-submit {
  width: 100%;
  border-radius: 0;
  margin-top: 5px;
  height: 56px;
}



/* Asegura que el botón se posicione correctamente dentro del banner */
.mu-promo-box-violet-left {
  position: relative; 
}

/* Diseño de la X de cierre */
.promo-close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 26px;
  font-weight: bold;
  cursor: pointer;
  line-height: 1;
  opacity: 0.7;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 10; /* Para que quede siempre por encima del haz de luz */
}

/* Efecto al pasar el mouse sobre la X */
.promo-close-btn:hover {
  opacity: 1;
  transform: scale(1.2);
}


/* ==========================================================================
   VIDEO DE FONDO ANIMADO PREMIUM (SHONIITHO DESIGN)
   ========================================================================== */
.mu-video-background-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -100;
  overflow: hidden;
  background: #060709;
}

.mu-video-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mu-video-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(6, 7, 9, 0.4) 0%,
    rgba(6, 7, 9, 0.7) 100%
  );
  z-index: -99;
}

/* Transparentar capas de WordPress para ver el video */
body, 
html,
main.wp-block-group,
.wp-block-group,
.wp-block-cover,
.has-black-color-background-color,
.has-center-gradient-gradient-background {
  background-color: transparent !important;
  background: transparent !important;
}

.wp-block-cover__background {
  background-color: transparent !important;
  opacity: 0 !important;
}






  /* Contenedor fijo arriba a la derecha */
  .mu-navbar-fixed {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 99999; /* Asegura estar por encima de WordPress y del video */
  }

  /* Estilos del bot¨®n de las 3 barras */
  .mu-hamburger-btn {
    background: rgba(6, 7, 9, 0.85);
    border: 1px solid #ff4500;
    box-shadow: 0 0 10px rgba(255, 69, 0, 0.3);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 45px;
    height: 45px;
    padding: 12px;
    border-radius: 5px;
    box-sizing: border-box;
    transition: all 0.3s ease;
  }

  .mu-hamburger-btn span {
    width: 100%;
    height: 3px;
    background-color: #ff4500;
    border-radius: 2px;
    transition: all 0.3s ease;
  }

  /* Animaci¨®n para transformar las 3 l¨ªneas en una "X" al abrirse */
  .mu-hamburger-btn.open span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }
  .mu-hamburger-btn.open span:nth-child(2) {
    opacity: 0;
  }
  .mu-hamburger-btn.open span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }

  /* Men¨² desplegable lateral (Tipo panel oscuro) */
  .mu-dropdown-menu {
    position: fixed;
    top: 80px;
    right: -300px; /* Escondido a la derecha */
    width: 260px;
    background: rgba(10, 12, 16, 0.96);
    border: 1px solid rgba(255, 69, 0, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 8px;
    box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.8);
    transition: right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  /* Estado activo: se desliza hacia la izquierda */
  .mu-dropdown-menu.active {
    right: 20px;
  }

  .mu-dropdown-menu ul {
    list-style: none;
    padding: 10px 0;
    margin: 0;
  }

  .mu-dropdown-menu li {
    margin: 0;
    padding: 0;
  }

  .mu-dropdown-menu a {
    display: block;
    padding: 12px 20px;
    color: #e0e0e0;
    text-decoration: none;
    font-family: 'Segoe UI', Roboto, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
  }

  /* Efecto Hover estilo RPG al pasar el cursor */
  .mu-dropdown-menu a:hover {
    color: #fff;
    background: rgba(255, 69, 0, 0.1);
    border-left: 3px solid #ff4500;
    padding-left: 25px;
    text-shadow: 0 0 8px rgba(255, 69, 0, 0.6);
  }



  /* Contenedor General de la Secci¨®n */
  .mu-templates-section {
    padding: 100px 40px 60px 40px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 10; /* Se posiciona por encima del video de fondo */
  }

  /* T¨ªtulo de la Secci¨®n */
  .mu-section-title {
    text-align: center;
    margin-bottom: 50px;
  }

  .mu-section-title h2 {
    color: #fff;
    font-family: 'Segoe UI', Roboto, sans-serif;
    font-size: 2.2rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-shadow: 0 0 10px rgba(255, 60, 0, 0.6);
  }

  .mu-section-title p {
    color: #a0a5b0;
    font-size: 1.1rem;
    font-family: sans-serif;
  }

  /* Grilla Responsiva para las Tarjetas */
  .mu-templates-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
  }

  /* Tarjeta Individual de cada Template */
  .mu-template-card {
    background: rgba(10, 12, 16, 0.85);
    border: 1px solid rgba(255, 60, 0, 0.2);
    border-radius: 8px;
    overflow: hidden;
    backdrop-filter: blur(5px);
    transition: all 0.4s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  }

  /* Efecto al pasar el cursor sobre la tarjeta */
  .mu-template-card:hover {
    transform: translateY(-10px);
    border-color: #ff4500;
    box-shadow: 0 15px 30px rgba(255, 69, 0, 0.25);
  }

  /* Contenedor de la Imagen */
  .mu-card-img-wrapper {
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: #000;
  }

  .mu-card-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }

  /* Zoom suave en la imagen al hacer hover */
  .mu-template-card:hover .mu-card-img-wrapper img {
    transform: scale(1.1);
  }

  /* Textos informativos debajo de la imagen */
  .mu-card-info {
    padding: 20px;
  }

  .mu-card-info h3 {
    color: #ffffff;
    font-family: 'Segoe UI', sans-serif;
    font-size: 1.3rem;
    margin: 0 0 10px 0;
    transition: color 0.3s;
  }

  .mu-template-card:hover .mu-card-info h3 {
    color: #ff6a00;
  }

  .mu-card-info p {
    color: #bcbcbc;
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
    font-family: sans-serif;
  }


  /* Fondo oscuro transparente que cubre toda la pantalla */
  .mu-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(4, 5, 7, 0.92);
    backdrop-filter: blur(8px);
    z-index: 999999; /* Por encima de todo, incluido el men¨² */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
  }

  /* Clase que activa y muestra la ventana flotante */
  .mu-modal-overlay.mostrar {
    opacity: 1;
    pointer-events: auto;
  }

  /* Caja central que contiene las im¨¢genes */
  .mu-modal-content {
    background: #0b0c10;
    border: 2px solid #ff4500;
    box-shadow: 0 0 30px rgba(255, 69, 0, 0.3);
    width: 90%;
    max-width: 1000px;
    max-height: 85vh;
    border-radius: 10px;
    padding: 30px;
    position: relative;
    overflow-y: auto; /* Permite scroll si pon¨¦s muchas im¨¢genes */
    transform: scale(0.7);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  .mu-modal-overlay.mostrar .mu-modal-content {
    transform: scale(1);
  }

  /* Bot¨®n de cierre (X) */
  .mu-close-modal {
    position: absolute;
    top: 15px;
    right: 20px;
    background: none;
    border: none;
    color: #ff4500;
    font-size: 35px;
    cursor: pointer;
    line-height: 1;
    transition: color 0.2s;
  }
  .mu-close-modal:hover {
    color: #ffffff;
  }

  /* Encabezado del cat¨¢logo */
  .mu-modal-header {
    text-align: center;
    margin-bottom: 30px;
  }
  .mu-modal-header h2 {
    color: #fff;
    font-family: 'Segoe UI', sans-serif;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .mu-modal-header p {
    color: #8a8f98;
    margin: 0;
  }

  /* Cuadr¨ªcula interna de im¨¢genes */
  .mu-modal-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
  }

  .mu-gallery-item {
    background: #12141c;
    border: 1px solid rgba(255,69,0,0.1);
    border-radius: 6px;
    overflow: hidden;
    text-align: center;
    padding-bottom: 12px;
  }

  .mu-gallery-item img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-bottom: 1px solid rgba(255,69,0,0.1);
  }

  .mu-gallery-item span {
    display: block;
    color: #e0e0e0;
    font-family: sans-serif;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 600;
  }