*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;background-color:#f5f5f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ffcb45}button,input{font:inherit}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.App{color:#20201d;background:#f8f7f2;min-height:100vh}.hero-section{color:#fff;background:#1d332b;min-height:520px;padding:0 max(7vw,24px) 80px;position:relative;overflow:hidden}.top-nav{z-index:2;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;min-height:82px;display:flex;position:relative}.brand{color:#fff;letter-spacing:-.04em;font-size:1.4rem;font-weight:850;text-decoration:none}.brand span{color:#f5c65f}.cart-link{color:#fff;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.cart-link span{color:#1d332b;background:#f5c65f;border-radius:999px;place-items:center;min-width:27px;height:27px;padding:0 7px;font-size:.8rem;display:grid}.hero-content{z-index:2;max-width:720px;padding-top:78px;position:relative}.library-label,.eyebrow{letter-spacing:.17em;margin-bottom:13px;font-size:.72rem;font-weight:850;display:inline-block}.library-label{color:#f5c65f}.hero-content h1{letter-spacing:-.055em;max-width:690px;margin:0;font-family:Georgia,serif;font-size:clamp(3.2rem,7.6vw,6.4rem);font-weight:500;line-height:.96}.hero-content p{color:#d3ddd8;max-width:570px;margin:25px 0 30px;font-size:1.08rem;line-height:1.7}.hero-action{color:#1b2d26;background:#f5c65f;border-radius:7px;align-items:center;gap:12px;min-height:48px;padding:12px 20px;font-weight:800;text-decoration:none;display:inline-flex}.hero-action:focus-visible{outline-offset:4px;outline:3px solid #fff}.hero-shape{color:#f5c65f;text-align:center;background:#f5c65f14;border:1px solid #f5c65f59;border-radius:50%;place-content:center;width:270px;height:270px;display:grid;position:absolute;bottom:-65px;right:7vw;transform:rotate(-8deg)}.hero-shape:before,.hero-shape:after{content:"";border:1px solid #f5c65f33;border-radius:50%;position:absolute;inset:20px}.hero-shape:after{inset:40px}.hero-shape span{font-family:Georgia,serif;font-size:5rem;line-height:.9}.hero-shape small{letter-spacing:.2em;margin-top:8px;font-weight:900}.filter-section{z-index:3;width:min(1080px,100% - 32px);margin:-34px auto 0;position:relative}.filter-bar{background:#fff;border:1px solid #e3e0d6;border-radius:13px;grid-template-columns:minmax(220px,2fr) 1fr 1fr;gap:10px;padding:14px;display:grid;box-shadow:0 15px 38px #1e312a1f}.select-group select{color:#24241f;width:100%;height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d5cb;border-radius:8px;padding:0 38px 0 13px}.select-group select:focus-visible{outline-offset:2px;border-color:#1d332b;outline:3px solid #f5c65f}.product-section{width:min(1180px,100% - 40px);min-height:420px;margin:76px auto}.results-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.eyebrow{color:#7a621e}.results-heading h2{letter-spacing:-.04em;margin:0;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3rem);font-weight:500}.results-heading>p{color:#67675e}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.state-card{text-align:center;background:#fff;border:1px solid #e1ded4;border-radius:14px;max-width:570px;margin:55px auto;padding:45px 28px}.state-card h3{margin:0;font-family:Georgia,serif;font-size:1.6rem}.state-card p{color:#67675f;margin:11px 0 24px;line-height:1.55}.product-modal-content{text-align:left;grid-template-columns:minmax(180px,.8fr) 1.2fr;gap:34px;display:grid}.modal-product-image{background:#f4f2eb;border-radius:10px;place-items:center;min-height:320px;padding:30px;display:grid}.modal-product-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;max-height:270px}.modal-details h2{margin:2px 0 12px;font-family:Georgia,serif;font-size:1.65rem;line-height:1.2}.modal-rating{color:#55554d}.modal-rating>span{color:#a66d00}.modal-rating small{color:#77776d}.modal-description{color:#5d5d55;margin:22px 0;line-height:1.65}.modal-buy{border-top:1px solid #e7e3d8;justify-content:space-between;align-items:center;gap:18px;padding-top:20px;display:flex}.modal-buy strong{font-size:1.45rem}footer{color:#cfd8d4;background:#172720;justify-content:space-between;gap:18px;padding:30px max(7vw,24px);display:flex}footer strong{color:#f5c65f}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=950px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-shape{opacity:.45}}@media (width<=720px){.hero-section{min-height:480px}.hero-content{padding-top:58px}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar .input-group{grid-column:1/-1}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results-heading{flex-direction:column;align-items:flex-start}.product-modal-content{grid-template-columns:1fr}.modal-product-image{min-height:220px}}@media (width<=480px){.filter-bar{grid-template-columns:1fr}.filter-bar .input-group{grid-column:auto}.product-grid{grid-template-columns:1fr}.hero-shape{display:none}.modal-buy,footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.alert{color:#fff;z-index:200;border-radius:8px;padding:15px 20px;font-weight:500;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.success{background-color:#2b2bf0}.error{background-color:#e74c3c}.warning{color:#241600;background-color:#f39c12}.button{color:#fff;cursor:pointer;background:#1d332b;border:2px solid #1d332b;border-radius:8px;min-height:44px;padding:10px 20px;font-weight:700;transition:transform .18s,background .18s}.button:hover:not(:disabled){background:#11231c;border-color:#11231c;transform:translateY(-1px)}.button:focus-visible{outline-offset:3px;outline:3px solid #ffcb45}.button:disabled{opacity:.5;cursor:not-allowed}.button-secondary{color:#1d332b;background:#fff}.input-group{flex:1}.input{color:#1f2033;border:1px solid #d5d3e3;border-radius:8px;outline:none;width:100%;height:48px;padding:12px 16px;font-size:1rem}.input:focus{border-color:#1d332b;box-shadow:0 0 0 3px #f5c65f59}.input::placeholder{color:#858598}.loader-container{flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loader{border:5px solid #e5e5e5;border-top-color:#1d332b;border-radius:50%;width:45px;height:45px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{background:#fff;border:1px solid #e5e4ef;border-radius:14px;height:100%;padding:16px;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 20px #1f1d5a0e}.card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #1f1d5a1a}.product-card{flex-direction:column;height:100%;display:flex}.product-image-button{aspect-ratio:1;cursor:pointer;background:#f5f4ef;border:0;border-radius:10px;width:100%;padding:22px}.product-image-button:focus-visible{outline-offset:3px;outline:3px solid #f5b83b}.product-image-button img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.product-info{flex-direction:column;flex:1;padding-top:18px;display:flex}.product-category{color:#776d55;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:800}.product-card h3{color:#20201d;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;line-height:1.45;display:-webkit-box;overflow:hidden}.product-meta{color:#515149;justify-content:space-between;margin:16px 0;display:flex}.product-meta strong{color:#171714;font-size:1.1rem}.product-meta span span{color:#b87900}.product-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}
