:root{--chalk:#f4efe6;--granite:#2a2825;--rust:#c85a2a;--slate:#5c6370;--sand:#d4c5a9;--moss:#4a5c42;--sky:#a8c4d4}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--chalk);color:var(--granite);font-family:DM Sans,sans-serif;overflow-x:hidden}nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--granite);display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:60px}.nav-logo{font-family:Bebas Neue,sans-serif;font-size:1.6rem;letter-spacing:.05em;color:var(--chalk);text-decoration:none}.nav-logo span{color:var(--rust)}.nav-links{display:flex;gap:28px}.nav-links a{color:var(--sand);text-decoration:none;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--rust)}.hero{position:relative;background:var(--granite);padding:80px 40px 60px;overflow:hidden;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end}.hero-bg{background:radial-gradient(ellipse at 80% 20%,rgba(200,90,42,.18) 0,transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(74,92,66,.25) 0,transparent 50%)}.hero-bg,.hero-bg:after{position:absolute;inset:0}.hero-bg:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");opacity:.5}.hero-eyebrow{position:relative;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);margin-bottom:16px}.hero h1{position:relative;font-family:Bebas Neue,sans-serif;font-size:clamp(4rem,10vw,8rem);line-height:.9;color:var(--chalk);letter-spacing:.02em}.hero h1 em{font-family:Fraunces,serif;font-style:italic;font-weight:300;color:var(--rust)}.hero-sub{position:relative;margin-top:24px;max-width:480px;color:var(--sand);font-size:1rem;line-height:1.6;font-weight:300}.hero-cta{position:relative;margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}.btn-primary{background:var(--rust);color:var(--chalk);border:none;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s,transform .15s;text-decoration:none;display:inline-block}.btn-primary:hover{background:#a8461e;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--chalk);border:1px solid hsla(39,39%,93%,.3);padding:14px 32px;font-family:DM Sans,sans-serif;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:border-color .2s;text-decoration:none;display:inline-block}.btn-ghost:hover{border-color:var(--chalk)}.cat-strip{background:var(--rust);display:flex;overflow-x:auto;gap:0;scrollbar-width:none}.cat-strip::-webkit-scrollbar{display:none}.cat-item{flex:1 1;min-width:140px;padding:16px 24px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--chalk);cursor:pointer;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;transition:background .2s;white-space:nowrap;border:none;background:transparent;font-family:DM Sans,sans-serif}.cat-item:last-child{border-right:none}.cat-item.active,.cat-item:hover{background:rgba(0,0,0,.15)}.cat-icon{font-size:1.1rem}.section{padding:64px 40px}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:36px;border-bottom:1px solid var(--sand);padding-bottom:16px}.section-title{font-family:Bebas Neue,sans-serif;font-size:2.4rem;letter-spacing:.03em}.section-title em{font-family:Fraunces,serif;font-style:italic;font-weight:300;font-size:1.8rem;color:var(--slate)}.section-all{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rust);text-decoration:none;font-weight:500}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:24px;gap:24px}.product-card{background:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(42,40,37,.12)}.product-img{height:200px;display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;overflow:hidden}.product-badge{position:absolute;top:12px;right:12px;background:var(--rust);color:#fff;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;font-weight:500}.product-info{padding:16px 20px 20px}.product-brand{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--slate);margin-bottom:4px}.product-name{font-family:Fraunces,serif;font-weight:400;font-size:1.05rem;line-height:1.3;margin-bottom:8px}.product-desc{font-size:.8rem;color:var(--slate);line-height:1.5;margin-bottom:12px}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.product-price{font-weight:500;font-size:1rem}.product-level{font-size:.65rem;color:var(--moss);background:rgba(74,92,66,.1);padding:3px 8px}.product-level,.product-link{letter-spacing:.1em;text-transform:uppercase}.product-link{display:block;width:100%;background:var(--granite);color:var(--chalk);border:none;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .2s;text-decoration:none;text-align:center}.product-link:hover{background:var(--rust)}.img-shoes{background:linear-gradient(135deg,#e8e0d4,#c8c0b0)}.img-accessories{background:linear-gradient(135deg,#d4e0d8,#b0c4b8)}.img-gear{background:linear-gradient(135deg,#d4dce8,#a8b8cc)}.img-food{background:linear-gradient(135deg,#e8dcd0,#d4b89c)}.img-stocking{background:linear-gradient(135deg,#e0d4e0,#c0a8c0)}.quiz-section{background:var(--granite);padding:80px 40px;position:relative;overflow:hidden}.quiz-section:before{content:"";position:absolute;top:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(200,90,42,.15) 0,transparent 70%)}.quiz-inner{max-width:680px;margin:0 auto;position:relative}.quiz-eyebrow{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);margin-bottom:12px}.quiz-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2.5rem,6vw,4rem);color:var(--chalk);line-height:1;margin-bottom:12px}.quiz-title em{font-family:Fraunces,serif;font-style:italic;font-weight:300;color:var(--sky)}.quiz-intro{color:var(--sand);font-size:.95rem;line-height:1.6;margin-bottom:40px}.quiz-step{display:none}.quiz-step.active{display:block;animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-q{color:var(--chalk);font-family:Fraunces,serif;font-size:1.3rem;font-weight:400;margin-bottom:24px;line-height:1.4}.quiz-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:28px}.quiz-option{background:hsla(39,39%,93%,.06);border:1px solid hsla(39,39%,93%,.15);color:var(--chalk);padding:16px 20px;cursor:pointer;text-align:left;font-family:DM Sans,sans-serif;font-size:.88rem;line-height:1.4;transition:background .15s,border-color .15s}.quiz-option:hover{background:rgba(200,90,42,.2);border-color:var(--rust)}.quiz-option.selected{background:rgba(200,90,42,.3);border-color:var(--rust)}.quiz-option-icon{font-size:1.4rem;display:block;margin-bottom:6px}.quiz-progress{display:flex;gap:6px;margin-bottom:32px}.quiz-dot{height:3px;flex:1 1;background:hsla(39,39%,93%,.2);transition:background .3s}.quiz-dot.done{background:var(--rust)}.quiz-result{display:none}.quiz-result.active{display:block;animation:fadeUp .4s ease}.result-card{background:hsla(39,39%,93%,.06);border:1px solid hsla(39,39%,93%,.15);padding:32px}.result-title{font-family:Bebas Neue,sans-serif;font-size:1.6rem;letter-spacing:.04em;color:var(--rust);margin-bottom:8px}.result-intro{color:var(--sand);font-size:.9rem;line-height:1.6;margin-bottom:28px}.result-picks{display:flex;flex-direction:column;gap:16px}.result-pick{display:flex;gap:16px;align-items:flex-start;background:hsla(39,39%,93%,.04);padding:16px;border-left:3px solid var(--rust)}.result-pick-icon{font-size:2rem;flex-shrink:0}.result-pick-brand{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--slate);margin-bottom:2px}.result-pick-name{color:var(--chalk);font-family:Fraunces,serif;font-size:1rem;margin-bottom:4px}.result-pick-why{color:var(--sand);font-size:.8rem;line-height:1.5}.result-pick-price{color:var(--rust);font-weight:500;font-size:.85rem;margin-top:6px}.result-pick-link{display:inline-block;margin-top:8px;color:var(--sky);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(168,196,212,.4);transition:border-color .2s}.result-pick-link:hover{border-color:var(--sky)}.quiz-nav{display:flex;justify-content:space-between;align-items:center}.quiz-back{background:transparent;border:none;color:var(--slate);cursor:pointer;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;padding:0;transition:color .2s;font-family:DM Sans,sans-serif}.quiz-back:hover{color:var(--chalk)}.category-quiz-panel{margin-top:36px;border-top:1px solid var(--sand);padding-top:0}.category-quiz-trigger{display:block;width:100%;background:transparent;border:none;padding:18px 0;color:var(--rust);cursor:pointer;font-family:DM Sans,sans-serif;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;font-weight:500;text-align:left;transition:color .2s}.category-quiz-trigger:hover{color:#a8461e}.quiz-inline{background:var(--granite);padding:40px;margin-top:0}.quiz-inline .quiz-inner{max-width:680px}.quiz-inline .quiz-q{color:var(--chalk)}.quiz-inline .quiz-progress{display:flex;gap:6px;margin-bottom:24px}.quiz-inline .result-card{background:hsla(39,39%,93%,.06);border:1px solid hsla(39,39%,93%,.15);padding:28px}.quiz-inline .quiz-back{color:var(--slate)}.quiz-inline .quiz-back:hover{color:var(--chalk)}footer{background:var(--granite);border-top:1px solid hsla(39,39%,93%,.1);padding:40px;text-align:center;color:var(--slate);font-size:.8rem;letter-spacing:.05em}footer strong{color:var(--sand)}.category-panel{display:none}.category-panel.active{display:block}.stocking-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:16px;gap:16px}.stocking-card{background:#fff;padding:20px;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none;display:block;color:var(--granite)}.stocking-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(42,40,37,.1)}.stocking-emoji{font-size:2.4rem;margin-bottom:10px;display:block}.stocking-name{font-family:Fraunces,serif;font-size:.95rem;margin-bottom:4px}.stocking-price{color:var(--rust);font-size:.85rem;font-weight:500}.admin-layout{display:flex;min-height:100vh;background:var(--chalk)}.admin-sidebar{width:240px;flex-shrink:0;background:var(--granite);padding:0;display:flex;flex-direction:column}.admin-sidebar-logo{padding:24px 28px;font-family:Bebas Neue,sans-serif;font-size:1.3rem;color:var(--chalk);letter-spacing:.05em;border-bottom:1px solid hsla(39,39%,93%,.1)}.admin-sidebar-logo span{color:var(--rust)}.admin-nav{padding:20px 0;flex:1 1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;position:static;height:auto;background:transparent;z-index:auto;top:auto}.admin-nav a{display:flex;align-items:center;gap:10px;padding:12px 28px;color:var(--sand);text-decoration:none;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,color .2s}.admin-nav a:hover{background:hsla(39,39%,93%,.08);color:var(--chalk)}.admin-nav a.active{background:rgba(200,90,42,.2);color:var(--chalk);border-left:3px solid var(--rust)}.admin-nav-icon{font-size:1rem}.admin-content{flex:1 1;padding:40px;overflow-y:auto}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--sand)}.admin-title{font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:.03em}.admin-card{background:#fff;padding:28px;margin-bottom:24px;box-shadow:0 2px 8px rgba(42,40,37,.06)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:32px}.stat-card{background:#fff;padding:24px;box-shadow:0 2px 8px rgba(42,40,37,.06)}.stat-number{font-family:Bebas Neue,sans-serif;font-size:2.5rem;color:var(--rust);line-height:1}.stat-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin-top:4px}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:12px 16px;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--slate);border-bottom:2px solid var(--sand)}.admin-table td{padding:12px 16px;border-bottom:1px solid #f0ece4;font-size:.88rem;vertical-align:middle}.admin-table tr:hover td{background:#faf8f5}.admin-table .badge{display:inline-block;padding:2px 8px;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;background:rgba(200,90,42,.1);color:var(--rust)}.admin-table .badge-active{background:rgba(74,92,66,.1);color:var(--moss)}.btn-edit,.btn-sm{padding:6px 14px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;border:none;cursor:pointer;font-family:DM Sans,sans-serif;text-decoration:none;display:inline-block}.btn-edit{background:var(--granite);color:var(--chalk);transition:background .2s}.btn-edit:hover{background:var(--slate)}.btn-delete{display:inline-block;padding:6px 14px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;font-family:DM Sans,sans-serif;text-decoration:none;cursor:pointer;background:transparent;color:#c0392b;border:1px solid #c0392b;transition:background .2s,color .2s}.btn-delete:hover{background:#c0392b;color:#fff}.btn-new{background:var(--rust);color:var(--chalk);padding:10px 24px;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;display:inline-block;transition:background .2s}.btn-new:hover{background:#a8461e}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:6px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);font-weight:500}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:1px solid var(--sand);background:#fff;font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--granite);transition:border-color .2s;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--rust)}.form-textarea{min-height:80px;resize:vertical}.form-hint{font-size:.75rem;color:var(--slate);margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.form-actions{display:flex;gap:12px;margin-top:28px}.form-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.88rem;cursor:pointer}.form-checkbox-label input{width:16px;height:16px;accent-color:var(--rust)}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--granite)}.admin-login-card{background:var(--chalk);padding:48px;width:100%;max-width:420px}.admin-login-title{font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:.04em;margin-bottom:8px;color:var(--granite)}.admin-login-sub{color:var(--slate);font-size:.85rem;margin-bottom:32px}.error-msg{background:rgba(200,90,42,.1);border-left:3px solid var(--rust);padding:12px 16px;color:var(--rust);font-size:.85rem;margin-bottom:20px}.pagination{display:flex;gap:8px;margin-top:24px;justify-content:center}.page-btn{padding:8px 14px;border:1px solid var(--sand);background:#fff;cursor:pointer;font-size:.8rem;font-family:DM Sans,sans-serif;transition:background .2s;text-decoration:none;color:var(--granite)}.page-btn:hover{background:var(--sand)}.page-btn.active{background:var(--rust);color:#fff;border-color:var(--rust)}.product-card-link{display:block;text-decoration:none;color:inherit}@media (max-width:700px){.product-page-grid{grid-template-columns:1fr!important}}@media (max-width:600px){nav{padding:0 20px}.nav-links{display:none}.hero{padding:60px 20px 48px}.section{padding:48px 20px}.quiz-section{padding:60px 20px}.quiz-options{grid-template-columns:1fr}footer{padding:32px 20px}.form-row{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-content{padding:20px}}