/* Lotex category archive — HTML v2.5 fidelity; scoped to this widget. */
.mktla-archive{font-family:inherit;background:var(--mktla-bg,#fdfdfc);color:#24362f;padding:24px 0 78px;isolation:isolate}.mktla-archive *{box-sizing:border-box}
.mktla-archive a{text-decoration:none!important}.mktla-archive button{font-family:inherit}.mktla-archive svg{display:inline-block;vertical-align:middle;flex-shrink:0}
.mktla-layout{max-width:1520px;width:min(1260px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:var(--mktla-side-width,260px) minmax(0,1fr);gap:22px;align-items:start}.mktla-no-sidebar{grid-template-columns:minmax(0,1fr)}
.mktla-side{background:var(--mktla-side-bg,#eefaf6);border:1px solid #d9ebe7;border-radius:15px;padding:12px;position:sticky;top:120px;max-height:calc(100vh - 140px);display:flex;flex-direction:column;box-shadow:0 7px 23px #153b3011;z-index:6}
.mktla-side-title{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 4px 13px}.mktla-side-title>span{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800;white-space:nowrap;color:#15332c}.mktla-side-title>span svg{color:var(--mktla-color)}.mktla-side-title>a{color:var(--mktla-color)!important;text-decoration:underline!important;text-underline-offset:2px;font-size:11px;font-weight:700;white-space:nowrap}
.mktla-side-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#a7d8cf transparent;padding-right:2px}
.mktla-facet{border:1px solid #e4ebe8;border-radius:11px;background:var(--mktla-side-card,#fff);margin-bottom:8px;overflow:hidden}.mktla-facet>summary{list-style:none;cursor:pointer;min-height:42px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:750;color:#20342d}.mktla-facet>summary::-webkit-details-marker{display:none}.mktla-facet>summary svg{width:15px;height:15px;color:#29675e;transition:transform .18s}.mktla-facet:not([open])>summary svg{transform:rotate(180deg)}
.mktla-sub-list{padding:0 11px 8px;max-height:252px;overflow:auto;scrollbar-width:thin;scrollbar-color:#9fd5cd transparent;display:flex;flex-direction:column}.mktla-sub-link{color:#41554b!important;display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid #eff3f0;padding:9px 2px;font-size:12px;line-height:1.3}.mktla-sub-link:last-child{border-bottom:0}.mktla-sub-link svg{width:15px;height:15px}.mktla-sub-link:hover,.mktla-sub-link.is-current{color:var(--mktla-color)!important;font-weight:800}
.mktla-swatch-grid{padding:4px 10px 3px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.mktla-swatch{width:100%;aspect-ratio:1;min-width:0;display:grid;place-items:center;padding:3px!important;background:#fff!important;border:2px solid #d9e5df!important;border-radius:7px!important;transition:transform .15s,border-color .15s;box-shadow:none!important}.mktla-swatch>span{background:var(--mktla-swatch);width:100%;height:100%;border-radius:3px;display:block}.mktla-swatch:hover,.mktla-swatch.is-selected{transform:translateY(-1px);border-color:var(--mktla-color)!important}.mktla-swatch.is-selected{box-shadow:0 0 0 2px #b9f4e9!important}
.mktla-facet-note{display:block;padding:8px 11px 13px;color:#71877d;font-size:10px}.mktla-facet-note a{color:var(--mktla-color)!important;text-decoration:underline!important}.mktla-type-list{display:grid;gap:10px;padding:3px 12px 14px}.mktla-type-list label{display:flex;gap:8px;align-items:center;cursor:pointer;color:#374d43;font-size:12px}.mktla-type-list input{width:16px;height:16px;accent-color:#13a58d}
.mktla-main{min-width:0}.mktla-banner{height:172px;border-radius:14px;padding:26px clamp(20px,3vw,32px);background:#f8fbf9;overflow:hidden;isolation:isolate;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.mktla-banner:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--mktla-banner,none);background-position:right center;background-size:cover;opacity:.72}.mktla-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0%,#ffffffed 48%,#ffffff70 75%,#ffffff05 100%)}
.mktla-crumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:10px;font-size:10px;color:#678077}.mktla-crumbs a{color:#59766b!important}.mktla-crumbs a:hover{color:var(--mktla-color)!important}.mktla-banner h1{font:normal var(--mktla-title-size,43px)/1.05 Georgia,serif;color:#141c19;margin:0!important}.mktla-banner-line{display:block;width:49px;height:3px;background:#13a991;margin:10px 0 7px}.mktla-banner p{font-size:12px;line-height:1.55;color:#64786d;max-width:540px;margin:0!important}
.mktla-color-strip{display:flex;align-items:center;gap:10px;min-height:57px;flex-wrap:wrap;border-radius:11px;background:#eaf9f5;margin:12px 0 14px;padding:11px 12px}.mktla-color-strip>b{font-size:11px;white-space:nowrap}.mktla-quick-colors{display:flex;flex:1;gap:6px;flex-wrap:wrap}.mktla-quick-colors a{font-size:10px;color:#214b42!important;padding:6px 8px;border:1px solid #daebe4;border-radius:50px;min-height:29px;display:flex;align-items:center;gap:6px;background:#fff}.mktla-quick-colors a:hover,.mktla-quick-colors a.is-selected{background:#d7f4ed;border-color:#3ab19f}.mktla-quick-colors a span{background:var(--mktla-swatch);height:15px;width:15px;border-radius:50%;box-shadow:0 0 0 1px #0002}.mktla-all-colors{color:var(--mktla-color)!important;border:1px solid #90c9bd;display:flex;align-items:center;gap:7px;background:#fff;padding:7px 10px;border-radius:7px;font-size:10px;font-weight:750;white-space:nowrap}.mktla-all-colors svg{width:14px;height:14px}
.mktla-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #e8efec;border-bottom:1px solid #e8efec;padding:12px 2px;margin:12px 0 15px;min-height:59px}.mktla-toolbar>strong{font-size:12px;font-weight:700}.mktla-tools{display:flex;align-items:center;gap:11px;flex-wrap:wrap;justify-content:flex-end}.mktla-tools form{display:flex;align-items:center;gap:6px}.mktla-tools label,.mktla-page-size{font-size:10px;color:#53675d}.mktla-tools select{border:1px solid #d9e8e1;border-radius:7px;background:#fff;padding:7px 9px;min-height:34px;font-size:11px;color:#24372e}.mktla-page-size{display:flex;align-items:center;gap:4px}.mktla-page-size a{padding:8px 9px;border:1px solid #dbe9e5;color:#5c7167!important;background:#fff;border-radius:6px;font-size:10px}.mktla-page-size a[aria-current]{background:#63ddd0;color:#082e26!important;border-color:#63ddd0;font-weight:800}
.mktla-grid{display:grid;grid-template-columns:repeat(var(--mktla-cols,4),minmax(0,1fr));gap:var(--mktla-gap,13px)}.mktla-product{border:1px solid #e8eee9;border-radius:11px;overflow:hidden;background:var(--mktla-card-bg,#fff);box-shadow:0 2px 10px #1c39331b;min-width:0;position:relative;transition:transform .2s,box-shadow .2s}.mktla-product:hover{transform:translateY(-3px);box-shadow:0 9px 22px #183e3324}
.mktla-photo{display:block;aspect-ratio:1.09;overflow:hidden;background:#edf4f0}.mktla-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.mktla-product:hover .mktla-photo img{transform:scale(1.04)}
.mktla-heart{position:absolute;right:9px;top:9px;border-radius:50%!important;border:0!important;background:#fff!important;color:#173e33!important;width:34px;height:34px;display:grid;place-items:center;padding:0!important;box-shadow:0 2px 9px #1233;z-index:2}.mktla-heart svg{width:19px;height:19px}.mktla-heart[aria-pressed="true"]{color:#ce2f73!important}
.mktla-body{padding:11px;display:flex;flex-direction:column;gap:0}.mktla-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--mktla-card-title-size,13px);font-weight:700;line-height:1.35;min-height:35px;color:#263a2e!important}.mktla-code{color:#7c8d82;font-size:10px;margin-top:5px}.mktla-price{display:flex;justify-content:space-between;align-items:baseline;gap:5px;margin:9px 0 11px;color:var(--mktla-price-color)!important;font-size:var(--mktla-card-price-size,17px);font-weight:850}.mktla-price .woocommerce-Price-amount{color:var(--mktla-price-color)!important}.mktla-price small{font-size:10px;color:#75887d;font-weight:500}.mktla-buy{display:flex;justify-content:center;align-items:center;gap:7px;min-height:39px;background:var(--mktla-button-bg,#111a19)!important;color:var(--mktla-button-text,#ffffff)!important;border-radius:6px;padding:10px 7px;font-size:11px;line-height:1.2;text-align:center;font-weight:800}.mktla-buy svg{width:16px;height:16px}.mktla-buy:hover{filter:brightness(.91)}
.mktla-pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:24px}.mktla-pagination a{color:#166c58!important;border:1px solid #c8e2d8;border-radius:7px;padding:8px 12px;font-size:12px}.mktla-pagination a[aria-current]{background:#63ddd0;font-weight:800}.mktla-empty{grid-column:1/-1;padding:45px;background:#eff9f5;border:1px solid #d4e9df;border-radius:12px;text-align:center}.mktla-empty h3{font:normal 27px Georgia,serif}.mktla-empty a{color:var(--mktla-color)!important}
.mktla-mobile-bar,.mktla-mobile-overlay,.mktla-mobile-close,.mktla-mobile-apply{display:none}
@media(max-width:1200px){.mktla-layout{grid-template-columns:230px minmax(0,1fr);gap:17px}.mktla-grid{grid-template-columns:repeat(var(--mktla-cols-tablet,3),minmax(0,1fr))}}
@media(max-width:950px){.mktla-layout,.mktla-no-sidebar{grid-template-columns:1fr}.mktla-mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(100% - 24px);margin:0 auto 13px;font-size:12px}.mktla-mobile-open{border:1px solid #5dd5be!important;background:#d7f6ef!important;color:#124d42!important;border-radius:9px!important;display:flex;align-items:center;gap:8px;padding:10px 12px!important;font-size:12px;font-weight:750}.mktla-side{position:fixed;top:0;left:0;bottom:0;width:min(90vw,380px);max-height:none;z-index:9999;border-radius:0 17px 17px 0;transform:translateX(-115%);transition:transform .25s;box-shadow:15px 0 50px #081d1a38;padding:16px;visibility:hidden}.mktla-archive.mktla-filters-open .mktla-side{transform:translateX(0);visibility:visible}.mktla-archive.mktla-filters-open .mktla-mobile-overlay{display:block;position:fixed;inset:0;background:#061a17a8;z-index:9998}.mktla-mobile-close{display:block;color:#263f37!important;background:transparent!important;border:0!important;font-size:23px;line-height:1;padding:1px 6px!important}.mktla-side-title{flex-wrap:wrap}.mktla-mobile-apply{display:block;padding-top:12px}.mktla-mobile-apply button{display:block;width:100%;border:0!important;border-radius:8px!important;background:#1c9885!important;color:#fff!important;padding:12px!important;font-weight:800}.mktla-grid{grid-template-columns:repeat(var(--mktla-cols-tablet,3),minmax(0,1fr))}}
@media(max-width:640px){.mktla-archive{padding:17px 0 50px}.mktla-layout{width:calc(100% - 22px)}.mktla-grid{grid-template-columns:repeat(var(--mktla-cols-mobile,2),minmax(0,1fr));gap:10px}.mktla-banner{height:190px;padding:20px}.mktla-banner h1{font-size:32px}.mktla-banner p{font-size:11px}.mktla-color-strip{gap:8px;padding:10px}.mktla-quick-colors{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.mktla-quick-colors a{flex-shrink:0}.mktla-toolbar{flex-direction:column;align-items:stretch;gap:10px}.mktla-tools{justify-content:space-between}.mktla-body{padding:9px}.mktla-name{font-size:12px}.mktla-price{font-size:14px}.mktla-code{font-size:9px}.mktla-buy{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mktla-side,.mktla-photo img,.mktla-product{transition:none!important}}

/* 0.8.2: eliminate extra desktop scrollbars and unintended Elementor pink close button. */
@media(min-width:951px){
 .mktla-archive .mktla-side{max-height:none!important;overflow:visible!important;position:sticky;top:110px}
 .mktla-archive .mktla-side-scroll{overflow:visible!important;max-height:none!important;height:auto!important;padding-right:0!important}
 .mktla-archive .mktla-sub-list{max-height:none!important;overflow:visible!important;padding-right:11px!important}
 .mktla-archive .mktla-side-title .mktla-mobile-close{display:none!important;visibility:hidden!important}
}
@media(max-width:950px){
 .mktla-archive .mktla-side-title .mktla-mobile-close{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;background:#e0f3ed!important;color:#163f36!important;border:1px solid #c3e4d7!important;border-radius:7px!important;box-shadow:none!important}
 .mktla-archive .mktla-side{max-height:100dvh!important;overflow-y:auto!important;scrollbar-width:none!important}
 .mktla-archive .mktla-side::-webkit-scrollbar{display:none}
 .mktla-archive .mktla-side-scroll{overflow:visible!important;max-height:none!important}
 .mktla-archive .mktla-sub-list{max-height:none!important;overflow:visible!important}
}
.mktla-archive .mktla-side-scroll::-webkit-scrollbar,.mktla-archive .mktla-sub-list::-webkit-scrollbar{display:none!important}
/* Expose the active color in a clear, accessible way. */
.mktla-archive .mktla-swatch.is-selected{outline:2px solid #086f5d;outline-offset:2px}
.mktla-archive .mktla-swatch:focus-visible{outline:3px solid #046f5f;outline-offset:3px}
