.header__inline-menu{position:relative}.header__inline-menu .list-menu{display:flex;flex-wrap:wrap;gap:2rem}.header__inline-menu .header__menu-item{padding:1rem 0;text-decoration:none;color:var(--color-text);transition:color .2s ease}.header__inline-menu .header__menu-item:hover{color:var(--color-text-hover)}.mega-menu-container{position:fixed;width:100%;z-index:50;transition:all .3s ease-in-out;transform-origin:top;opacity:1;transform:scaleY(1);visibility:visible;max-height:70vh;overflow-y:auto;left:0;padding-top:25px}.mega-menu-content{background:#fff;box-shadow:0 10px 25px #0000001a;border-top:1px solid #e5e7eb}.mega-menu-container.hidden{opacity:0;transform:scaleY(0);visibility:hidden}.mega-menu-inner{max-width:1200px;margin:0 auto;padding:1.25rem 1rem}.mega-menu-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}.categories-column{grid-column:span 1;border-right:1px solid #e5e7eb;padding-right:1rem}.categories-title{font-size:1.6rem;font-weight:600;color:#3c4a3e;margin-bottom:1rem}.categories-list{display:flex;flex-direction:column;gap:1.2rem}.category-button{text-align:left;width:100%;padding:.625rem .75rem;border-radius:.375rem;transition:all .2s ease;border:none;background:transparent;cursor:pointer;font-size:1.2rem;color:#3c4a3e}.category-button:hover{background:#f3f4f6;color:#4b5563}.category-button.active{background:#f1f3e6;color:#3c4a3e;font-weight:500;border-left:4px solid rgb(112,128,65);padding-left:.5rem}.content-column{grid-column:span 3;animation:fadeIn .3s ease-in}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.content-section{margin-bottom:1rem;display:none}.content-section[style*="display: block"]{display:block!important}.content-section h3{font-size:1.6rem;font-weight:500;color:#3c4a3e;margin-bottom:.5rem}.content-tags{display:flex;flex-wrap:wrap;gap:1.2rem}.content-tag{display:inline-block;padding:.125rem .625rem;border-radius:9999px;border:1px solid rgb(60,70,38);color:#3c4a3e;font-size:1.2rem;text-decoration:none;transition:all .2s ease}.content-tag:has(.color-swatch){border:none}.content-tag:hover{background:#f0fdf4;color:#4b5563}.content-tag:focus{outline:none;box-shadow:0 0 0 2px #708041,0 0 0 4px #4ade801a}.image-column{grid-column:span 1}.promo-image{width:100%;height:auto;border-radius:.375rem}.color-swatches{display:flex;flex-wrap:wrap;gap:1.2rem}.color-swatch{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid #d1d5db;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.color-swatch:hover{transform:scale(1.1)}.color-swatch:focus{outline:none;box-shadow:0 0 0 2px #708041,0 0 0 4px #4ade801a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-in}@media screen and (max-width: 749px){.mega-menu-container{box-shadow:none;border:none;border-top:1px solid #e5e7eb;width:100%;max-height:none;overflow:visible;margin-top:16px}.mega-menu-inner{padding:16px}.mega-menu-details-mobile .header__menu-item{padding:.75rem 1.5rem;background:#f8f9f3;border-radius:9999px}.mega-menu-details-mobile[open] .header__menu-item{background:#708041;text-decoration:none!important}.mega-menu-details-mobile[open] .header__menu-item .header__active-menu-item{font-weight:700;color:#fff}.header__categorys-details .header__categorys-summary{width:100%;display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:2rem;font-family:Lato,sans-serif;color:#2f3826;font-weight:500;white-space:break-spaces;text-align:left;font-size:1.6rem;line-height:20px;text-decoration:none}.header__categorys-details[open] .header__categorys-summary{background:#f8f9f3}.header__categorys-details svg{transition:.3s}.header__categorys-details[open] svg{transform:rotate(180deg)}.mega-menu-grid{grid-template-columns:1fr;gap:1.2rem}.categories-column{border-right:none;border-bottom:1px solid #e5e7eb;padding-right:0;padding-bottom:1rem}.content-column{grid-column:span 1}.content-grid{grid-template-columns:1fr;padding:0 1.5rem;border-bottom:1px solid rgb(243,244,246)}.image-column{grid-column:span 1}}.header__inline-menu .header__submenu{position:absolute;top:100%;left:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 4px 12px #0000001a;min-width:200px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;padding:1rem 0}.header__inline-menu details[open] .header__submenu{opacity:1;visibility:visible;transform:translateY(0)}.header__inline-menu .header__submenu .header__menu-item{padding:.75rem 1.5rem;display:block;text-decoration:none;color:var(--color-text);transition:background-color .2s ease}.header__inline-menu .header__submenu .header__menu-item:hover{background-color:var(--color-background-hover);color:var(--color-text-hover)}.header__inline-menu .header__submenu .header__submenu{position:absolute;left:100%;top:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 4px 12px #0000001a;min-width:180px;opacity:0;visibility:hidden;transform:translate(-10px);transition:all .3s ease}.header__inline-menu .header__submenu details[open] .header__submenu{opacity:1;visibility:visible;transform:translate(0)}.estampa-listrada{background:repeating-linear-gradient(135deg,#111827 0 9px,#f8fafc 9px 18px);background-size:18px 18px;background-repeat:repeat}.estampa-floral{background-color:#fff9f2;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'><circle cx='9' cy='9' r='2' fill='%23ffd166'/><path d='M9 2 C10 2.3 12 2.3 13 2 C12 3.5 10 3.5 9 2 Z' fill='%23ef476f'/><path d='M9 16 C8 15.7 6 15.7 5 16 C6 14.5 8 14.5 9 16 Z' fill='%2306d6a0'/></svg>");background-repeat:repeat;background-size:18px 18px}.estampa-animal{background-color:#f6d9b3;background-image:radial-gradient(circle at 5px 5px,#5b3a2e 0 2px,transparent 3px),radial-gradient(circle at 12px 10px,#3b2a20 0 1.5px,transparent 2.5px);background-size:18px 18px;background-repeat:repeat}@media screen and (max-width: 749px){.header__inline-menu .header__submenu{position:static;box-shadow:none;border:none;border-top:1px solid var(--color-border);width:100%}.header__inline-menu .header__submenu .header__submenu{position:static;box-shadow:none;border:none;padding-left:1rem}.content-section{display:block}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-custom-mega-menu.css.map */