.finder-page{color:#172125;background:#f2f3f0;min-height:100vh}.finder-header{grid-template-columns:1fr auto;height:82px}.finder-header-actions{align-items:center;gap:20px;display:flex}.finder-header-actions>a{color:#e3d2af;font-size:.82rem;text-decoration:none}.finder-header-actions>a:hover{text-decoration:underline}.finder-shell{max-width:1180px;margin:0 auto;padding:58px 24px 110px}.finder-intro{margin-bottom:28px}.finder-intro>p,.finder-count{color:#8b6d3d;letter-spacing:.18em;text-transform:uppercase;margin:0 0 13px;font-size:.76rem;font-weight:750}.finder-intro h1{letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,5vw,4.7rem);font-weight:400;line-height:1.05}.finder-workspace{background:#fbfcfa;border:1px solid #d9d9d1;grid-template-columns:250px minmax(0,1fr);min-height:455px;display:grid;box-shadow:0 22px 65px #1520260c}.finder-progress{background:#11191c;align-content:start;gap:8px;padding:30px 20px;display:grid}.finder-progress button{text-align:left;color:#c3c9c7;cursor:pointer;background:0 0;border:1px solid #0000;align-items:flex-start;gap:12px;width:100%;min-height:70px;padding:11px 9px;display:flex}.finder-progress button:disabled{cursor:default;opacity:.6}.finder-progress button.active{color:#f2e7d1;opacity:1;background:#c5a66c10;border-color:#b39a6b}.finder-progress button.complete{color:#e2d1af;opacity:1}.finder-progress button>span:first-child{color:#d9bd85;border:1px solid #917c56;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.72rem;display:grid}.finder-progress button>span:last-child{gap:5px;font-size:.9rem;line-height:1.35;display:grid}.finder-progress small{color:#a5aca9;letter-spacing:.06em;font-size:.72rem}.finder-question,.finder-results{min-width:0;padding:42px clamp(22px,5vw,64px) 54px}.finder-question h2,.finder-results h2{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.6vw,3.4rem);font-weight:400;line-height:1.12}.finder-hint{color:#657073;max-width:640px;margin:15px 0 30px;font-size:1rem;line-height:1.6}.finder-choices{gap:10px;display:grid}.finder-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-choices button{text-align:left;color:#263135;background:#fff;border:1px solid #cfd5d0;align-items:center;gap:15px;min-height:76px;padding:15px 18px;transition:background .15s,border-color .15s,transform .15s;display:flex}.finder-choices button:hover{border-color:#a28650;transform:translateY(-1px)}.finder-choices button:focus-visible{outline-offset:2px;outline:2px solid #a8864b}.finder-back:focus-visible{outline-offset:2px;outline:2px solid #a8864b}.finder-progress button:focus-visible{outline-offset:2px;outline:2px solid #a8864b}.finder-result-actions button:focus-visible{outline-offset:2px;outline:2px solid #a8864b}.finder-choices button.selected{background:#f4efe4;border-color:#a8864b}.finder-choices strong{font-size:1rem;font-weight:650}.finder-choices svg{color:#8a7045;flex:none;margin-left:auto}.finder-swatch{background:#a3aba9;border:2px solid #eee;border-radius:50%;flex:none;width:39px;height:39px;box-shadow:0 0 0 1px #c4c7c2}.finder-swatch--brown{background:radial-gradient(circle,#8b6a43 20%,#523d32 65%,#3a332e)}.finder-swatch--grey{background:radial-gradient(circle,#bbc0bc 20%,#747e7c 65%,#4b5859)}.finder-swatch--green{background:radial-gradient(circle,#a6af84 20%,#6e8464 65%,#43594c)}.finder-swatch--blue{background:radial-gradient(circle,#afc2c9 20%,#6d91a1 65%,#436276)}.finder-swatch--any{background:conic-gradient(#9da9a7,#8c6b51,#879968,#718da0,#9da9a7)}.finder-durations,.finder-powers{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-powers button{min-height:120px}.finder-powers button>span{gap:8px;display:grid}.finder-powers small{color:#697375;font-size:.85rem;line-height:1.4}.finder-tailored{color:#695940;margin:20px 0;font-size:.9rem;line-height:1.6}.finder-back,.finder-result-actions button{color:#70562e;background:0 0;border:0;align-items:center;gap:8px;margin-top:30px;padding:9px 0;font-size:.88rem;font-weight:650;display:inline-flex}.finder-back:hover,.finder-result-actions button:hover{text-decoration:underline}.finder-results{padding-top:40px}.finder-results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.finder-product{color:#192428;background:#fff;border:1px solid #dbe0dc;min-width:0;text-decoration:none}.finder-product:hover{border-color:#b49a6a;box-shadow:0 12px 28px #15202618}.finder-product-image{aspect-ratio:1.14;background:#e8ebe8;overflow:hidden}.finder-product img{object-fit:cover;width:100%;height:100%;display:block}.finder-product-copy{padding:14px}.finder-product-copy small{color:#94713d;font-size:.77rem}.finder-product-copy h3{margin:5px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:400;line-height:1.15}.finder-product-copy p{color:#657072;margin:0 0 17px;font-size:.82rem;line-height:1.4}.finder-product-copy>div{border-top:1px solid #e5e9e5;justify-content:space-between;align-items:center;gap:8px;padding-top:11px;display:flex}.finder-product-copy strong{font-size:.9rem}.finder-product-copy>div span{color:#7e6032;align-items:center;gap:3px;font-size:.78rem;display:flex}.finder-status{color:#3e4647;background:#f2eee6;border:1px solid #e1d6c2;padding:25px;font-size:1rem;line-height:1.6}.finder-status p{margin:0 0 5px}.finder-status button{color:#604722;background:#fff;border:1px solid #a8864b;margin-top:12px;padding:10px 14px}.finder-show-all{color:#4f3c22;background:#f3eee4;border:1px solid #bfa779;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;margin-top:18px;font-size:.88rem;font-weight:650;display:flex}.finder-show-all:hover{background:#eae0ca}.finder-result-actions{flex-wrap:wrap;gap:24px;display:flex}.finder-safety{color:#697375;border-top:1px solid #dce1dc;margin:25px 0 0;padding-top:17px;font-size:.84rem;line-height:1.6}@media (max-width:820px){.finder-shell{padding:35px 16px 75px}.finder-workspace{grid-template-columns:1fr}.finder-progress{grid-template-columns:repeat(3,1fr);gap:5px;padding:12px}.finder-progress button{gap:7px;min-height:56px;padding:8px}.finder-progress button>span:last-child{font-size:.78rem}.finder-progress small{font-size:.66rem}.finder-question,.finder-results{padding:32px 26px 42px}.finder-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:580px){.finder-header{height:72px;padding:0 15px}.finder-header-actions{gap:4px}.finder-header-actions>a{font-size:.7rem}.finder-shell{padding:28px 11px 60px}.finder-intro{margin-left:9px}.finder-intro h1{font-size:2.7rem}.finder-progress button{justify-content:center;min-height:48px}.finder-progress button>span:last-child{display:none}.finder-question,.finder-results{padding:30px 18px 40px}.finder-question h2,.finder-results h2{font-size:2.25rem}.finder-hint{margin-bottom:23px}.finder-colors,.finder-durations,.finder-powers{grid-template-columns:1fr}.finder-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.finder-product-copy{padding:10px}.finder-product-copy h3{font-size:1.08rem}.finder-product-copy>div{flex-direction:column;align-items:flex-start}.finder-product-copy>div span{font-size:.72rem}}html[lang=ar][dir=rtl] :is(.finder-progress button,.finder-choices button){text-align:right}html[lang=ar][dir=rtl] .finder-choices svg{margin-left:0;margin-right:auto}@media (max-width:580px){html[lang=ar][dir=rtl] .finder-intro{margin-left:0;margin-right:9px}}
