:root{--orange:#f4990f;--black:#111;--muted:#6d6d6d;--line:#e7e7e7;--surface:#f6f6f4;--white:#fff;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{background:#111}body{margin:0;background:#fff;color:#111;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.topbar{position:sticky;z-index:20;top:0;height:70px;background:#111;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:3px solid var(--orange)}.logo{width:min(220px,58vw);height:auto;display:block}.icon-button{border:1px solid #555;background:#222;color:#fff;border-radius:50%;width:38px;height:38px;font-size:24px}.screen{display:none;padding:24px 18px calc(104px + var(--safe-bottom));max-width:760px;margin:auto}.screen.active{display:block}.intro{padding:8px 0 20px}.eyebrow{font-size:.73rem;font-weight:800;letter-spacing:.18em;color:#b86600;margin:0 0 9px}.intro h1,.screen-title h1{font-size:clamp(1.8rem,8vw,2.6rem);line-height:1.05;letter-spacing:-.045em;margin:0;max-width:620px}.screen-title p{color:var(--muted);margin:8px 0 22px}.search-launch,.search-field{width:100%;border:1px solid #ddd;border-radius:15px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.07);display:flex;align-items:center;gap:11px;padding:15px 16px;font-size:1rem;color:#6c6c6c;text-align:left}.search-launch span:first-child,.search-field span{font-size:1.5rem;color:var(--orange)}.search-field input{font:inherit;border:0;outline:0;width:100%;background:transparent;color:#111}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:30px 0 14px}.section-heading h2,.quote-form h2{font-size:1.25rem;margin:0}.section-heading button{border:0;background:transparent;color:#a75e00;font-weight:700}.environment-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:156px;gap:10px}.image-card{position:relative;border:0;border-radius:17px;overflow:hidden;padding:0;background:#ddd;color:#fff}.image-card.large{grid-row:span 2}.image-card.wide{grid-column:span 2}.image-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.image-card:active img{transform:scale(1.04)}.image-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72))}.image-card span{position:absolute;z-index:2;left:14px;bottom:13px;font-size:1.05rem;font-weight:800}.effect-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.effect-row button{border:0;padding:0;background:transparent;font-weight:700;font-size:.8rem}.effect-row img{display:block;width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;margin-bottom:7px;border:3px solid #fff;box-shadow:0 0 0 1px #ddd}.chips{display:flex;gap:8px;overflow:auto;padding:18px 0 5px}.chips button{white-space:nowrap;border:1px solid #ddd;background:#fff;border-radius:99px;padding:9px 14px;font-weight:700}.chips button.active{background:#111;color:#fff;border-color:#111}.result-label{font-size:.85rem;color:var(--muted);margin:20px 0 12px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.product-card img{width:100%;aspect-ratio:1.1;object-fit:cover;background:#eee}.product-card .body{padding:12px}.product-card small{color:#a75e00;font-weight:800;text-transform:uppercase}.product-card h3{font-size:.98rem;margin:5px 0}.product-card p{font-size:.8rem;color:var(--muted);margin:0 0 10px}.card-actions{display:flex;gap:7px}.card-actions button{flex:1;border:1px solid #ddd;background:#fff;border-radius:9px;padding:8px}.card-actions .add{background:#111;color:#fff;border-color:#111}.stack{display:grid;gap:12px}.empty{padding:30px 20px;text-align:center;background:var(--surface);border-radius:18px;color:var(--muted)}.list-card{display:grid;grid-template-columns:82px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:10px}.list-card img{width:82px;height:82px;border-radius:11px;object-fit:cover}.list-card h3{margin:0 0 5px;font-size:1rem}.list-card p{margin:0;color:var(--muted);font-size:.82rem}.list-card button{border:0;background:transparent;font-size:1.3rem}.quote-form{margin-top:22px;background:var(--surface);padding:18px;border-radius:20px}.quote-form h2{margin-bottom:15px}.quote-form label{display:block;font-size:.82rem;font-weight:750;margin-bottom:12px}.quote-form input,.quote-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #d8d8d8;background:#fff;border-radius:11px;padding:12px;font:inherit}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-note{font-size:.78rem;color:var(--muted)}.primary{width:100%;border:0;border-radius:12px;background:var(--orange);color:#111;padding:14px;font-weight:900;font-size:1rem}.contact-card{width:100%;display:flex;flex-direction:column;text-align:left;text-decoration:none;color:#111;border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;margin-bottom:12px;font:inherit}.contact-card strong{font-size:1.05rem}.contact-card span{color:var(--muted);margin-top:5px}.contact-card.whatsapp{border-left:5px solid #25d366}.contact-card.install{border-left:5px solid var(--orange)}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:76px;padding:7px 5px calc(7px + var(--safe-bottom));background:rgba(17,17,17,.97);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -4px 20px rgba(0,0,0,.17)}.bottom-nav button{position:relative;border:0;background:transparent;color:#bbb;font-size:.67rem;font-weight:650;display:flex;flex-direction:column;align-items:center;gap:3px}.bottom-nav button span{font-size:1.45rem;line-height:1}.bottom-nav button.active{color:var(--orange)}.quote-nav i{position:absolute;top:-1px;right:17%;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;background:var(--orange);color:#111;border-radius:10px;font-size:.65rem;font-style:normal;font-weight:900}.toast{position:fixed;z-index:50;left:50%;bottom:92px;transform:translate(-50%,20px);opacity:0;background:#111;color:#fff;border-radius:99px;padding:11px 16px;font-size:.86rem;transition:.25s;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}@media(min-width:700px){body{background:#eee}.topbar{padding-left:max(18px,calc((100vw - 760px)/2 + 18px));padding-right:max(18px,calc((100vw - 760px)/2 + 18px))}.screen{background:#fff;min-height:calc(100vh - 70px)}.bottom-nav{left:50%;right:auto;width:760px;transform:translateX(-50%)}.environment-grid{grid-auto-rows:210px}}
[hidden]{display:none!important}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;font:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b46600;outline-offset:3px}.connection{background:#fff4e1;text-align:center;font-size:14px;padding:0 14px}.connection:has(#connectionStatus:empty){display:none}.connection span{display:inline-block;padding:10px}.product-open{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left}.product-open .body{min-height:115px}.card-actions{padding:0 12px 12px}.card-actions button{min-height:44px;font-size:14px}.product-card .body small{font-size:12px}.product-card .body p{font-size:14px;line-height:1.4}.bottom-nav button{font-size:12px}.section-heading button,.effect-row button{font-size:14px}.no-photo{display:grid;place-items:center;aspect-ratio:1.1;background:#eee;color:#666;text-align:center;font-size:14px;padding:10px}.brand-item{background:white;border:1px solid #ddd;border-radius:12px;text-align:left;padding:18px}.brand-item span{float:right;color:#ad6000}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 0}.filter-grid label{font-size:14px}.filter-grid select{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;font:inherit;background:white}#filterPanel{margin:16px 0}#filterPanel summary{cursor:pointer;font-weight:700}#applyFilters,#retrySearch,#retryConnection,#moreVariants{padding:10px 16px;border:1px solid #ccc;background:white;border-radius:8px}#activeFilters{font-size:14px;color:#666}.text-button{background:none;border:0;text-decoration:underline;padding:12px 0;color:#8b4d00}#loadMore{margin-top:20px}.detail-gallery{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:12px;margin:18px 0}.detail-gallery img{width:100%;max-height:460px;object-fit:contain;flex-shrink:0;scroll-snap-align:start;border-radius:14px;background:#f5f5f5}.detail-gallery .no-photo{width:100%}.specs{border-top:1px solid #ddd}.specs div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eee;padding:10px 0}.specs dt{text-transform:capitalize;color:#666}.specs dd{margin:0;text-align:right}.detail-actions{display:flex;gap:12px}.detail-actions button{border:1px solid #ddd;border-radius:10px;padding:12px}.detail-actions .primary{flex:1}#variantSearch{width:100%;padding:14px;border:1px solid #ccc;border-radius:10px;font:inherit;margin-bottom:16px}.quote-item{border:1px solid #ddd;border-radius:16px}.quote-item .list-card{border:0}.quantity-controls{padding:0 14px 14px}.quantity-controls label{font-size:14px}.quantity-controls input[type=number]{display:block;padding:10px;border:1px solid #ccc;border-radius:8px;width:140px;font:inherit;margin:8px 0}.check{display:flex!important;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px!important;font-weight:400!important}.check input{display:inline-block!important;width:20px!important;height:20px;margin:0!important}.muted{color:#666;font-size:14px}#quoteNotice,#formResult{line-height:1.5}#formResult:not(:empty){padding:16px;background:#fff4e1;border:1px solid #f4990f;border-radius:12px}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.quote-form label{font-size:14px}.quote-form input,.quote-form textarea{font-size:16px}.bottom-nav{height:calc(76px + env(safe-area-inset-bottom,0px))}.contact-card span{font-size:14px}.empty{grid-column:1/-1}.list-card .no-photo{width:82px}#favoriteList{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:380px){.bottom-nav button{font-size:11px}.screen{padding-left:12px;padding-right:12px}.two-cols{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.series-filters{padding:16px;margin:16px 0;background:#f5f5f3;border:1px solid #deded8;border-radius:12px}.series-filters .filter-grid{margin:0}.series-filters select{width:100%;min-height:44px;background:white;color:#171717}.series-filters[aria-busy="true"]{opacity:.7}#seriesResultLabel{color:#555;font-size:14px;min-height:20px}
