.tsi-mega-thumb{display:block;flex-shrink:0;width:36px;height:36px;object-fit:contain;background:#fff;border:1px solid var(--tsi-border);border-radius:4px}.tsi-mega-noimg.tsi-mega-noimg{background:var(--tsi-surface) linear-gradient(135deg,transparent 46%,var(--tsi-border) 46% 54%,transparent 54%)}.tsi-mega-panel{position:absolute;inset-inline:24px;inset-block-start:100%;z-index:9;height:min(580px,72dvh);background:var(--tsi-bg);border:1px solid var(--tsi-border);border-top:3px solid var(--tsi-brand);border-radius:0 0 var(--tsi-radius,6px) var(--tsi-radius,6px);box-shadow:0 16px 32px #333e4826}.tsi-mega-rail{width:290px;height:100%;margin:0;padding:8px 0;overflow:auto;border-inline-end:1px solid var(--tsi-border);background:#fafafa}.tsi-mega-rail-link{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 16px;border-inline-start:3px solid transparent;font-weight:600;font-size:14px;line-height:1.3;text-decoration:none}.tsi-mega-rail-link>span:not(.tsi-mega-noimg){flex:1}.tsi-mega-item:not(.tsi-mega-item--all)>.tsi-mega-rail-link:after{content:"";width:7px;height:7px;border-block-start:2px solid currentColor;border-inline-end:2px solid currentColor;transform:rotate(45deg);opacity:.45}.tsi-mega-item.is-active>.tsi-mega-rail-link{background:var(--tsi-bg);border-inline-start-color:var(--tsi-brand);color:var(--tsi-link)}.tsi-mega-item.is-active>.tsi-mega-rail-link:after{opacity:1}.tsi-mega-item--all{margin-block-start:8px;border-block-start:1px solid var(--tsi-border)}.tsi-mega-item--all>.tsi-mega-rail-link{text-decoration:underline}.tsi-mega-pane{display:none;position:absolute;inset-block:0;inset-inline:290px 0;overflow:auto;padding:24px 28px}.tsi-mega-item.is-active>.tsi-mega-pane{display:block}.tsi-mega-pane-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-block-end:20px;padding-block-end:12px;border-block-end:1px solid var(--tsi-border)}.tsi-mega-title{margin:0;font-size:20px;font-weight:700}.tsi-mega-all{font-size:14px;font-weight:600;color:var(--tsi-link)}.tsi-mega-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin:0}.tsi-mega-tile-link{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:14px;line-height:1.3;text-decoration:none}.tsi-mega-tile-img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;padding:8px;background:#fff;border:1px solid var(--tsi-border);border-radius:var(--tsi-radius,6px);transition:border-color .15s,box-shadow .15s}.tsi-mega-tile-link:hover .tsi-mega-tile-img{border-color:var(--tsi-brand-hover,#e7c300);box-shadow:inset 0 -3px 0 var(--tsi-brand)}.tsi-mega-tile-link:hover>.tsi-mega-tile-name{color:var(--tsi-link);text-decoration:underline}.tsi-mega-sublinks{margin:6px 0 0}.tsi-mega-sublinks a{display:block;padding-block:4px;font-size:13px;line-height:1.35;color:var(--tsi-muted);text-decoration:none}.tsi-mega-sublinks a:hover{color:var(--tsi-link);text-decoration:underline}.tsi-mega-feature{display:inline-flex;flex-direction:column;gap:12px;font-weight:700;color:var(--tsi-link)}.tsi-mega-feature-img{display:block;width:240px;height:auto;aspect-ratio:4/3;object-fit:contain;padding:12px;background:#fff;border:1px solid var(--tsi-border);border-radius:var(--tsi-radius,6px)}.tsi-mega-count{font-weight:400;font-size:.9em;color:var(--tsi-muted)}.tsi-mega-sublinks a.tsi-mega-more{font-weight:600;color:var(--tsi-link)}.tsi-mega-pane-body.has-promo{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;align-items:start}.tsi-mega-promo{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--tsi-radius,6px);background:var(--tsi-surface);text-decoration:none}.tsi-mega-promo-img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px;background:#fff}.tsi-mega-promo-heading{font-weight:700;font-size:16px;line-height:1.3}.tsi-mega-promo-text{font-size:13px;color:var(--tsi-muted)}.tsi-mega-promo-cta{align-self:start;margin-block-start:4px;padding:8px 14px;border-radius:var(--tsi-radius,6px);background:var(--tsi-brand);color:var(--tsi-on-brand,#333e48);font-weight:700;font-size:14px}.tsi-mega-promo:hover .tsi-mega-promo-cta{background:var(--tsi-on-brand,#333e48);color:#fff}.tsi-desktop-nav{align-items:center;gap:20px}.tsi-category-bar{display:flex;flex-wrap:wrap;flex:1;min-width:0;height:56px;overflow:hidden;margin:0;gap:0 2px}.tsi-bar-item{display:flex}.tsi-bar-menu>summary,.tsi-bar-link{display:flex;align-items:center;gap:6px;min-height:56px;padding:0 12px;border-bottom:3px solid transparent;font-weight:600;font-size:15px;white-space:nowrap;text-decoration:none;list-style:none}.tsi-bar-menu>summary::-webkit-details-marker{display:none}.tsi-bar-menu>summary:after{content:"";width:6px;height:6px;margin-block-start:-3px;border-block-end:2px solid currentColor;border-inline-end:2px solid currentColor;transform:rotate(45deg);opacity:.6}.tsi-bar-menu>summary:hover,.tsi-bar-menu[open]>summary,.tsi-bar-menu>summary.is-current,.tsi-bar-link:hover,.tsi-bar-link[aria-current]{border-bottom-color:var(--tsi-brand)}.tsi-bar-menu>summary:focus-visible,.tsi-bar-link:focus-visible{outline-offset:-3px}.tsi-bar-promo{color:var(--tsi-sale,#e00);font-weight:700}.tsi-bar-panel{position:absolute;inset-inline:24px;inset-block-start:100%;z-index:9;max-height:72dvh;overflow:auto;padding:24px 28px;background:var(--tsi-bg);border:1px solid var(--tsi-border);border-top:3px solid var(--tsi-brand);border-radius:0 0 var(--tsi-radius,6px) var(--tsi-radius,6px);box-shadow:0 16px 32px #333e4826}.tsi-topbar-nav{display:flex;flex-wrap:wrap;gap:4px 20px;margin-inline-start:auto}.tsi-topbar .tsi-topbar-nav a{font-weight:600}@media(max-width:1023px){.tsi-topbar-nav{display:none}}@media(max-width:1023px){.tsi-category-bar{height:auto;flex-direction:column;overflow:visible}.tsi-bar-panel{position:static;box-shadow:none;border:0;padding:12px 16px}.tsi-mega-pane-body.has-promo{grid-template-columns:1fr}.tsi-mega-panel{position:static;height:auto;box-shadow:none;border:0}.tsi-mega-rail{width:auto;height:auto;background:none;border:0}.tsi-mega-pane{position:static;padding:12px 16px}}.tsi-menu-dialog .tsi-drill-list{margin:0}.tsi-drill-list>li{border-block-end:1px solid var(--tsi-border)}.tsi-drill-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 4px;font-weight:600;text-decoration:none;list-style:none}.tsi-drill-row::-webkit-details-marker{display:none}.tsi-drill-row>span:not(.tsi-mega-noimg){flex:1}summary.tsi-drill-row:after{content:"";flex-shrink:0;width:8px;height:8px;margin-inline-end:6px;border-block-start:2px solid currentColor;border-inline-end:2px solid currentColor;transform:rotate(45deg)}.tsi-drill-row .tsi-mega-thumb{width:40px;height:40px}.tsi-drill-all{color:var(--tsi-link);text-decoration:underline}.tsi-drill-heading{margin:8px 0 4px;font-size:20px;font-weight:700}.tsi-drill-panel{padding-inline-start:12px}.tsi-drill-back{min-height:44px;padding:8px 14px 8px 10px;gap:8px;background:var(--tsi-bg);color:var(--tsi-text);border:1px solid var(--tsi-border)}.tsi-drill-back:before{content:"";width:8px;height:8px;border-block-end:2px solid currentColor;border-inline-start:2px solid currentColor;transform:rotate(45deg)}.tsi-drill-ready .tsi-drill-panel{padding-inline-start:0}.tsi-drill-ready .tsi-drill-list.is-drilled>li:not(.is-open){display:none}.tsi-drill-ready .tsi-drill-list.is-drilled>li.is-open{border:0}.tsi-drill-ready .tsi-drill-list.is-drilled>li.is-open>.tsi-drill>summary{display:none}.tsi-drill-ready nav.is-drilled>:not(.tsi-drill-list){display:none}.tsi-drill-ready .tsi-drill-panel.has-open-child>.tsi-drill-back,.tsi-drill-ready .tsi-drill-panel.has-open-child>.tsi-drill-heading{display:none}.tsi-drill-ready .tsi-drill[open]>.tsi-drill-panel{animation:tsi-drill-in .18s ease-out}@keyframes tsi-drill-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.tsi-drill-search{margin-block:8px 12px}.tsi-drill-search input{width:100%;min-height:48px;padding-inline:16px;border:2px solid var(--tsi-brand);border-radius:999px}.tsi-drill-search input:focus-visible{outline:3px solid var(--tsi-primary);outline-offset:2px}.tsi-drill-results{margin:8px 0 0}.tsi-drill-results>li{border-block-end:1px solid var(--tsi-border)}.tsi-drill-result{flex-wrap:wrap;row-gap:0}.tsi-drill-result>span{flex:1 1 100%}.tsi-drill-result small{flex:1 1 100%;font-weight:400;font-size:13px;color:var(--tsi-muted)}.tsi-drill-results>li:last-child .tsi-drill-result{color:var(--tsi-link);text-decoration:underline}.tsi-drill-empty{padding:16px 4px;color:var(--tsi-muted)}nav.is-filtering>:not(.tsi-drill-search){display:none!important}@keyframes tsi-header-in{0%{transform:translateY(-100%)}to{transform:none}}.tsi-header.is-condensed{position:fixed;inset-block-start:0;inset-inline:0;z-index:40;box-shadow:0 6px 18px #333e481f;animation:tsi-header-in .2s ease-out}.tsi-header.is-condensed .tsi-topbar,.tsi-header.is-condensed .tsi-desktop-nav{display:none}.tsi-header.is-condensed .tsi-header-row{padding-block:8px}.tsi-header.is-condensed .tsi-brand img{height:40px}.tsi-header.is-condensed .tsi-menu-button:not([hidden]){display:inline-flex;gap:10px;min-height:44px;background:var(--tsi-brand);border-color:var(--tsi-brand);color:var(--tsi-on-brand,#333e48);font-weight:700}.tsi-header.is-condensed .tsi-menu-button:before{content:"";width:16px;height:12px;background:linear-gradient(currentColor 0 0) top/100% 2px no-repeat,linear-gradient(currentColor 0 0) center/100% 2px no-repeat,linear-gradient(currentColor 0 0) bottom/100% 2px no-repeat}@media(max-width:1023px){.tsi-header.is-condensed .tsi-header-row{gap:8px 12px}.tsi-header.is-condensed .tsi-brand img{height:34px}.tsi-header.is-condensed .tsi-search-field input,.tsi-header.is-condensed .tsi-search-field button{min-height:40px}}.tsi-bottom-nav{display:none}@media(max-width:1023px){.tsi-bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:19;display:grid;grid-template-columns:repeat(4,1fr);padding-block-end:env(safe-area-inset-bottom);background:var(--tsi-bg);border-top:1px solid var(--tsi-border);box-shadow:0 -4px 16px #333e4814}.tsi-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;font-size:12px;font-weight:600;text-decoration:none}.tsi-bottom-nav a[aria-current]{color:var(--tsi-link)}.tsi-bottom-nav a[aria-current]:before{content:"";position:absolute;inset-block-start:0;inset-inline:30%;height:3px;background:var(--tsi-brand)}.tsi-bottom-nav .tsi-cart-badge{inset-block-start:5px;inset-inline-start:calc(50% + 4px)}body:has(.tsi-bottom-nav){padding-block-end:calc(58px + env(safe-area-inset-bottom))}body:has(.tsi-bottom-nav) .tsi-whatsapp{inset-block-end:calc(74px + env(safe-area-inset-bottom))}}.tsi-breadcrumb ol{display:flex;flex-wrap:wrap;gap:4px 0;margin:0;padding:0;list-style:none;font-size:14px}.tsi-breadcrumb li:not(:last-child):after{content:"/";margin-inline:8px;color:var(--tsi-muted)}.tsi-breadcrumb [aria-current]{color:var(--tsi-muted)}.tsi-subcats{margin-block:8px 28px}.tsi-subcats ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:0}.tsi-subcat>span{min-width:0;overflow-wrap:anywhere}.tsi-subcat{display:flex;align-items:center;gap:10px;height:100%;min-height:56px;padding:8px 12px 8px 8px;border:1px solid var(--tsi-border);border-radius:var(--tsi-radius,6px);background:var(--tsi-bg);font-weight:600;font-size:14px;line-height:1.3;text-decoration:none;transition:border-color .15s,box-shadow .15s}.tsi-subcat:hover{border-color:var(--tsi-brand-hover,#e7c300);box-shadow:inset 0 -3px 0 var(--tsi-brand)}.tsi-subcat-img{flex-shrink:0;width:48px;height:48px;object-fit:contain;border-radius:4px;background:#fff}.tsi-subcats-label{margin:0 0 8px;font-weight:700}.tsi-subcats--siblings ul{display:flex;flex-wrap:wrap;gap:8px}.tsi-subcat--chip{min-height:40px;padding:6px 14px;border-radius:999px}.tsi-subcat--chip[aria-current]{background:var(--tsi-brand);border-color:var(--tsi-brand);color:var(--tsi-on-brand,#333e48)}@media(max-width:599px){.tsi-subcats ul{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-block-end:6px;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.tsi-subcats li{flex:0 0 auto;scroll-snap-align:start}.tsi-subcat{max-width:220px}.tsi-subcats--siblings ul{flex-wrap:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/mega-menu.css.map */