html,body{margin:0;padding:0;min-height:100%}body{font-family:Manrope,sans-serif;background:#f8f3ee;color:#1f1a16}img{display:block;max-width:100%}button,input,select{font-family:inherit}#root{min-height:100vh}:root{--bg: #f8f3ee;--bg-accent: #f1e6dc;--ink: #1f1a16;--muted: #6d6258;--brand: #ffa53c;--brand-dark: #d9892f;--card: #fff7f0;--shadow: 0 18px 40px rgba(27, 18, 10, .14);--radius: 18px}*{box-sizing:border-box}.page{min-height:100vh;background:radial-gradient(circle at 20% 10%,#fefaf6 0%,var(--bg) 45%) fixed,linear-gradient(145deg,#f2e5da,#fbf6f1 60%,#f3e7dc);color:var(--ink);position:relative}.noise{position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");mix-blend-mode:multiply;z-index:0}.topbar{background:var(--ink);color:#fdf6ef;font-size:.9rem}.topbar-inner{max-width:1200px;margin:0 auto;padding:.65rem 1.5rem;display:flex;justify-content:space-between;gap:1rem}.topbar-actions a{margin-left:1.25rem;color:#fdf6ef;text-decoration:none;font-weight:600}.header{max-width:1200px;margin:0 auto;padding:1.8rem 1.5rem 1.2rem;display:grid;grid-template-columns:auto minmax(280px,1fr) auto;gap:1.5rem;align-items:center;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:.9rem}.brand-mark{width:52px;height:52px;border-radius:16px;background:var(--brand);color:#fff;display:grid;place-items:center;font-family:Playfair Display,serif;font-weight:700;font-size:1.1rem;letter-spacing:.08em}.brand-title{font-size:1.4rem;font-family:Playfair Display,serif;font-weight:700}.brand-subtitle{font-size:.9rem;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.search{display:flex;background:#fff;border-radius:999px;padding:.4rem;box-shadow:var(--shadow)}.search input{flex:1;border:none;padding:.6rem 1rem;border-radius:999px;font-size:.95rem;background:transparent}.search input:focus{outline:none}.search button{border:none;background:var(--brand);color:#fff;padding:.55rem 1.4rem;border-radius:999px;font-weight:600;cursor:pointer}.account{display:flex;align-items:center;gap:1.4rem}.account-block{display:flex;flex-direction:column;font-size:.9rem}.account-title{font-weight:600}.account-sub{color:var(--muted)}.cta{border:none;background:var(--ink);color:#fff;padding:.7rem 1.2rem;border-radius:999px;cursor:pointer;font-weight:600}.header-actions{display:flex;gap:.6rem;flex-wrap:wrap}.cta.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.cookie-banner{position:fixed;left:1.5rem;bottom:1.5rem;max-width:360px;background:#fff;border-radius:16px;padding:1rem 1.1rem;box-shadow:var(--shadow);z-index:6;display:grid;gap:.6rem}.cookie-banner p{margin:.3rem 0 0;color:var(--muted);font-size:.85rem}.cookie-banner button{border:none;background:var(--brand);color:#fff;padding:.6rem .9rem;border-radius:10px;cursor:pointer;font-weight:600}.main-nav{max-width:1200px;margin:0 auto;padding:.2rem 1.5rem 1.2rem;display:flex;gap:1.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;position:relative;z-index:1}.main-nav a{text-decoration:none;color:var(--muted);position:relative}.main-nav a.active,.main-nav a:hover{color:var(--ink)}.main-nav a.active:after{content:"";position:absolute;left:0;bottom:-.4rem;width:100%;height:2px;background:var(--brand)}.content{max-width:1200px;margin:0 auto;padding:1rem 1.5rem 4rem;position:relative;z-index:1}.page-header{margin:1rem 0 2rem}.page-header h1{margin:0 0 .6rem;font-size:2.2rem;font-family:Playfair Display,serif}.page-header p{margin:0;color:var(--muted);max-width:640px}.section-divider{margin:2.4rem 0 1.2rem}.section-divider h3{margin:0 0 .4rem}.section-divider p{margin:0;color:var(--muted)}.product-detail-showcase{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.6rem;align-items:start;margin-bottom:2rem}.product-gallery{background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:1.2rem;display:grid;gap:1rem}.gallery-main{background:var(--bg-accent);border-radius:16px;padding:1.4rem;display:grid;place-items:center}.gallery-main img{max-width:100%;height:320px;object-fit:cover;border-radius:12px}.gallery-thumbs{display:flex;gap:.6rem;flex-wrap:wrap}.gallery-thumbs button{border:1px solid transparent;background:#fff;padding:.2rem;border-radius:10px;cursor:pointer}.gallery-thumbs button.active{border-color:var(--brand)}.gallery-thumbs img{width:76px;height:62px;object-fit:cover;border-radius:8px}.product-detail-panel{background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:1.5rem;display:grid;gap:1rem}.product-detail-panel h2{margin:0;font-size:1.8rem;font-family:Playfair Display,serif}.product-detail-panel p{margin:0;color:var(--muted)}.product-quality{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin-bottom:2.2rem}.product-quality h3{margin:0 0 .6rem}.product-quality p{margin:0 0 .8rem;color:var(--muted)}.product-quality ul{margin:0;padding-left:1.2rem;color:var(--muted)}.pricing-table{background:#fff;border-radius:16px;padding:1.2rem;box-shadow:var(--shadow)}.pricing-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.pricing-header span{font-size:.8rem;color:var(--muted)}.pricing-rows{display:grid;gap:.5rem;margin-top:.8rem}.pricing-row{display:flex;justify-content:space-between;padding:.5rem .6rem;border-radius:10px;background:#fdf8f3;color:var(--muted)}.pricing-row strong{color:var(--ink)}.pricing-note{margin:.8rem 0 0;color:var(--muted);font-size:.85rem}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.spec-grid span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.spec-grid strong{font-size:1rem}.product-options{display:grid;gap:.9rem}.product-options h4{margin:0 0 .4rem}.option-chips{display:flex;flex-wrap:wrap;gap:.5rem}.option-chips button{border:1px solid #edd8c6;background:#fffaf5;border-radius:999px;padding:.35rem .8rem;cursor:pointer;font-size:.85rem}.product-options .primary{border:none;background:var(--brand);color:#fff;padding:.7rem 1rem;border-radius:12px;cursor:pointer;font-weight:600}.category-hero{background:var(--card);border-radius:var(--radius);padding:2rem;display:grid;gap:2rem;grid-template-columns:minmax(0,2fr) minmax(0,1fr);box-shadow:var(--shadow);align-items:center;animation:fadeInUp .7s ease}.category-hero h1{font-size:2.4rem;margin:.3rem 0 .6rem;font-family:Playfair Display,serif}.category-hero p{color:var(--muted);margin:0 0 1.2rem;max-width:560px}.breadcrumbs{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;color:var(--muted)}.perk-row{display:flex;flex-wrap:wrap;gap:.7rem}.perk-row span{background:#fff;padding:.4rem .9rem;border-radius:999px;font-size:.85rem;color:var(--muted);border:1px solid #f0dfcf}.hero-card{background:linear-gradient(145deg,#fbd7c2,#f4b289);padding:1.6rem;border-radius:20px;color:#24160f;box-shadow:var(--shadow)}.hero-card button{margin-top:1rem;border:none;background:var(--ink);color:#fff;padding:.7rem 1.3rem;border-radius:999px;cursor:pointer}.hero-badge{display:inline-block;background:#fff;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.8rem}.collab{margin-top:2rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.6rem}.collab-card{background:#fff;border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow)}.collab-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}.collab-actions button{border:none;background:var(--brand);color:#fff;padding:.6rem 1.2rem;border-radius:999px;cursor:pointer;font-weight:600}.collab-actions .ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.collab-list{display:grid;gap:1rem}.collab-list div{background:#fff;padding:1.1rem;border-radius:16px;box-shadow:var(--shadow)}.collab-list span{font-size:.8rem;letter-spacing:.2em;color:var(--muted)}.product-detail{margin-top:2.4rem;display:grid;gap:1.6rem}.product-detail-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.6rem;align-items:center}.product-detail-info h2{margin:.4rem 0 .6rem;font-size:2rem;font-family:Playfair Display,serif}.detail-tag{display:inline-flex;padding:.25rem .7rem;border-radius:999px;background:#fff;border:1px solid #f0dfcf;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.2rem}.detail-meta span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.detail-meta strong{font-size:1rem}.product-detail-card{background:#fff;padding:1.6rem;border-radius:20px;box-shadow:var(--shadow)}.detail-actions{display:grid;gap:.6rem;margin-top:1rem}.detail-actions button{border:none;border-radius:12px;padding:.7rem 1rem;cursor:pointer;font-weight:600;background:var(--brand);color:#fff}.detail-actions .ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.detail-contact{margin-top:1.2rem;display:grid;gap:.4rem;color:var(--muted)}.detail-contact strong{color:var(--ink);font-size:1.1rem}.detail-contact .line{border:none;background:transparent;color:var(--brand-dark);text-align:left;padding:0;cursor:pointer;font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.detail-grid h4{margin:0 0 .6rem}.detail-grid ul{margin:0;padding-left:1.2rem;color:var(--muted)}.detail-grid p{margin:0;color:var(--muted)}.chip-filter{margin-top:2.4rem;display:grid;gap:.8rem}.chip-title{font-weight:600}.chip-list{display:flex;flex-wrap:wrap;gap:.6rem}.chip-list button{border:1px solid #edd8c6;background:#fffaf5;border-radius:999px;padding:.4rem .9rem;cursor:pointer;font-size:.85rem}.chip-list button.active{background:var(--brand);color:#fff;border-color:transparent}.product-area{margin-top:1.6rem;display:flex;flex-direction:column;gap:1.5rem}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;flex-wrap:wrap;color:var(--muted)}.toolbar-actions{display:flex;gap:1.2rem;flex-wrap:wrap}.toolbar label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.toolbar select{border-radius:999px;border:1px solid #e9d6c8;padding:.45rem 1rem;background:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.4rem}.product-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;animation:fadeInUp .7s ease both}.product-image{background:var(--bg-accent);padding:1.4rem;display:grid;place-items:center}.product-image img{max-width:100%;height:160px;object-fit:contain}.product-body{padding:1.2rem 1.3rem .8rem}.product-body h3{margin:0 0 .4rem;font-size:1rem}.sku{font-size:.8rem;color:var(--muted);letter-spacing:.05em;margin-bottom:.7rem}.price{display:flex;align-items:baseline;gap:.5rem;font-size:.9rem;color:var(--muted)}.price strong{font-size:1.2rem;color:var(--ink)}.note{margin-top:.5rem;font-size:.75rem;color:var(--muted)}.product-actions{margin-top:auto;padding:0 1.2rem 1.2rem;display:grid;grid-template-columns:1fr;gap:.6rem}.product-actions button{border:1px solid #edd8c6;background:#fffaf5;padding:.55rem;border-radius:12px;cursor:pointer;font-size:.85rem}.product-actions .primary{background:var(--brand);color:#fff;border:none;text-decoration:none;text-align:center}.faq{margin-top:3rem;display:grid;gap:1.5rem}.faq-header h2{margin:0;font-size:2rem;font-family:Playfair Display,serif}.faq-header p{color:var(--muted)}.faq-list{display:grid;gap:1rem}.faq-item{text-align:left;background:#fff;border:none;padding:1rem 1.2rem;border-radius:16px;box-shadow:var(--shadow);cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:.6rem}.faq-item span{font-weight:600}.faq-item .faq-toggle{font-size:1.4rem;color:var(--muted)}.faq-answer{grid-column:1 / -1;margin:.4rem 0 0;color:var(--muted);font-weight:400}.footer{background:var(--ink);color:#f7efe7;padding:3rem 1.5rem 2rem}.footer-grid{max-width:1200px;margin:0 auto 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.footer h4{margin-bottom:.8rem;font-size:1.1rem}.socials{display:flex;flex-direction:column;gap:.4rem}.socials a{color:#f7efe7;text-decoration:none}.footer-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;color:#cfc1b4}.footer-bottom{text-align:center;font-size:.8rem;color:#cfc1b4}.overlay{position:fixed;inset:0;background:#140e0899;display:grid;place-items:center;z-index:5;padding:1.5rem}.quote-panel{background:#fff;border-radius:20px;max-width:520px;width:100%;padding:1.6rem;box-shadow:var(--shadow);animation:fadeInUp .4s ease}.quote-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.quote-header button{border:none;background:transparent;color:var(--muted);cursor:pointer}.quote-summary{background:#fdf8f3;border-radius:16px;padding:1rem;border:1px solid #f0dfcf}.quote-summary-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:600}.quote-summary-head button{border:none;background:transparent;color:var(--brand-dark);cursor:pointer;font-weight:600}.quote-summary-head button:disabled{opacity:.4;cursor:not-allowed}.quote-summary ul{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.5rem}.quote-summary li{display:flex;justify-content:space-between;gap:.8rem;color:var(--muted)}.cart-drawer{position:fixed;top:0;right:0;width:min(360px,100%);height:100vh;background:#fff;box-shadow:var(--shadow);padding:1.4rem;transform:translate(100%);transition:transform .3s ease;z-index:7;display:grid;grid-template-rows:auto 1fr auto;gap:1rem}.cart-drawer.open{transform:translate(0)}.cart-drawer-header{display:flex;justify-content:space-between;align-items:center}.cart-drawer-controls{display:flex;gap:.6rem}.cart-drawer-header button{border:none;background:transparent;color:var(--muted);cursor:pointer}.cart-empty{color:var(--muted)}.cart-items{list-style:none;padding:0;margin:0;display:grid;gap:.6rem;overflow-y:auto}.cart-items li{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:start;color:var(--muted)}.cart-item-name{display:block;color:var(--ink);font-weight:600}.cart-item-sku{display:block;font-size:.75rem;color:var(--muted);margin-top:.2rem}.cart-item-qty{display:inline-flex;align-items:center;gap:.6rem;margin-top:.5rem;border:1px solid #edd8c6;border-radius:999px;padding:.2rem .4rem}.cart-item-qty button{border:none;background:transparent;cursor:pointer;font-size:1rem;padding:0 .3rem}.cart-item-meta{display:grid;justify-items:end;gap:.3rem}.cart-item-meta .link{border:none;background:transparent;color:var(--brand-dark);cursor:pointer;font-weight:600;padding:0}.cart-total{display:flex;justify-content:space-between;font-weight:600}.cart-actions{display:grid;gap:.6rem}.cart-actions a,.cart-actions button{text-align:center;padding:.7rem 1rem;border-radius:12px;text-decoration:none;font-weight:600}.cart-actions a{background:var(--brand);color:#fff}.cart-actions .ghost{border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}.cart-backdrop{position:fixed;inset:0;background:#140e0866;border:none;padding:0;margin:0;z-index:6}.cart-toast{position:fixed;right:1.5rem;bottom:1.5rem;background:#fff;color:var(--ink);padding:.7rem 1.1rem;border-radius:999px;box-shadow:var(--shadow);z-index:8;animation:toastIn .25s ease,toastOut .25s ease 1.5s forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translateY(10px)}}.quote-page{display:grid;gap:1.2rem;max-width:720px}.quote-actions{display:flex;gap:.8rem;flex-wrap:wrap}.quote-actions button{border:none;background:var(--brand);color:#fff;padding:.7rem 1.2rem;border-radius:12px;cursor:pointer;font-weight:600}.quote-actions .ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.quote-total{border-top:1px solid #e9d6c8;padding-top:.6rem;color:var(--ink);font-weight:600}.quote-empty{margin:.6rem 0 0;color:var(--muted)}.quote-form{display:grid;gap:.8rem;margin-top:1.2rem}.quote-form label{display:grid;gap:.4rem;font-size:.85rem;color:var(--muted)}.quote-form input,.quote-form select,.quote-form textarea{padding:.6rem .8rem;border-radius:12px;border:1px solid #edd8c6;font-family:inherit}.quote-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.quote-form button[type=submit]{border:none;background:var(--brand);color:#fff;padding:.7rem 1rem;border-radius:12px;cursor:pointer;font-weight:600}.quote-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.quote-error{background:#ffe9e2;color:#8a2d12;padding:.6rem .8rem;border-radius:12px;font-size:.85rem}.status-card{background:#fff;border-radius:16px;padding:.9rem 1rem;box-shadow:var(--shadow);margin-bottom:1.2rem;color:var(--muted)}.status-card.error{background:#ffe9e2;color:#8a2d12}.quote-toast{background:#f3efe9;padding:.6rem .8rem;border-radius:12px;color:var(--muted);font-size:.85rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.header{grid-template-columns:1fr}.account{justify-content:space-between}.category-hero,.collab,.product-detail-hero,.detail-grid,.product-detail-showcase,.product-quality{grid-template-columns:1fr}}@media(max-width:720px){.topbar-inner{flex-direction:column;align-items:flex-start}.main-nav{flex-wrap:wrap}.quote-row{grid-template-columns:1fr}.cart-drawer{width:100%;border-radius:0;padding:1.2rem}.header-actions{width:100%}.header-actions .cta{flex:1}}