/*!
Theme Name: Vet Care Center
Theme URI: https://www.revolutionwp.com/products/vet-care-center
Author: revolutionwp
Author URI: https://www.revolutionwp.com/
Description: A Vet Care Center stands as a multipurpose and modern facility designed to deliver exceptional care for pets while offering a clean and elegant environment for veterinary clinic, vet care center, animal clinic, pet hospital, dog treatment, cat care, veterinary services, animal doctor, pet surgery, pet vaccination, pet diagnostics, and vet laboratory. The center follows a minimal yet sophisticated layout that feels luxurious without compromising comfort. Its responsive and mobile-friendly design ensures every visitor enjoys a seamless experience, whether they browse on desktop or smartphone. Retina-ready visuals, stunning banners, and interactive elements create an engaging atmosphere that highlights the center’s commitment to excellence. Developers craft the Vet Care Center website with optimized code and secure, clean code architecture, resulting in faster page load times and a smooth browsing experience. Built on Bootstrap and enhanced with smart shortcodes, the platform remains flexible, customizable, and user-friendly. Extensive personalization options allow the center to showcase its services, team members, and testimonial section in a beautiful and animated display that builds trust and connection with pet owners. A strong Call to Action (CTA) button guides visitors to book appointments, inquire about treatments, or contact the team instantly. The integrated team section introduces veterinarians and staff in a warm, engaging format, while the testimonial area offers client stories that reinforce credibility. Social media links allow pet owners to stay connected and updated on tips, offers, and announcements. Translation-ready features make the center accessible to diverse communities, while agency-friendly structures support future expansions or collaborations. With its clean aesthetics, modern functionality, and luxurious presentation, the Vet Care Center becomes more than a service provider, it's a beautifully designed, fully responsive platform that reflects care, trust, and professionalism at every level.
Version: 1.4
Requires at least: 5.5
Tested up to: 6.9
Requires PHP: 7.2
License: GNU General Prefer License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vet-care-center
Tags: one-column, two-columns, three-columns, four-columns, full-site-editing, left-sidebar, right-sidebar, grid-layout, full-width-template, wide-blocks, editor-style, custom-background, custom-colors, custom-header, custom-logo, custom-menu, sticky-post, featured-images, footer-widgets, flexible-header, post-formats, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, e-commerce, portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Vet Care Center is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
*,
*::before,
*::after {
  box-sizing: inherit; }

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
body{
  font-family: "Lato", sans-serif;
}
header a,
footer a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Quando", serif !important;
}

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 0; }

dt {
  font-weight: 700; }

dd {
  margin: 0 1.5em 1.5em; }

table {
  width: 100%;
  border-spacing: 0; }

th, td {
  padding: 5px;
  text-align: center; }

table td,
table tr,
table th {
  border: 1px solid #ddd; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

img, .wp-block-image img {
  height: auto;
  max-width: 100%;
  vertical-align: middle; }

figure {
  margin: 1em 0; }

dfn,
cite,
em,
i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-family: 17px; }

abbr,
acronym {
  border-bottom: 1px dotted #ddd;
  cursor: help; }

mark,
ins {
  background: #ddd;
  text-decoration: none; }

big {
  font-size: 125%; }

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  font-size: 17px;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  line-height: 1.75;
  padding: 7px 15px;
  color: #1c1c1c;
}
p a {
    text-decoration: underline;
}
textarea {
  width: 100%;
  height: 120px;
  padding: 15px 20px; }

input[type="checkbox"] {
  display: inline; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cacaca; }

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #c3c3c3; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a3a2a2; }

hr {
  background-color: #999;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

a {
  color: var(--wp--preset--color--primary);
  outline: 0 !important;
}
.main-navigation span:hover{
  color: var(--wp--preset--color--primary);
}
.widget a:not(.wp-block-button__link),
.entry-summery a:not(.wp-block-button__link),
.entry-content a:not(.wp-block-button__link) {
  text-underline-offset: 3px;
  text-decoration-skip-ink: all;
  text-decoration-thickness: 1px;
  text-decoration: underline;
}
/* Estilos custom */

.boton-agendar {
  padding: 12px 24px;
  border-radius: 15px;
  background-color: transparent;
  color: white;
}

.boton-agendar:hover {
  background-image: linear-gradient(135deg, #9B59B6 0%, #F88379 60%, #E67E22 100%) !important;
}

.wp-block-buttons .wp-block-button .wp-block-button__link:hover {
 // background-image: linear-gradient(135deg, #9B59B6 0%, #F88379 60%, #E67E22 100%) !important;
 // background-color: transparent !important;
background-color: color-mix(in srgb, var(--wp--preset--color--primary) 85%, black) !important;
  color: white !important;
  box-shadow: none !important;
  border: none !important;
}

.apc-submit,
.apc-submit:hover,
.apc-submit:focus,
.apc-submit:active{
  background-image: linear-gradient(135deg, #9B59B6 0%, #F88379 60%, #E67E22 100%) !important;
  color: #fff !important;
  border: 0 !important;

  border-radius: 14px;
  padding: 14px 26px;
  cursor: pointer;

  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
}

.apc-submit:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.16);
}

.apc-submit:disabled{
  opacity: .6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  filter: none;
}

a:focus-visible, a:focus {
  outline: thin dotted !important;
}

/* Scroll-to-top: círculo con degradado + sin flecha "→" */
.scroll-top-box .wp-block-button__link,
.scroll-top-box .wp-block-button__link:hover,
.scroll-top-box .wp-block-button__link:focus,
.scroll-top-box .wp-block-button__link:active{
  background-image: linear-gradient(135deg, #9B59B6 0%, #F88379 60%, #E67E22 100%) !important;
  background-color: transparent !important;
  border: 0 !important;

  border-radius: 999px !important;
  width: 64px;               /* ajustá tamaño si querés */
  height: 64px;
  padding: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Quitar la flechita agregada por ::after (tu regla global) */
.scroll-top-box .wp-block-button__link::after,
.scroll-top-box .wp-block-button__link:after{
  content: none !important;
  display: none !important;
}

/* Quitar el círculo celeste externo (fondo del contenedor) */
.scroll-top-box{
  background: transparent !important;
  padding: 0 !important;      /* opcional: evita “aro” por padding */
  border: none !important;
}

/* si el círculo externo lo genera el div.wp-block-button, también lo matamos */
.scroll-top-box .wp-block-button{
  background: transparent !important;
  padding: 0 !important;
}


/* 1) Que el botón use tu degradado */
.wp-block-button__link:hover {
  background-image: linear-gradient(135deg, #9B59B6 0%, #F88379 60%, #E67E22 100%) !important;
  background-color: transparent !important;
  color: white !important;
}


/* 2) Matar el celeste del pseudo-elemento */
.wp-block-button__link::after {
  content: "→";
  color: white !important;
  background: transparent !important;
  display: inline-block;
  margin-left: 8px;
}




/*a:hover, a:active, a:hover {
  outline: 0;
  color: var(--wp--preset--color--primary);
}*/
/*alignwide*/
.alignfull{
  margin:0 !important;
  width: auto !important
}
h1,h2,h3,h4,h5,h6{
  color: #000;
}
/*---------------- Woocommerce CSS------------------ */
.wc-block-cart__submit-container a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
  text-decoration: none;
  font-size: 18px !important;
  border-radius: 12px;
}
.woocommerce h3 a{
  color: #000!important;
  text-decoration: none;
}
.woocommerce span.page-numbers.current, .woocommerce .page-numbers, .woocommerce .wp-block-query-pagination-next{
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 10px 25px;
  border-radius: 30px !important;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
  border-radius: 30px;
}
.woocommerce .wp-block-query-pagination-numbers{
  display: flex;
  align-items: center;
  gap: 10px;
}
.woocommerce .wp-block-query-pagination{
  gap: 0;
}
.woocommerce span.page-numbers.current:hover, .woocommerce .page-numbers:hover, .woocommerce .wp-block-query-pagination-next:hover, .woocommerce .wp-block-button__link:hover{
  background: #000 !important;
  color: #fff !important;
}
.woocommerce .wp-block-post{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.woocommerce .select2-container--default .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 5px 8px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.woocommerce form .form-row input.input-text {
  padding: 8px;
  border: 1px solid #bcbcbc;
}
.related.products h2 {
  text-align: left;
}
.woocommerce .star-rating span::before {
  color: #f3f321;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto 8px;
  font-size: 15px !important;
}
.woocommerce span.onsale{
  background: var(--wp--preset--color--primary);
  padding: 0;
  color: #fff;
}
.products li {
  box-shadow: -2px -2px 5px #bbb;
  padding: 10px !important;
  text-align: center;
}
.woocommerce ul.products li.product a img{
  margin: 0;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product li .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 600;
  text-align: center !important;
  font-size: 20px !important;
  padding: 5px 0 5px 0 !important;
}
.woocommerce ul.products li.product .button {
  margin-top: 5px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background: var(--wp--preset--color--primary);
  color: #fff ;
  border-radius: 1px solid var(--wp--preset--color--primary);
  padding: 10px 20px !important;
  opacity: 1 !important;
  text-decoration: none;
  border-radius: 30px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: transparent !important;
  border: 1px solid rgba(39, 123, 248, 1);
  color: #000 !important;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 7px;
  border-radius: 30px;
  border: solid 1px #000;
  color: #000;
  line-height: 1;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
   max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding-left: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--wp--preset--color--primary);
  padding: 12px !important;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
  font-weight: 600;
}
nav.woocommerce-MyAccount-navigation ul li a:hover{
  color: #222 !important;
}
span.posted_in {
  display: block;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
select.orderby {
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce .cart .button, .woocommerce .cart input.button{
  padding: 12px;
}
nav.woocommerce-MyAccount-navigation ul li a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calculator-button{
  text-decoration: none !important;
}
.woocommerce-privacy-policy-text a, .woocommerce-privacy-policy-text p, .woocommerce form .form-row label {
  color: #000;
  line-height: 28px;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
  margin-top: 20px;
}
.woocommerce-page .select2-container .select2-selection .select2-selection__arrow{
  height: 1.5rem !important;
}
.woocommerce input#password{
  border: 1px solid #bcbcbc;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 0px !important;
}
.woocommerce-page form .password-input{
  width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a {
  display: block;
  padding: 12px 15px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: var(--wp--preset--color--primary);
  transition: background .15s ease-in-out;
  font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background: #000;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  padding: 12.5px 15px;
  background: #000;
  color: #fff;
  font-weight: normal;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
  border: none;
  float: none;
  overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
  text-align: center;
  margin-bottom: 20px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  width: 110px !important;
  padding: 5px 5px 5px !important;
  margin: 0px 10px 0px 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  margin-bottom: 30px;
}
#payment{
  margin: 0 0 30px 0;
}
/* Header Section */
.main-navigation a {
  position: relative;
  text-decoration: none;
}
.main-navigation .home-page span{
  position: relative;
  color: #000;
}
.main-navigation .home-page span::before{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;         
  transform: translateX(-50%);
  width: 40px;          
  height: 2px;
  background: var(--wp--preset--color--primary);
}
.main-navigation .home-page span::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  transform: translate(-50%, 100%);
  width: 2px;           
  height: 15px;         
  background: var(--wp--preset--color--primary);
}
.main-navigation a{
  font-size: 15px;
  color: #000 !important;
}
.header-sec .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover{
  color: var(--wp--preset--color--primary) !important;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__label{
  color: var(--wp--preset--color--primary) !important;
  padding: 0 10px;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu li{
  border-bottom: 1px solid var(--wp--preset--color--primary);
}
.header-box{
   box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

.header-box .wp-block-buttons a{
  position: relative;
  padding-right: 55px !important;
}
.header-box .wp-block-buttons a:after{
   content: '\f061';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2em;
  color: #000; 
  font-family: 'FontAwesome';
  background: #fff;
  width: 35px;
  height: 35px;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.header-box .wp-block-buttons a:hover{
  background: var(--wp--preset--color--primary) !important;
  border: none !important;
}
.header-box .wp-block-buttons a:hover:after{
  color: var(--wp--preset--color--primary); 
}
.phone-box a{
  text-decoration: none;
}
.header-box .wp-block-buttons a:focus, .main-banner-sec .wp-block-buttons.slider-btn1 a:focus{
  border: 2px solid var(--wp--preset--color--primary); 
}
.adopt-btn .wp-block-button a:focus{
  border: 2px solid #fff;
}
/*------------Banner section-------------*/
.main-banner-sec{
  position: relative;
}
.main-banner-sec::before{
  content: "";
  position: absolute;
  background: url(assets/images/slider-design.png) no-repeat 0 0px;
  z-index: 9;
  left: 32%;
  top: 71%;
  width: 138px;
  height: 60px;
}
.main-banner-sec .carousel-captions {
  width: 400px;
}
.main-banner-sec .wp-block-buttons.slider-btn1 a{
  position: relative;
  padding-right: 55px !important;
}
.main-banner-sec .wp-block-buttons.slider-btn1 a:after{
   content: '\f061';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2em;
  color: #000; 
  font-family: 'FontAwesome';
  background: #fff;
  width: 35px;
  height: 35px;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.main-banner-sec .wp-block-buttons.slider-btn1 a:hover{
  /*background: var(--wp--preset--color--primary) !important; */
  border: none !important;
}
.main-banner-sec .wp-block-buttons.slider-btn2 a:hover{
  background: none !important; 
  border: none !important;
  color:var(--wp--preset--color--primary) !important; 
  border-bottom: 2px solid var(--wp--preset--color--primary) !important; 
}
.main-banner-sec .wp-block-buttons.slider-btn1 a:hover:after{
  color: var(--wp--preset--color--primary); 
}
.main-banner-sec .wp-block-buttons.slider-btn2 a{
  background: none !important;
  border-bottom: 2px solid #000;
  border-radius: 0 !important;
}
.main-banner-sec .slider-img-box, .main-banner-sec .slider-img-group{
  position: relative;
  height: auto;
}
.main-banner-sec .slider-img-box::before{
  content: "";
  position: absolute;
  background: url(assets/images/paw-img.png) no-repeat 0 0px;
  z-index: 9;
  left: 38%;
  top: 2%;
  background-size: 100% 100%;
  width: 40px;
  height: 40px;
}
.main-banner-sec .slider-img-box::after{
  content: "";
  position: absolute;
  background: url(assets/images/paw-img.png) no-repeat 0 0px;
  z-index: 9;
  left: 37%;
  top: 29%;
  background-size: 100% 100%;
  width: 40px;
  height: 40px;
}
.main-banner-sec .slider-img-group::before{
  content: "";
  position: absolute;
  background: url(assets/images/paw-img.png) no-repeat 0 0px;
  z-index: 9;
  right: 2%;
  top: 5em;
  background-size: 100% 100%;
  width: 40px;
  height: 40px;
}
.main-banner-sec .slider-img-group::after{
  content: "";
  position: absolute;
  background: url(assets/images/paw-img.png) no-repeat 0 0px;
  z-index: 9;
  right: 3%;
  top: 13%;
  background-size: 100% 100%;
  width: 40px;
  height: 40px;
}
.main-banner-sec .vaccine-text{
  position: absolute;
  top: 63%;
  left: 36%;
  width: 20%;
  background: linear-gradient(to right, #ffffff 0%, #e5e5e5 100%);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
}
.main-banner-sec .vaccine-text figure{
  position: relative;
  z-index: 999;
}
.main-banner-sec .vaccine-text figure{
  position: relative;
  z-index: 999;
}
.main-banner-sec .play-inner-text{
  margin-top: -30px !important;
  width: auto;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);position: static;
}
.main-banner-sec .play-button-box{
  position: absolute;
  bottom: -8%;
  right: 4%;
  width: 15%;
}
.main-banner-sec .play-button-box .wp-block-group.play-icon{
  margin-left: -30px !important;
}
.main-banner-sec .play-button-box i{
  background: #EF3B3B;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.main-banner-sec .small-img-1{
  position: absolute;
  top: 1%;
  left: 54%;
  width: auto !important;
  z-index: 99;
}
.main-banner-sec .small-img-2{
  position: absolute;
  top: 13%;
  left: 47%;
  z-index: 99;
  width: auto !important;
}
.main-banner-sec .small-img-3{
  position: absolute;
  top: 30%;
  left: 45%;
  width: auto !important;
  z-index: 99;
}
.main-banner-sec .small-img-1, .main-banner-sec .small-img-2, .main-banner-sec .small-img-3{
  border: 3px solid #fff;
  border-radius: 50%;
}
.main-banner-sec .banner-content{
  width: 86%;
}
/*-----------------product section---------------*/
.adopt-btn .wp-block-button a{
  position: relative;
  padding-right: 55px !important;
}
.adopt-btn .wp-block-button a:after{
   content: '\f061';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2em;
  color: var(--wp--preset--color--primary); 
  font-family: 'FontAwesome';
  background: #fff;
  width: 30px;
  height: 30px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.adopt-btn .wp-block-button a:hover{
  background: #fff !important; 
  border: none !important;
  color: #000 !important;
}
.adopt-btn .wp-block-button a:hover:after{
  color: #fff; 
  background: #000;
}
.main-product-content{
  position: relative;
}
.main-product-content::after{
  content: "";
    position: absolute;
    background: url(assets/images/prod-content-img.png) no-repeat 0 0px;
    z-index: 9;
    right: 4%;
    bottom: 30%;
    background-size: 100% 100%;
    top: auto;
    width: 50px;
    height: 50px;
}
.product-sec .prodct-img img{
    object-fit: cover;
    width: 100% !important;
  }
/*-----------------------------------blog Section------------ */
.blog-sec .wp-block-group.img-box.is-layout-constrained.wp-block-group-is-layout-constrained{
  background: #ccc;
  height: 220px;
  width: 100%;
  border-radius: 10px;
}
.blog-sec .wp-block-post-excerpt__more-text{
  display: none;
}
.blog-sec .wp-block-post-author__avatar{
  width: 20px !important;
  height: 20px !important;
}.wp-block-group.blog-sec.has-secondary-background-color.has-background.is-layout-constrained.wp-container-core-group-is-layout-06f2638e.wp-block-group-is-layout-constrained{
  padding: 0 !important;
}
/*-----------added woo product-----------*/
.wc-block-components-product-sale-badge img{
  height: 250px !important;
}
.products-block-post-template h3 a{
  font-size: 22px !important;
  text-decoration: none ;
}
span.woocommerce-Price-amount.amount{
  font-size: 18px !important;
  color: #000;
}
a.added_to_cart.wc_forward{
  margin-top: 0 !important;
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 10px 12px;
  font-size: 18px !important;
  text-decoration: none;
}
.single-post .wp-block-post-featured-image img{
  width: auto;
}
.single-post .wp-block-post-author__avatar img{
  width: 25px !important;
  height: 25px !important;
}
.wc-block-checkout {
  width: 80%;
  margin: 0 auto;
}

/*archive*/
.archive .archive-page .wp-block-post, .blog .archive-page .wp-block-post {
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%);
}
.archive .archive-page .wp-block-group , .blog .archive-page .wp-block-group  {
    box-shadow: none !important;
}
.archive-page-sec{
  padding-bottom: 30px;
  padding-top: 30px;
}
/*Footer Section*/
.footer-section{
  margin-top: 3em !important;
}
footer.wp-block-template-part{
  margin-top: 0 !important;
}
.footer-para{
  margin-right: 58% !important;
}
.footer-section  .wp-block-social-links{
  gap: 10px !important;
}
.footer-section a{
  color: #fff;
  font-size: 14px !important;
}
.footer-section .wp-block-tag-cloud a{
  border:1px solid var(--wp--preset--color--primary);
  padding: 6px 10px;
  margin: 2px;
}
.footer-section .wp-block-tag-cloud a:hover{
  background: #009DAE;
  border:1px solid #009DAE;
}
.footer-section .wp-block-columns.copyright-section p a{
  color: #000;
  font-size: 18px !important;
  text-decoration: none;
}
.footer-section h1 a{
  font-size: 22px !important;
  color: #fff !important;
}
.footer-section .footer-box .wp-block-heading{
  color: #fff !important;
}
.footer-add{
  margin-right: 10%;
}
.footer-section {
  padding: 0;
  min-height: auto;
}
.footer-section .wp-block-group {
  padding: 50px 0px 0;
}
.footer-section .wp-block-columns.copyright-section {
  padding: 20px 0px;
  margin: 50px 0 0;
}
.footer-section .wp-block-columns.copyright-section.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
    display: block;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
  padding-right: 50px;
}
.footer-box h3 {
  margin-bottom: 20px;
  width: 100%;
  color: #fff !important;
}
.footer-box p, .footer-box p a{
  margin-top: 10px !important;
  color: #fff !important;
}
.footer-add{
 line-height: 30px !important;
}
.footer-box a{
  text-decoration: none !important;
}
.footer-box ul {
  padding: 0;
  gap: 0;
}
.footer-box{
  position: relative;
}
.footer-box ul li {
  list-style: none;
  margin-bottom: 10px;
}
.footer-section .wp-block-social-link{
  background: transparent !important;
  color: var(--wp--preset--color--tertiary);
}
.footer-section .wp-block-button__link {
  padding: 10px 25px;
  font-weight: 500;
  font-size: 14px;
  color: #fff !important;
  text-decoration: none;
  background-color: transparent;
  border: 2px solid #fff;
}
.search-menu .menu-section .wp-block-search__button svg:hover{
  color: #fff !important;
}
.footer-section .wp-block-social-link a{
  padding: 8px !important;
  border-radius: 6px;
  background: #ffffff;
  color: var(--wp--preset--color--primary) !important;
  font-size: 22px !important;
}
.copyright-section p{
  line-height: 30px;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{
  color: #1778f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{
  color:#f00075;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{
  color:#1da1f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pQuandoest{
  color:#e60122;
}
.innerpage-banner{
  margin: 0 !important;
}
.footer-mail, .footer-location, .footer-phone{
  position: relative;
  padding-left: 26px;
}
.footer-mail a:hover, .footer-phone a:hover, .footer-box p a:hover{
  color:var(--wp--preset--color--primary) !important;
}
.footer-mail::before,
.footer-location::before,
.footer-phone::before {
  font-family: "Font Awesome 5 Free"; /* Font Awesome 5 */
  font-weight: 900; /* Solid icons */
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px; /* Adjust icon size */
  color: var(--wp--preset--color--primary); /* Icon color */
}
.footer-mail::before {
  content: "\f0e0"; /* Envelope icon */
}
.footer-location::before {
  content: "\f3c5"; /* Map marker icon */
}
.footer-phone::before {
  content: "\f095"; /* Phone icon */
}
.footer-box .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg{
  fill: var(--wp--preset--color--primary) !important;
}
.footer-box .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg:hover{
  fill: #000 !important;
}
/*theme-button-section*/
.theme-button-section a{
  border: 2px solid transparent !important;
}
.theme-button-section a:hover{
  border: 2px solid var(--wp--preset--color--primary) !important;
  background: transparent !important;
  color: #000 !important;
  font-size: 18px;
  font-weight: 600;
}
/*404 Page CSS*/
.wp-block-search__button {
  border: 0;
  background: var(--wp--preset--color--primary);
}
/*Sidebar CSS*/
.theme-sidebar .wp-block-tag-cloud a{
  border:1px solid var(--wp--preset--color--primary);
  padding: 6px 10px;
  margin: 2px;
}
.theme-sidebar .wp-block-group {
  padding: 15px ;
  border: 1px solid #eee;
  color: #6b6b6b;
}
.theme-sidebar .wp-block-group h3 {
  color: #222;
  padding-bottom: 5px;
  border-bottom: 3px double #222;
  font-size: 24px !important;
}
.theme-sidebar .wp-block-group ul {
  padding-left: 20px;
}
.theme-sidebar .wp-block-group ul li {
  line-height: 2;
  font-size: 20px;
  color: var(--wp--preset--color--primary);
  list-style: disc;
  text-decoration: none !important;
}
.theme-sidebar .wp-block-group ul li a {
  color: #000 !important;
  text-decoration: none !important;
  font-size: 16px;
}
.theme-sidebar .wp-block-social-links .wp-social-link a{
  color: #ffffff !important;
}
.theme-sidebar ul.wp-block-social-links {
  padding: 0;
}
.theme-sidebar ul.wp-block-social-links a{
  padding: 10px !important;
}
.theme-sidebar ul.wp-block-social-links a svg {
  font-size: 18px;
}
.theme-sidebar .wp-block-tag-cloud a{
  background:#fff;
  color: #000;
  font-size:15px !important;
  padding: 6px 18px;
  margin: 2px 4px 6px;
  display:inline-block;
  border: 2px solid #000;
  text-decoration: none;
}
.theme-sidebar .wp-block-tag-cloud a:hover{
  background: var(--wp--preset--color--primary);
  color: #fff;
  border: 2px solid var(--wp--preset--color--primary);
}
.theme-sidebar .wp-block-gallery {
  gap: 1em;
}
.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block{
  margin-bottom: 30px;
}
.wp-element-button,.wc-block-components-checkout-return-to-cart-button{
  background: var(--wp--preset--color--primary);
  color: #fff;
  border: 1px solid transparent;
  font-weight: 400;
  border-radius: 7px !important;
}
.wp-element-button:hover{
  background: #000;
  border: 0.7px solid #000;
  color: #fff !important;
}
.wp-block-search__button:hover{
  color: #fff ;
}
.wp-block-site-logo{
  margin-top: 10px !important;
  width: 100%;
}
.wp-block-site-title{
  line-height: 1;
}
/*blog post*/
.has-shadow-dark, .has-no-hover-shadow-dark {
  box-shadow: 0 6px 30px 7px #2125471a;
  transition: 0.5s;
  padding: 50px !important;
  margin-bottom: 30px;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button{
  padding: 10px 15px;
  background: var(--wp--preset--color--primary);
  border-radius: 6px;
  font-size: 18px !important;
  color: #fff;
  border: 1px solid transparent;
  cursor: poQuando;
  text-decoration: none !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
.navigation .alignleft a, .navigation .alignright a{
  color: #000 !important;
  font-size: 18px !important;
  text-decoration: none !important;
}
.comment-author.vcard a, .comment-metadata a,.comment-metadata a .edit-link, .reply a, .comment-content a{
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 700;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button:hover{
  background: #000 !important;
  border: 1px solid #000;
  color: #fff !important;
}
footer.comment-meta {
  margin-top: 12px;
}
.wp-block-post-author__name{
  margin: 10px 0px;
}

/* Contenedor izquierda */
.hero-left{
  position: relative;
  z-index: 1; /* para que el fondo quede detrás */
}

/* “Semi-círculo/óvalo” detrás del bloque */
.hero-left::before {
  content: "";
  border: 2px solid rgba(170, 90, 150, 0.28);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .07);
  position: absolute;
  z-index: -1;



  /* Ajustá estos 4 valores hasta que “abrace” el bloque */
  top: -40px;
  bottom: -40px;
  left: -40px;

  /* Clave: extendemos hacia la derecha para “cerrar” el vacío con el bloque derecho */
  right: -55%;

  background: rgba(210, 140, 190, 0.18); /* tono suave */
  border: 3px solid rgba(170, 90, 150, 0.35);

  /* Esquinas: izquierda más “recta”, derecha bien redonda */
  border-radius: 30px 9999px 9999px 30px;

  /* Si querés un look más “tarjeta” */
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* Menu movile */

/* ===== Header responsive quick-fix ===== */
@media (max-width: 780px){

  /* Ajustá este selector al contenedor real del header si tenés una clase propia */
  header.wp-block-template-part,
  .wp-site-blocks > header,
  .wp-block-group.site-header,
  .wp-block-group.header {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* Contenedor interno del header (grupo/fila) */
  header.wp-block-template-part .wp-block-group,
  .wp-block-group.site-header .wp-block-group,
  .wp-block-group.header .wp-block-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
  }

  /* Logo / imagen */
  header .wp-block-site-logo,
  header .wp-block-image {
    flex: 1 1 60%;
  }

  /* Bloque de navegación (hamburguesa) */
  header .wp-block-navigation {
    flex: 1 1 40%;
    display: flex;
    justify-content: flex-end;
  }

  /* Zona acciones: carrito + botón */
  header .wp-block-buttons,
  header .wp-block-button,
  header .wp-block-woocommerce-mini-cart {
    width: 100%;
  }

  /* Centrar carrito + botón en una segunda fila */
  header .wp-block-buttons {
    display: flex;
    justify-content: center;
    gap: 12px;
  }

  header .wp-block-woocommerce-mini-cart {
    display: flex;
    justify-content: center;
  }

  /* Evita que el botón se “estire” raro */
  header .wp-block-button__link{
    white-space: nowrap;
  }
}


@media (max-width: 900px){
  .hero-left::before{
    right: -20%;
    top: -24px;
    bottom: -24px;
    left: -24px;
  }
}

@media (max-width: 780px){

  /* 1) Contenedor del header: que haga wrap y se ordene bien */
  header.wp-block-template-part .wp-block-group,
  .wp-site-blocks > header .wp-block-group,
  .wp-block-group.site-header,
  .wp-block-group.header{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
  }

  /* 2) Logo: que no ocupe toda la fila (y no empuje todo hacia abajo) */
  header .wp-block-site-logo,
  header .wp-block-image{
    flex: 1 1 60%;
  }
  header .wp-block-site-logo img,
  header .wp-block-image img{
    max-width: 220px;   /* ajustá a gusto */
    height: auto;
  }

  /* 3) Navegación/hamburguesa: arriba a la derecha */
  header .wp-block-navigation{
    flex: 1 1 40%;
    display:flex;
    justify-content:flex-end;
    align-items:center;
  }

  /* El botón hamburguesa (WordPress nav responsive) */
  header .wp-block-navigation__responsive-container-open{
    margin-left:auto;
  }

  /* 4) Acciones: carrito + botón en la misma fila */
  header .wp-block-woocommerce-mini-cart,
  header .wp-block-buttons{
    flex: 1 1 auto;
    width:auto;
  }

  header .wp-block-woocommerce-mini-cart{
    display:flex;
    justify-content:center;
  }

  header .wp-block-buttons{
    display:flex;
    justify-content:center;
    gap:12px;
  }

  /* 5) CTA con buen tamaño táctil */
  header .wp-block-button__link{
    padding: 14px 18px;
    border-radius: 14px;
    white-space: nowrap;
  }
}

/* Extra: en pantallas MUY chicas, el botón que vaya full-width */
@media (max-width: 420px){
  header .wp-block-buttons{
    width:100%;
  }
  header .wp-block-buttons .wp-block-button{
    width:100%;
  }
  header .wp-block-buttons .wp-block-button__link{
    width:100%;
    text-align:center;
  }
}
@media(max-width: 1024px){
.wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
    max-width: 100vw;
}
}
@media (hover: none) and (pointer: coarse) {
  .wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
    width: 100vw !important;
    max-width: 100vw !important;
    inset: 0 !important;
    height: 100dvh !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
}

@media (max-width: 780px){

  /* 1) Alineación vertical del icono del mini-cart */
  header .wp-block-woocommerce-mini-cart{
    display: flex;
    align-items: center;
  }
.header-box.wp-block-template-part > div{
		width:100%!important;
	}
span:where(.wc-block-mini-cart__badge) {
    color: white !important;
}

  header .wp-block-woocommerce-mini-cart{
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(0,0,0,.04);
    transform: translateY(-2px);
  }

  /* 2) Alineación del SVG/icono del carrito (si queda "bajo") */
  header .wp-block-woocommerce-mini-cart svg,
  header .wp-block-woocommerce-mini-cart img{
    display:block;
    height: 28px;
    width: 28px;
  }

  /* 3) Ajuste fino: subimos apenas el carrito para que empareje con el CTA */
  header .wp-block-woocommerce-mini-cart{
    transform: translateY(-2px);
  }

  /* 4) Que el bloque de botones arranque más cerca del carrito */
  header .wp-block-buttons{
    margin-left: 14px !important;
  }

  /* 5) El botón: centrado vertical, altura consistente */
  header .wp-block-button__link{
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}





/*Sidebar CSS*/
.theme-sidebar .wp-block-search__button{
  background: var(--wp--preset--color--primary) !important;
  color: #fff !important;
  border-radius: 5px;
}
.theme-sidebar .wp-block-group {
  padding: 15px ;
  border: 1px solid #eee;
  color: #6b6b6b;
  box-shadow: 0 6px 30px 7px #2125471a;
  transition: 0.5s;
  margin-bottom: 30px;
}
.single-post-sidebar-on-right, .single-post-sidebar-on-left{
  margin-right: 8%;
  margin-left: 5%;
}
.single-post-sidebar-on-right h3, .single-post-sidebar-on-left h3{
  font-size: 30px;
}
.wp-block-post-author{
  align-items: center;
}
/*blog listing*/
.wp-block-query-pagination {
  margin: 80px 0;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers {
  margin: 0;
  display: inline-block;
}
.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background: var(--wp--preset--color--primary);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #0000002b;
  border-radius: 100px;
  color: #fff;
}
.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
  background-color: var(--wp--preset--color--primary);
  color: #fff;
}
.wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background:#fff;
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
   box-shadow: 0 0 15px #0000002b;
  border-radius: 100px;
  color: #000;
}
.wp-block-post-title a{
  color: #000;
}
.wp-block-post-excerpt__more-link{
  padding: 10px;
  background: var(--wp--preset--color--primary);
  color: #fff !important;
  font-weight: 600;
}
.wp-block-post-excerpt__more-link:hover{
  background: #000;
}
/*my account address button css*/
header.woocommerce-Address-title.title a{
  background-color: var(--wp--preset--color--primary);
  border-radius: 0px !important;
  color: #fff;
  font-size: 15px;
  font-weight: bold !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
}
.wc-block-grid__product-onsale{
  background-color: var(--wp--preset--color--primary) !important;
  border-radius: 0px !important;
  color: #fff !important;
  border-color: transparent !important;
}
a.wp-block-button__link.wp-element-button.add_to_cart_button.ajax_add_to_cart{
  padding: 10px 16px !important;
}
header.woocommerce-Address-title.title a:hover,.wp-element-button:hover, .wp-block-button__link:hover{
  background:#000 !important;
  border: 1px solid #000 !important;
  color: #fff !important;
}
.wc-block-grid__products {
  justify-content: center;
}
.woocommerce .woocommerce-breadcrumb,.woocommerce h1.alignwide.wp-block-query-title,
.woocommerce .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex,
.woocommerce .products-block-post-template,
.woocommerce.wc-block-product-results-count.wp-block-woocommerce-product-results-count{
  margin-left: 10% !important;
  margin-right: 10% !important;
}
.footer-para{
  font-size: 14px !important;
}
.woocommerce div.product .wp-block-group, .woocommerce div.product{
  max-width: 80% !important;
  margin-left: 6%;
}

/*cart css*/
header.woocommerce-Address-title.title{
  display: inline-grid;
  margin-bottom: 20px;
}
.woocommerce-account .addresses .title .edit{
  text-decoration: none;
  color: #fff !important;
}
ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template{
  display: grid !important;
  grid-template-columns: auto auto auto auto;
  gap: 1em;
  margin: 0 9%;
}
li.wc-block-grid__product{
  max-width: 100% !important;
}
.wc-block-grid__product-onsale{
  padding: 5px 12px !important;
  font-size: 10px !important;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,.wp-block-woocommerce-cart-order-summary-block{
  border: 1px solid #dcdcdc;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-radius: 5px;
}
td.wc-block-cart-item__image{
  padding: 16px 0px 16px 16px !important;
}
td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
tr.wc-block-cart-items__header th{
  font-weight: 700;
  padding: 9px 12px !important;
  line-height: 1.5em;
  font-size: 16px;
}
a.wc-block-components-product-name{
  color: #000;
  font-size: 20px;  
  font-weight: 600;
}
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value{
  color: #717171 !important;
}
span.price.wc-block-components-product-price{
  text-align: left !important;
}
a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button{
  text-decoration: none !important;
}
button.wc-block-cart-item__remove-link{
  font-size: 1em !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  text-align: left !important;
}
a.wc-block-components-totals-coupon-link,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,button.wc-block-components-checkout-place-order-button{
/*  background: var(--wp--preset--color--accent);*/
  border-radius: 0;
  color: #fff !important;
  font-weight: 500;
  padding: 10px 25px !important;
  font-size: 18px;
  border-radius: 30px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  font-size: 1.5em !important;
  padding: 10px !important;
  display: block !important;
}
button.wc-block-components-checkout-place-order-button:hover,
a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover{
  background-color:#000;
}
.wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #dcdcdc;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{
  padding: 10px;
}
.wc-block-components-button:hover{
  background-color: #000 !important;
}
.wc-block-components-product-metadata .wc-block-components-product-metadata__description p{
  font-size: 14px;
}
.wp-block-woocommerce-cart.alignwide {
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
  padding-right: 0%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  background-color: transparent !important;
}
.woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit{
  padding: 5px 12px !important;
  font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  margin: 0 !important;
}
.woocommerce{
  margin: 0 auto;
  max-width: 100% !important;
}
.wp-block-woocommerce-customer-account,.wc-block-mini-cart.wp-block-woocommerce-mini-cart{
  display: none;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}
.wc-block-components-quantity-selector,input.wc-block-components-quantity-selector__input{
  border: 1px solid #fff !important;
}
button.wc-block-cart-item__remove-link{
  display: block !important;
}
tr.wc-block-cart-items__header{
  border-bottom: 1px solid #fff;
}
tr.wc-block-cart-items__row{
  border-top: 1px solid #fff;
}
.wc-block-cart{
  width: 80%;
}
.wc-block-components-totals-item__value,.wc-block-components-product-metadata__description{
  text-align: left;
}
.single-product .wc-block-components-product-price ins,.post-type-archive-product .wc-block-grid__product-price  ins{
  background: none !important;
}
.single-product .wp-block-group.woocommerce.product{
  max-width: 100% !important;
}
/*woocommerce css*/
.wp-block-button.wc-block-components-product-button{
  gap: 0;
}
.woocommerce a.added_to_cart{
  margin-top: 0;
}
li.wc-block-product,li.wc-block-grid__product{
  border: 1px solid #dcdcdc;
  padding: 10px;
}
.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
  background: var(--wp--preset--color--accent);
  color: #fff;
  border-color:var(--wp--preset--color--accent) ;
}
.woocommerce .price ins, .woocommerce bdi{
  font-size: 16px;
}
.woocommerce-Tabs-panel h2,.woocommerce h2.wp-block-heading{
  font-size: 30px;
}
.wp-block-woocommerce-related-products .wp-block-post{
  width: calc(33% - 1em)!important;
}
.woocommerce-shop .add_to_cart_button{
  padding: 10px 12px !important;
}
/*blog and archive css*/
.blog .wp-block-post-excerpt__more-link,.archive .wp-block-post-excerpt__more-link,.wp-block-post-template .wp-block-post-excerpt__more-link,.single-post .taxonomy-category a,.single-product .taxonomy-product_cat a,.wp-block-woocommerce-store-notices a.button.wc-forward.wp-element-button {
  background: var(--wp--preset--color--primary) !important;
  border-radius: 6px;
  padding: 7px 10px !important;
  color: #fff !important;
  border-radius: 5px;
  text-decoration: none !important;
}
.single-post .taxonomy-category{
  margin-top: 10px;
}
span.page-numbers.current {
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 12px 16px;
}
a.page-numbers{
  background: transparent;
  color: var(--wp--preset--color--primary);
  border: 1px solid var(--wp--preset--color--primary);
  padding: 8px 10px;
}
.wp-block-query-pagination a.wp-block-query-pagination-previous,.wp-block-query-pagination a.wp-block-query-pagination-next{
  color: #fff;
  background: var(--wp--preset--color--primary);
  padding: 12px 16px;
}
.wp-block-query-pagination{
  gap: 10px !important;
}
.wp-block-query-pagination a{
  text-decoration: none;
}
.blog .wp-block-post-excerpt__more-link:hover,.archive .wp-block-post-excerpt__more-link:hover,.wp-block-latest-posts.is-grid li .wp-block-latest-posts__read-more:hover,
.wp-block-post-template .wp-block-post-excerpt__more-link:hover{
  background: #000;
  color: #fff;
}
.archive .wp-block-post-template figure,.wp-block-post-template figure{
  margin: 0 !important;
}
.wp-block-post-template .wp-block-post-excerpt__more-text,.wp-block-post .wp-block-post-date {
  margin-top: 10px;
}
.archive .wp-block-post-template, .wp-block-post-template{
  gap: 1.2em;
}
.wp-block-post-template .wp-block-post-excerpt__excerpt{
  color: #717171;
}
.woocommerce-cart h1.alignwide.wp-block-post-title,.woocommerce-account h2{
  text-align: center;
}
.woocommerce-account .entry-content .woocommerce-form-login {
  width: 450px;
  margin: 0 auto;
}
.wc-block-components-checkout-return-to-cart-button svg{
  left: 3% !important;
}
a.wc-block-components-checkout-return-to-cart-button{
  padding: 10px 12px 10px 30px !important;
}

/*RESPONSIVE MEDIA*/
@media screen and (max-width:767px) {
  .error-page{
   padding: 0 !important;
  }
  .error-page h2{
    font-size: 122px !important;
  }
  .has-shadow-dark, .has-no-hover-shadow-dark{
    padding: 20px !important;
  }
  .wp-block-post-comments .commentlist .comment{
    padding-left: 0 !important;
  }
  .single-post-sidebar-on-left .wp-block-columns,.single-post-sidebar-on-right .wp-block-columns{
    max-width: 100% !important;
  }
  .main-page, .page-no-title{
    padding: 20px !important;
  }
  .footer-section .wp-block-navigation-item__label{
    color: #000 !important;
  }
  .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child,
  .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
    padding: 0;
  }
  .footer-section .wp-block-columns {
    padding: 0 20px;
  }
  .footer-section .wp-block-columns.copyright-section {
    padding: 20px;
    text-align: center;
  }
  .footer-section .wp-block-columns {
    margin: 0;
  }
  .copyright-section .wp-block-social-links{
    justify-content: center !important;
  }
  .footer-section .wp-block-group{
    padding: 10px;
    max-width: 100% !important;
  }
  .footer-section h1{
    text-align: center;
  }
  span.woocommerce-Price-amount.amount {
    font-size: 14px !important;
  }
  .products-block-post-template h3 a {
    font-size: 20px !important;
  }
  .footer-para{
    margin-right: 0% !important;
  }
  .header-section .wp-block-site-title a{
    color: #000;
  }
  .wp-block-navigation__responsive-container-content{
    margin-left: 30px;
  }
  .footer-section .wp-block-group{
    text-align: center !important;
  }
  .footer-section .wp-block-social-links{
    justify-content: center !important;
  }
  .banner-calender .wp-block-column p{
    text-align: center;
  }
  li.wc-block-grid__product{
    max-width: 100% !important;
  }
}
@media screen and (min-width: 425px) and (max-width: 900px){
  .header-section .wp-container-core-navigation-is-layout-1{
    gap: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .wp-block-column.banner-col-2.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 200% !important;
  }
  .footer-section .wp-block-group{
    padding: 2em;
    max-width: 100% !important;
  }
  .banner-col-2 h1{
    font-size: 36px !important;
    line-height: 55px;
  }
  .footer-box{
    max-width: 180px !important;
  }
  .products-block-post-template{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .footer-section .wp-block-columns{
    display: grid;
    grid-template-columns: auto auto auto auto;
  }
  .footer-section .wp-block-social-links {
    gap: 0.5rem !important;
  }
  .footer-section .wp-block-columns.copyright-section{
    display: block;
  }
  .footer-para{
    margin-right: 0% !important;
  }
}
@media screen and (min-width: 782px) and (max-width: 992px){
  .archive .archive-page .wp-block-latest-posts li{
    flex: 1 0 50% !important;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1000px) {
  .main-navigation{
    gap: 20px !important;
  }
  .main-navigation a{
    font-size: 12px !important;
  }
  li.wc-block-grid__product{
    max-width: 18% !important;
  }
  .footer-section .wp-block-group{
    padding-top: 10px !important;
  }
  .copyright-section .wp-block-social-links{
    gap: 10px;
  }
  .footer-para{
    margin-right: 0% !important;
  }
}
@media screen and (max-width: 900px) {
  .header-section nav{
    flex-wrap: nowrap !important;
  }
  .wp-block-navigation__responsive-container-open {
    background: var(--wp--preset--color--vivid-purple) !important;
    padding: 10px;
    color: #fff;
    border-radius: 7px;
  }
  .header-section .wp-block-navigation__responsive-container-close{
    background: #000;
    padding: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    border-radius: 7px;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    display: none;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }
}
@media screen and (max-width: 1400px) and (min-width:1025px){
  .footer-section .wp-block-group{
    padding-top: 10px !important;
  }
  .copyright-section .wp-block-social-links{
    gap: 10px;
  }
  .footer-para{
    margin-right: 0% !important;
  }
}
@media screen and (max-width: 768px){
  .single-product ul.tabs.wc-tabs{
    display: flex !important;
  }
}
@media screen and (max-width: 991px){
  .main-navigation .home-page span::before, .main-navigation .home-page span::after{
    content: none;
  }
  .home-page span{
    background:none !important;
    color: #fff !important;
    border-radius: 0 !important;
  }
  .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__label{
    color: #fff !important;
    padding: 0;
  }
  .wp-block-navigation__submenu-container.wp-block-navigation-submenu li{
    border-bottom:none;
  }
  .wc-block-components-sidebar-layout{
    display: block;
  }
  .wc-block-components-sidebar-layout .wc-block-components-main,.wc-block-components-sidebar,.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{
    width: 100% !important;
  }
  .single-product .wc-block-add-to-cart-form form.cart{
    display: block;
  }
}
@media screen and (max-width: 425px){
  td.wc-block-cart-item__total{
    padding: 0 !important;
  }
  tr.wc-block-cart-items__row{
    grid-template-columns: repeat(4, 1fr)!important;
  }
  .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity{
    display: block;
  }
}
@media screen and (min-width: 721px) and (max-width: 991px){
  .wc-block-product-template.wc-block-product-template,ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template,
  .blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{
    grid-template-columns: repeat(2, minmax(max(150px, calc(50% - 0.83333em)), 1fr));
    gap: 0.83333em;
  }
  .wp-block-woocommerce-related-products .wp-block-post,.blog .wp-block-latest-posts__list li{
    width: calc(50% - 1em)!important;
  }
}
@media screen and (max-width: 720px){
  .wc-block-product-template__responsive,ul.wc-block-grid__products{
    grid-template-columns: auto !important;
  }
  .blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{
    display: block;
    grid-template-columns: auto !important;
  }
  li.wc-block-product,.blog .wp-block-post-template li,.archive .wp-block-post-template li,
  .page-template-blog-sidebar-on-right .wp-block-post-template li,.page-template-blog-sidebar-on-left .wp-block-post-template li{
    margin-bottom: 20px;
  }
  .wp-block-woocommerce-related-products .wp-block-post,.page-template-blog-sidebar-on-left .wp-block-post,.page-template-blog-sidebar-on-right .wp-block-post{
    width: calc(100% - 1em)!important;
  }
  .not-found-heading{
    font-size: 50px !important;
  }
}
@media screen and (max-width: 425px){
  .woocommerce .wp-block-group .alignwide{
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 991px){
  .home-page span{
    border: none;
  }
  .menu-box ul,
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child,
  .menu-box .wp-block-navigation__submenu-container{
    gap: 20px !important;
  }
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li{
    padding-left: 50px;
  }
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a{
    position: relative;
    display: inline-flex !important;
  }
  .menu-box .wp-block-navigation__responsive-container-close{
    right: 15px !important;
    top: 15px !important;
  }
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a:before{
    content: '--';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 12px;
  }
  .menu-box ul.wp-block-navigation__container li a{
    padding: 0 20px 0 40px !important;
    color: #fff !important;
  }
  .home-page span{
    color: #fff !important;
  }
  .menu-box .top-menus .wp-block-navigation__submenu-container{
    padding: 0;
  }
  .menu-box nav .wp-block-navigation__responsive-container{
    background-color: #000000 !important;
  }
  .menu-box .wp-block-navigation__responsive-container-close{
    background: #ffffff;
    padding: 10px;
    color: #000000;
    font-size: 30px;
    font-weight: 600;
    border-radius: 50%;
    right: 25px;
    top: 16px;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open),
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    display: none;
  }
  .menu-box .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-content{
    padding-top: calc(2rem + 60px);
    margin-left: 0;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }
}
/*my media*/
@media screen and (max-width: 767px){
  main.wp-block-group.product-sec.is-layout-constrained{
    padding: 0 !important;
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }
  .vaccine-text p{
    font-size: 12px !important;
  }
  .main-banner-sec .wp-block-cover.is-light{
    padding-top: 2em !important;
    padding-bottom: 2em !important;
  }
  .main-banner-sec .play-button-box .wp-block-group.play-icon {
    margin-left: -60px !important;
  }
  .play-icon a.wp-block-wpzoom-video-popup-block-block.wpzoom-video-popup-block{
    font-size: 13px !important;
  }
  .main-banner-sec::before{
    content: none;
  }
  .main-navigation{
    display: flex;
    justify-content: center;
  }
  .header-btn-col{
    padding-top: 20px;
  }
  .blog-date, .blog-author{
    font-size: 11px !important;
  }
  .main-blog-box{
    padding: 10px 15px !important;
  }
  .blog-small-title{
    font-size: 11px !important;
  }
  .blog-sec h2{
    font-size: 25px !important;
    margin: 10px auto 0!important;
  }
  .blog-sec h2 a{
    font-size: 18px !important;
  }
  .blog-sec .wp-block-post-template .wp-block-post-excerpt__excerpt{
    font-size: 11px !important;
  }
  .blog-sec .img-box{
    height: 200px !important;
  }
  .product-sec .prodct-img img{
    height: 180px !important;
  }
  .main-product-content::after{
    width: 80px;
    height: 80px;
  }
  .adopt-btn .wp-block-button a:after{
    width: 25px;
    height: 25px;
    font-size: 10px;
    right: 5px;
  }
  .product-sec h2{
    font-size: 17px !important;
  }
  .product-sec p{
    font-size: 14px !important;
  }
  .product-sec .wp-block-button a{
    font-size: 11px !important;
    padding-right: 38px !important;
    border-radius: 5px !important;
    padding-left: 10px !important;
  }
  .main-banner-sec .slider-img-group::after{
    right: 8%;
    top: 13%;
  }
  .main-banner-sec .slider-img-box::before{
    left: 9%;
    top: -1%;
  }
  .main-banner-sec .slider-img-box::after{
    left: -1%;
    top: 7%;
  }
  .main-banner-sec .small-img-1{
    top: -2%;
    left: 23%;
  }
  .main-banner-sec .small-img-2{
    top: 7%;
    left: 9%;
  }
  .main-banner-sec .small-img-3{
    top: 19%;
    left: 9%;
  }
  .main-banner-sec .slider-img-box::before,
  .main-banner-sec .slider-img-group::after,
  .main-banner-sec .slider-img-box::after,
  .main-banner-sec .slider-img-group::before{
    width: 20px;
    height: 20px;
  }
  .main-banner-sec .small-img-1 img, .main-banner-sec .small-img-2 img, .main-banner-sec .small-img-3 img{
    width: 30px !important;
    height: 30px !important;
  }
  .main-banner-sec .wp-block-buttons.slider-btn2 a{
    font-size: 14px !important;
  }
  .main-banner-sec .wp-block-buttons.slider-btn1 a{
    padding-right: 45px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 10px !important;
  }
  .main-banner-sec .wp-block-buttons.slider-btn1 a:after{
    font-size: 10px !important;
    width: 27px;
    height: 27px;
  }
  .slider-btn1 a{
    font-size: 12px !important;
  }
  .main-banner-sec .banner-content{
    width: 100%;
  }
  .slider-btn-row{
    flex-direction: column;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 10px;
  }
  .slider-top-text{
    font-size: 12px !important;
  }
  .main-banner-sec h2{
    font-size: 28px !important;
  }
  .banner-content{
    font-size: 15px !important;
  }
  .main-banner-sec .vaccine-text{
    margin-top: 30px !important;
  }
  .play-btn-boxs{
    padding-top: 20px !important;
  }
  .main-banner-sec .vaccine-text, .main-banner-sec .play-button-box{
    position: static;
    width: 54%;
    margin: 0 auto;
  }
  .main-banner-sec .play-button-box{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header-box .wp-block-buttons a:after{
    width: 25px;
    height: 25px;
    font-size: 12px;
  }
  .header-box .wp-block-buttons a{
    font-size: 11px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    padding-left: 10px !important;
    padding-right: 40px !important;
  }
  .logo-box h1{
    font-size: 28px !important;
    text-align: center;
    margin-bottom: 20px !important;
  }
  .phone-box p, .phone-box i{
    font-size: 14px !important;
  }
  .top-header-text{
    text-align: center !important;
    font-size: 14px !important;
  }
  .top-header-right{
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px !important;
  }
  .top-header-col, .header-btn-col{
    gap: 10px !important;
    justify-content: center;
  }
  .social-media a{
    font-size: 16px !important;
  }
}
@media screen and (min-width: 767px) and (max-width: 999px){
  .blog-sec{
    padding: 2em 0 0 !important;
  }
  .blog-sec h2{
    font-size: 25px !important;
    margin: 0 auto !important;
  }
  main.wp-block-group.product-sec.is-layout-constrained{
    padding: 0 !important;
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }
  .menu-box{
    display: flex;
    justify-content: center;
  }
  .main-banner-sec .wp-block-cover.is-light{
    padding-top: 2em !important;
    padding-bottom: 2em !important;
  }
  .play-icon a.wp-block-wpzoom-video-popup-block-block.wpzoom-video-popup-block{
    font-size: 13px !important;
  }
  .main-banner-sec::before{
    top: 78%;
  }
  .blog-date, .blog-author{
    font-size: 11px !important;
  }
  .main-blog-box{
    padding: 10px 15px !important;
  }
  .blog-small-title{
    font-size: 11px !important;
  }
  .blog-sec h2 a{
    font-size: 18px !important;
  }
  .blog-sec .wp-block-post-template .wp-block-post-excerpt__excerpt{
    font-size: 11px !important;
  }
  .blog-sec .img-box{
    height: 200px !important;
  }
  .product-sec .prodct-img img{
    height: 180px !important;
  }
  .main-product-content::after{
    width: 80px;
    height: 80px;
  }
  .adopt-btn .wp-block-button a:after{
    width: 25px;
    height: 25px;
    font-size: 10px;
    right: 5px;
  }
  .product-sec h2{
    font-size: 17px !important;
  }
  .product-sec p{
    font-size: 14px !important;
  }
  .product-sec .wp-block-button a{
    font-size: 11px !important;
    padding-right: 38px !important;
    border-radius: 5px !important;
    padding-left: 10px !important;
  }
  .main-banner-sec .slider-img-group::before{
    right: 7%;
    top: 3em;
  }
  .main-banner-sec .play-button-box {
    bottom: -18%;
    width: 35%;
  }
  .vaccine-text p{
    font-size: 11px !important;
  }
  .vaccine-text img{
    width: 54px !important;
    height: 37px !important;
  }
  .main-banner-sec .vaccine-text {
    top: 71%;
    left: -8%;
    width: 43%;
  }
  .top-slider-content-box img{
    width: 45px !important;
    height: 45px !important;
  }
  .wp-block-column.carousel-captions.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 30% !important;
  }
  .main-banner-sec .slider-img-group::after{
    right: 8%;
    top: 13%;
  }
  .main-banner-sec .slider-img-box::before{
    left: 9%;
    top: -1%;
  }
  .main-banner-sec .slider-img-box::after{
    left: 20%;
    top: -12%;
  }
  .main-banner-sec .small-img-1{
    top: -2%;
    left: 23%;
  }
  .main-banner-sec .small-img-2{
    top: 9%;
    left: 11%;
  }
  .main-banner-sec .small-img-3{
    top: 26%;
    left: 6%;
  }
  .main-banner-sec .slider-img-box::before,
  .main-banner-sec .slider-img-group::after,
  .main-banner-sec .slider-img-box::after,
  .main-banner-sec .slider-img-group::before{
    width: 20px;
    height: 20px;
  }
  .main-banner-sec .small-img-1 img, .main-banner-sec .small-img-2 img, .main-banner-sec .small-img-3 img{
    width: 30px !important;
    height: 30px !important;
  }
  .main-banner-sec .wp-block-buttons.slider-btn2 a{
    font-size: 14px !important;
  }
  .main-banner-sec .wp-block-buttons.slider-btn1 a{
    padding-right: 45px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 10px !important;
  }
  .main-banner-sec .wp-block-buttons.slider-btn1 a:after{
    font-size: 10px !important;
    width: 27px;
    height: 27px;
  }
  .slider-btn1 a{
    font-size: 12px !important;
  }
  .main-banner-sec .banner-content{
    width: 100%;
  }
  .slider-btn-row{
    flex-direction: column;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 10px;
  }
  .slider-top-text{
    font-size: 11px !important;
  }
  .main-banner-sec h2{
    font-size: 28px !important;
  }
  .banner-content{
    font-size: 13px !important;
  }
  .wp-block-column.is-vertically-aligned-center.logo-box.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 30% !important;
  }
  .wp-block-column.is-vertically-aligned-center.menu-box.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 25% !important;
  }
  .wp-block-column.is-vertically-aligned-center.header-btn-box.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 45% !important;
  }
  .social-media a{
    font-size: 16px !important;
  }
  .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 45% !important;
  }
  .wp-block-column.is-vertically-aligned-center.right-top-col.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 55% !important;
  }
  .header-box .wp-block-buttons a:after{
    width: 25px;
    height: 25px;
    font-size: 12px;
  }
  .header-box .wp-block-buttons a{
    font-size: 11px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    padding-left: 10px !important;
    padding-right: 40px !important;
  }
  .logo-box h1{
    font-size: 23px !important;
  }
  .phone-box p, .phone-box i{
    font-size: 13px !important;
  }
  .top-header-text{
    font-size: 13px !important;
  }
  .top-header-right{
    gap: 20px;
  }
  .top-header-col.is-layout-flex, .header-box.is-layout-flex,
  .slider-content-box.is-layout-flex{
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 999px) and (max-width: 1024px){
   main.wp-block-group.product-sec.is-layout-constrained{
    padding: 0 !important;
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }
  .play-icon a.wp-block-wpzoom-video-popup-block-block.wpzoom-video-popup-block{
    font-size: 13px !important;
  }
  .main-banner-sec::before{
    left: 29%;
    top: 59%;
  }
  .blog-date, .blog-author{
    font-size: 11px !important;
  }
  .main-blog-box{
    padding: 10px 15px !important;
  }
  .blog-small-title{
    font-size: 11px !important;
  }
  .blog-sec h2{
    font-size: 25px !important;
  }
  .blog-sec h2 a{
    font-size: 18px !important;
  }
  .blog-sec .wp-block-post-template .wp-block-post-excerpt__excerpt{
    font-size: 11px !important;
  }
  .blog-sec .img-box{
    height: 200px !important;
  }
  .product-sec .prodct-img img{
    height: 180px !important;
  }
  .main-product-content::after{
    width: 80px;
    height: 80px;
  }
  .adopt-btn .wp-block-button a:after{
    width: 25px;
    height: 25px;
    font-size: 10px;
    right: 5px;
  }
  .product-sec h2{
    font-size: 17px !important;
  }
  .product-sec p{
    font-size: 14px !important;
  }
  .product-sec .wp-block-button a{
    font-size: 11px !important;
    padding-right: 38px !important;
    border-radius: 5px !important;
    padding-left: 10px !important;
  }
  .main-banner-sec .slider-img-group::before{
    right: 7%;
    top: 3em;
  }
  .main-banner-sec .play-button-box {
    bottom: -18%;
    right: 2px;
    width: 35%;
  }
  .vaccine-text p{
    font-size: 11px !important;
  }
  .vaccine-text img{
    width: 54px !important;
    height: 37px !important;
  }
  .main-banner-sec .vaccine-text {
    top: 71%;
    left: -8%;
    width: 43%;
  }
  .top-slider-content-box img{
    width: 45px !important;
    height: 45px !important;
  }
  .wp-block-column.carousel-captions.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 50% !important;
  }
  .wp-block-column.is-vertically-aligned-center.slider-img-box.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 50% !important;
  }
  .main-banner-sec .slider-img-group::after{
    right: 8%;
    top: 13%;
  }
  .main-banner-sec .slider-img-box::before{
    left: 9%;
    top: -1%;
  }
  .main-banner-sec .slider-img-box::after{
    left: 20%;
    top: -12%;
  }
  .main-banner-sec .small-img-1{
    top: -2%;
    left: 23%;
  }
  .main-banner-sec .small-img-2{
    top: 9%;
    left: 11%;
  }
  .main-banner-sec .small-img-3{
    top: 26%;
    left: 6%;
  }
  .main-banner-sec .slider-img-box::before,
  .main-banner-sec .slider-img-group::after,
  .main-banner-sec .slider-img-box::after,
  .main-banner-sec .slider-img-group::before{
    width: 20px;
    height: 20px;
  }
  .main-banner-sec .small-img-1 img, .main-banner-sec .small-img-2 img, .main-banner-sec .small-img-3 img{
    width: 30px !important;
    height: 30px !important;
  }
  .main-banner-sec .wp-block-buttons.slider-btn2 a{
    font-size: 14px !important;
  }
  .main-banner-sec .wp-block-buttons.slider-btn1 a{
    padding-right: 45px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 10px !important;
  }
  .main-banner-sec .wp-block-buttons.slider-btn1 a:after{
    font-size: 10px !important;
    width: 27px;
    height: 27px;
  }
  .slider-btn1 a{
    font-size: 12px !important;
  }
  .main-banner-sec .banner-content{
    width: 100%;
  }
  .slider-btn-row{
    flex-direction: column;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 10px;
  }
  .slider-top-text{
    font-size: 11px !important;
  }
  .main-banner-sec h2{
    font-size: 28px !important;
  }
  .banner-content{
    font-size: 13px !important;
  }
  .wp-block-column.is-vertically-aligned-center.logo-box.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 30% !important;
  }
  .wp-block-column.is-vertically-aligned-center.menu-box.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 40% !important;
  }
  .wp-block-column.is-vertically-aligned-center.header-btn-box.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 30% !important;
  }
  .social-media a{
    font-size: 16px !important;
  }
  .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 45% !important;
  }
  .wp-block-column.is-vertically-aligned-center.right-top-col.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 55% !important;
  }
  .header-box .wp-block-buttons a:after{
    width: 25px;
    height: 25px;
    font-size: 12px;
  }
  .header-box .wp-block-buttons a{
    font-size: 11px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    padding-left: 10px !important;
    padding-right: 40px !important;
  }
  .logo-box h1{
    font-size: 23px !important;
  }
  .phone-box p, .phone-box i{
    font-size: 13px !important;
  }
  .top-header-text{
    font-size: 13px !important;
  }
  .top-header-right{
    gap: 20px;
  }
  .top-header-col.is-layout-flex, .header-box.is-layout-flex{
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1599px){
  .main-banner-sec .play-button-box{
    width: 20%;
  }
  .main-banner-sec .vaccine-text{
    left: 24%;
  }
  .main-banner-sec .slider-img-box::before{
    top: -8%;
  }
  .main-banner-sec .slider-img-box::after{
    left: 25%;
    top: 6%;
  }
  .main-banner-sec .small-img-1{
    top: -3%;
    left: 49%;
  }
  .main-banner-sec .small-img-2{
    top: 8%;
    left: 38%;
  }
  .main-banner-sec .small-img-3{
    top: 24%;
    left: 31%;
  }
}
@media screen and (max-width:1250px) and (min-width:850px) {
  .logo-box h1{
    font-size: 20px !important;
  }
  .main-banner-sec .vaccine-text{
    left: 12%;
  }
  .main-banner-sec .small-img-3{
    top: 19%;
    left: 10%;
  }
  .main-banner-sec .small-img-2{
    top: 6%;
    left: 23%;
  }
  .main-banner-sec .small-img-1{
    top: -3%;
    left: 41%;
  }
  .main-banner-sec .slider-img-box::after{
    left: 2%;
  }
  .main-banner-sec .slider-img-box::before{
    left: 13%;
  }
  .slider-top-text {
    font-size: 15px !important;
  }
  .main-navigation a{
    font-size: 12px;
  }
 .main-navigation ul{
  gap: 20px;
 }
 .main-banner-sec h2{
  font-size: 40px !important;
 }
 .banner-content{
  font-size: 12px !important;
 }
 .main-banner-sec::before{
  top: 66%;
 }
 .main-banner-sec .wp-block-buttons.slider-btn1 a, .main-banner-sec .wp-block-buttons.slider-btn1 a{
  font-size: 10px !important;
 }
}
/* Scroll to Top */
.scroll-top-box {
  display: none; /* Initially hidden */
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--wp--preset--color--primary);
  color: white;
  border: none;
  border-radius: 50% !important;
  padding: 10px 16px 13px; 
  cursor: poQuando;
  z-index: 1000; 
  transition: opacity 0.3s;
}
.scroll-top-box .wp-block-button__link.wp-element-button{
  border-radius: 50% !important;
  padding: 0!important;
  margin: 0 !important;
}
.scroll-top-box .wp-block-button__link,
.scroll-top-box .wp-block-button__link:hover{
  background-color: var(--wp--preset--color--primary);
}

.scroll-top-box a:hover, .scroll-top-box .wp-block-button__link:hover{
  background: none !important;
  border: none !important;
}
/*footer animation*/
footer .footer-box{
    animation: bounceInUp 1s ease forwards;
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(3000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-20px);
  }
  75% {
    transform: translateY(10px);
  }
  90% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}

/*blog post and shop page animation*/
.archive .style-post-box .wp-block-post, .single-post .wp-block-post-comments,li.wc-block-product, li.wc-block-grid__product{
  animation: zoomInUp 0.8s ease-out both;
  overflow: hidden;
  animation-delay: 0.8s;
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(100px);
  }
  60% {
    opacity: 1;
    transform: scale(1.05) translateY(-10px);
  }
  100% {
    transform: scale(1) translateY(0);
  }
}

/* ===== Header-box: fix mobile layout + CTA + mini cart ===== */
@media (max-width: 782px){

  /* El contenedor principal del header */
  .header-box{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    padding: 12px 16px !important;
  }

  /* 1) Whatsapp (título/texto) arriba, full width */
  .header-box .wp-block-heading,
  .header-box .wp-block-site-title,
  .header-box p{
    width:100% !important;
    text-align:center !important;
    margin: 0 !important;
  }

  /* 2) Social icons centrados */
  .header-box .wp-block-social-links{
    width:100% !important;
    justify-content:center !important;
    gap:12px !important;
    margin: 6px 0 0 !important;
  }

  /* 3) Fila de acciones (carrito + botón) */
  .header-box .wp-block-woocommerce-mini-cart,
  .header-box .wp-block-buttons{
    width:auto !important;
    margin: 0 !important;
  }

  /* 4) El carrito alineado y con “cajita” para que no flote raro */
  .header-box .wp-block-woocommerce-mini-cart{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: rgba(0,0,0,.04) !important;
    transform: translateY(-2px);
  }

  .header-box .wp-block-woocommerce-mini-cart svg,
  .header-box .wp-block-woocommerce-mini-cart img{
    display:block !important;
    width:28px !important;
    height:28px !important;
  }

  /* 5) Botón CTA: que no se estire a todo lo ancho (salvo pantallas muy chicas) */
  .header-box .wp-block-buttons{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
  }

  .header-box .wp-block-buttons a{
    padding: 14px 18px !important;
    border-radius: 14px !important;
    white-space: nowrap !important;
  }

  /* Si el iconito del :after te baja la alineación, lo centramos perfecto */
  .header-box .wp-block-buttons a:after{
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

/* Extra: en pantallas MUY chicas, el CTA sí va full width */
@media (max-width: 420px){
  .header-box .wp-block-buttons{ width:100% !important; }
  .header-box .wp-block-buttons a{ width:100% !important; justify-content:center !important; }
}

@media (max-width: 782px){

  /* el grupo que agrupa carrito + botón */
  .promo-actions{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    flex-wrap: nowrap !important;
  }

  /* carrito */
  .promo-actions .wp-block-woocommerce-mini-cart{
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* bloque de botones y botón */
  .promo-actions .wp-block-buttons{
    margin: 0 !important;
    display: flex !important;
  }

  .promo-actions .wp-block-button__link{
    width: auto !important;
    min-height: 56px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 22px !important;
    white-space: nowrap !important;
  }
}

/* ===== Desktop: reset / layout correcto para promo-actions ===== */
@media (min-width: 781px){

  /* el grupo que contiene carrito + botón */
  .header-box .promo-actions{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 16px !important;
    width: auto !important;
  }

  /* mini cart */
  .header-box .promo-actions .wp-block-woocommerce-mini-cart{
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    background: transparent !important;
    transform: none !important;
    margin: 0 !important;
  }

  /* bloque de botones / CTA */
  .header-box .promo-actions .wp-block-buttons{
    width: auto !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 12px !important;
  }

  .header-box .promo-actions .wp-block-button__link{
    width: auto !important;
    min-height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }
}

/* Hamburguesa (Navigation) con degradado */
.wp-block-navigation__responsive-container-open{
    background: var(--wp--preset--color--vivid-purple) !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  color: #fff !important;
}

/* El ícono (SVG) que viene dentro */
.wp-block-navigation__responsive-container-open svg{
  fill: #fff !important;
}

/* Mobile: centrar la hamburguesa */
@media (max-width: 780px){

  /* el wrapper del bloque navegación */
  header .wp-block-navigation{
    width: 100%;
  }

  /* el contenedor que suele empujar a la derecha */
  header .wp-block-navigation__responsive-container-open{
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-flex !important;
  }

  /* por si el padre está con justify-content:end */
  header .wp-block-navigation{
    display: flex !important;
    justify-content: center !important;
  }
}

/* ===== Social links: FORZAR coral/rosado (gana a inline) ===== */
.wp-block-social-links .wp-social-link,
.wp-block-social-links .wp-social-link[style],
.wp-block-social-links .wp-block-social-link,
.wp-block-social-links .wp-block-social-link[style]{
  background: var(--wp--preset--color--primary)  !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.12) !important;
}

/* que el anchor NO pinte blanco encima */
.wp-block-social-links .wp-social-link > a,
.wp-block-social-links .wp-block-social-link > a{
  background: transparent !important;
  color: #fff !important;
  width: 56px;
  height: 56px;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
}

/* icono en blanco */
.wp-block-social-links .wp-social-link > a svg,
.wp-block-social-links .wp-block-social-link > a svg{
  fill: currentColor !important;
  width: 26px !important;
  height: 26px !important;
}

/* Íconos de social links en blanco */
.wp-block-social-links .wp-block-social-link a svg,
.wp-block-social-links .wp-block-social-link a svg path {
  fill: #fff !important;
}

/* Por si algún tema usa "color" en vez de fill */
.wp-block-social-links .wp-block-social-link a {
  color: #fff !important;
}