.homepage{background:linear-gradient(135deg,var(--vintage-paper)0%,var(--vintage-cream)100%);min-height:100vh;padding:2rem 0}.hero-section{background:linear-gradient(135deg,var(--vintage-dark-brown)0%,var(--vintage-brown)100%);color:var(--vintage-cream);padding:clamp(2rem,10vw,5rem)var(--spacing-base);text-align:center;border-bottom:4px solid var(--vintage-gold);box-shadow:0 4px 12px #0003}.hero-content{max-width:1200px;margin:0 auto}.hero-title{font-family:var(--font-heading);letter-spacing:2px;text-shadow:2px 2px 4px #0000004d;margin-bottom:1rem;font-size:clamp(2.5rem,8vw,4rem);font-weight:700}.hero-subtitle{font-family:var(--font-heading);color:var(--vintage-gold);letter-spacing:1px;margin-bottom:1rem;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:400}.hero-description{font-family:var(--font-body);color:#faf6f0f2;max-width:600px;margin:0 auto;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.6}.products-section{max-width:1600px;padding:clamp(2rem,5vw,3rem)var(--spacing-base);margin:0 auto}.section-header{text-align:center;margin-bottom:clamp(2rem,5vw,3.5rem)}.section-header h2{font-family:var(--font-heading);color:var(--vintage-dark-brown);letter-spacing:1.5px;margin-bottom:1rem;font-size:clamp(2rem,6vw,3rem);font-weight:400}.section-subtitle{font-family:var(--font-accent);color:var(--vintage-warm-gray);font-size:clamp(1rem,2.5vw,1.2rem);font-weight:500}.products-grid{grid-template-columns:repeat(auto-fit,minmax(var(--card-min),1fr));gap:var(--gap-base);margin-top:var(--gap-base);display:grid}.loading-state{text-align:center;font-size:var(--size-body);color:var(--vintage-warm-gray);font-family:var(--font-accent);padding:clamp(2rem,5vw,3rem);font-style:italic}.empty-state{text-align:center;font-size:var(--size-body);color:var(--vintage-warm-gray);font-family:var(--font-accent);padding:clamp(2rem,5vw,3rem)}.error-message{color:var(--vintage-accent);border-radius:var(--vintage-radius);text-align:center;font-family:var(--font-body);background:linear-gradient(135deg,#f8f0e8 0%,#f4e8d8 100%);border:2px solid #a0522d4d;margin:1rem 0;padding:clamp(1.5rem,3vw,2rem)}.error-message h3{font-family:var(--font-heading);color:var(--vintage-dark-brown);margin-bottom:.8rem}.error-message button{background:linear-gradient(135deg,var(--vintage-bronze)0%,var(--vintage-accent)100%);color:var(--vintage-cream);border-radius:var(--vintage-radius);cursor:pointer;font-family:var(--font-accent);border:none;margin-top:1rem;padding:.8rem 1.5rem;font-weight:500;transition:all .3s;box-shadow:0 2px 8px #a0522d4d}.error-message button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #a0522d66}.items-page{max-width:var(--container-max);width:100%;font-family:var(--font-body);box-sizing:border-box;margin:0 auto;padding:0;overflow-x:hidden}.page-header{text-align:center;background:linear-gradient(135deg,var(--vintage-paper),#e8d5b799);border-radius:var(--vintage-radius);max-width:820px;box-shadow:var(--vintage-shadow);border:1px solid #d4af3799;margin:0 auto clamp(1rem,3vw,1.5rem);padding:clamp(.75rem,2vw,1rem)}.page-heros{background:linear-gradient(180deg,#fffaf0 0%,var(--vintage-paper));border-radius:var(--vintage-radius);box-shadow:var(--vintage-shadow);border:1px solid #d4af371f;max-width:100%;margin:clamp(.75rem,2vw,1.125rem) auto clamp(1rem,2.5vw,1.125rem);padding:clamp(.75rem,2vw,1rem)}.page-hero__contents{flex-direction:column;align-items:center;gap:clamp(.5rem,2vw,.75rem);display:flex}.page-hero__text{text-align:left;width:100%}.hero-search .search-container{border-radius:var(--vintage-radius);background:#fff9;border:1px solid #d4af371f;width:100%;max-width:520px;margin:0 auto;padding:clamp(.5rem,2vw,.75rem);box-shadow:inset 0 1px #fff9}.page-title{font-size:var(--size-h2);color:var(--vintage-brown);text-shadow:.6px .6px 1.2px #0000000d;font-weight:700;font-family:var(--font-heading);margin-bottom:clamp(.3rem,1vw,.375rem)}.search-section{text-align:center;background:linear-gradient(135deg,var(--vintage-paper),#e8d5b766);border-radius:var(--vintage-radius);border:1px solid var(--vintage-gold);max-width:680px;box-shadow:var(--vintage-shadow);flex-direction:column;align-items:center;gap:clamp(.625rem,2vw,.75rem);margin:0 auto clamp(1.25rem,3vw,1.375rem);padding:clamp(.75rem,2vw,.75rem);display:flex}.page-header h1{font-size:var(--size-h1);color:var(--vintage-brown);text-shadow:1px 1px 2px #00000014;font-weight:700;font-family:var(--font-heading);margin-bottom:clamp(.5rem,1vw,.5rem)}.page-subtitle{font-size:var(--size-body);color:var(--vintage-accent);margin:0;font-style:italic}.search-container{width:100%;max-width:360px;position:relative}.search-input{width:100%;font-size:var(--size-body);border:2px solid var(--vintage-gold);color:var(--vintage-brown);background:#faf8f0;border-radius:25px;padding:clamp(.75rem,2vw,.9375rem) clamp(2.5rem,5vw,3.125rem) clamp(.75rem,2vw,.9375rem) clamp(.75rem,2vw,1.25rem);font-family:inherit;transition:all .3s;box-shadow:0 2px 8px #d4af3733}.search-input:focus{background:#fff;border-color:#b8860b;outline:none;box-shadow:0 4px 12px #d4af3766}.search-input:focus-visible{outline:3px solid var(--vintage-gold);outline-offset:2px}.search-input::placeholder{color:peru;font-style:italic}.results-info{color:var(--vintage-brown);font-style:italic;font-size:var(--size-small)}.items-toolbar{flex-flow:column;justify-content:center;align-items:center;gap:clamp(.3rem,1vw,.375rem);margin-top:clamp(1rem,2vw,1.25rem);display:flex}.items-toolbar-title{font-size:var(--size-h2);color:var(--vintage-brown);text-shadow:.6px .6px 1.2px #0000000d;font-weight:700;font-family:var(--font-heading);margin-bottom:clamp(.375rem,1vw,.375rem)}.inline-search .inline-search-input{background:#fffdf7;border:1.5px solid #d4af37;border-radius:18px;width:clamp(250px,90vw,320px);padding:clamp(.5rem,1.5vw,.5rem) clamp(1.75rem,3vw,2.25rem) clamp(.5rem,1.5vw,.5rem) clamp(.75rem,2vw,.75rem);font-size:clamp(.85rem,2vw,.95rem);box-shadow:0 1px 6px #d4af3714}.inline-results{color:#8b4513;margin-top:0;font-size:clamp(.75rem,1.5vw,.85rem);font-style:italic}.item-grid{--card-min:clamp(250px,80vw,300px);--gap:clamp(1rem,2.5vw,1rem);--max-cols:5;grid-template-columns:repeat(auto-fill,minmax(var(--card-min),1fr));gap:var(--gap);box-sizing:border-box;width:100%;max-width:100%;margin:clamp(1.5rem,3vw,1.875rem) auto 0;padding:0 clamp(.75rem,2vw,1rem);display:grid}@media (max-width:1600px){.item-grid{--max-cols:4}}@media (max-width:1024px){.item-grid{--max-cols:3;--card-min:clamp(250px,70vw,280px)}}@media (max-width:768px){.item-grid{--max-cols:2;--card-min:clamp(240px,60vw,260px)}.items-page{padding:0 clamp(.75rem,2vw,1rem)}}@media (max-width:480px){.item-grid{--max-cols:1;--card-min:100%;max-width:100%;margin:clamp(1rem,2vw,1.25rem) auto 0;padding:0}.page-header{margin:0 auto clamp(.75rem,2vw,1rem);padding:clamp(.5rem,2vw,.75rem)}.search-section{margin:0 auto clamp(1rem,2.5vw,1.125rem);padding:clamp(.5rem,1.5vw,.625rem)}}.item-card{cursor:pointer;background:#faf8f0;border:2px solid #e8d5b7;border-radius:15px;flex-direction:column;height:100%;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.item-card:hover{border-color:#d4af37;transform:translateY(-5px);box-shadow:0 8px 25px #d4af374d}.item-card:focus{outline-offset:2px;outline:3px solid #d4af37}.item-card-image{background:#f0f0f0;flex-shrink:0;height:clamp(200px,50vw,270px);position:relative;overflow:hidden}.item-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.item-card:hover .item-card-image img{transform:scale(1.05)}.featured-badge{color:#8b4513;z-index:1;background:linear-gradient(45deg,#d4af37,#f4e98c);border-radius:20px;padding:clamp(.3rem,1vw,.375rem) clamp(.75rem,2vw,.75rem);font-size:clamp(.7rem,1.5vw,.8rem);font-weight:700;position:absolute;top:clamp(.625rem,2vw,.625rem);left:clamp(.625rem,2vw,.625rem);box-shadow:0 2px 6px #0003}.image-count{color:#fff;z-index:1;background:#000000b3;border-radius:12px;padding:clamp(.25rem,.5vw,.3rem) clamp(.5rem,1vw,.5rem);font-size:clamp(.7rem,1.5vw,.8rem);position:absolute;bottom:clamp(.5rem,1vw,.625rem);right:clamp(.5rem,1vw,.625rem)}.item-card-content{flex-direction:column;flex-grow:1;padding:clamp(.75rem,2vw,.75rem);display:flex}.item-title{color:#8b4513;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:auto;margin-bottom:clamp(.5rem,1vw,.5rem);font-size:clamp(.9rem,2vw,1rem);font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.item-price{color:#d4af37;text-shadow:.8px .8px 1.2px #00000014;margin-bottom:clamp(.5rem,1vw,.5rem);font-size:clamp(1.1rem,2.5vw,1.25rem);font-weight:700}.item-materials{margin-bottom:clamp(.75rem,1.5vw,.75rem);font-size:clamp(.85rem,1.5vw,.95rem)}.materials-label{color:sienna;font-weight:700}.item-tags{flex-wrap:wrap;gap:clamp(.375rem,1vw,.375rem);margin-bottom:clamp(.75rem,1.5vw,.75rem);display:flex}.item-tag{color:#8b4513;text-transform:capitalize;background:linear-gradient(135deg,#e8d5b7,#d4af37);border:1px solid #d4af374d;border-radius:15px;padding:4px 10px;font-size:.8rem;font-weight:500}.more-tags{color:peru;padding:4px 8px;font-size:.8rem;font-style:italic}.item-description{color:#8b4513;opacity:.9;margin:0;font-size:.95rem;line-height:1.5;display:none}.loading-container,.error-container{text-align:center;color:#8b4513;padding:60px 20px}.loading-spinner{border:4px solid #e8d5b7;border-top-color:#d4af37;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-button,.clear-search-button{color:#8b4513;cursor:pointer;background:linear-gradient(135deg,#d4af37,#f4e98c);border:none;border-radius:25px;margin-top:15px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s}.retry-button:hover,.clear-search-button:hover{background:linear-gradient(135deg,#b8860b,#d4af37);transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.no-results{text-align:center;color:#8b4513;padding:60px 20px}.no-results h3{margin-bottom:15px;font-size:1.8rem}.no-results p{opacity:.8;margin-bottom:20px;font-size:1.1rem}@media (max-width:768px){.items-page{padding:15px}.page-header h1{font-size:2.2rem}.page-subtitle{font-size:1.1rem}.item-grid{grid-template-columns:1fr;gap:20px}.item-card-image{height:200px}.search-input{padding:12px 45px 12px 15px;font-size:1rem}}@media (max-width:480px){.page-header{padding:25px 15px}.page-header h1{font-size:1.8rem}.page-subtitle{font-size:1rem}.item-card-content{padding:15px}.item-title{font-size:1.1rem}}.sold-badge-small{color:#fff;text-align:center;background:#dc3545;border-radius:15px;padding:4px 12px;font-size:.9rem;font-weight:700;display:inline-block;box-shadow:0 1px 3px #dc35454d}@media (max-width:479px){.items-page{padding:20px}.page-header{margin:0 auto clamp(.75rem,2.5vw,1rem);padding:clamp(.5rem,2vw,.75rem)}.page-title{font-size:clamp(1.1rem,3.5vw,1.3rem)}.item-card-grid{grid-template-columns:1fr!important;gap:clamp(.75rem,2vw,1rem)!important}.item-card-image{height:clamp(150px,45vw,200px)}.search-container{max-width:100%;padding:clamp(.4rem,1.5vw,.65rem)}.search-input{padding:clamp(.5rem,1.5vw,.75rem) clamp(.65rem,1.5vw,.9rem);font-size:16px}}@media (min-width:480px) and (max-width:767px){.items-page{padding:clamp(.5rem,2vw,.75rem)}.page-header{margin:0 auto clamp(.75rem,2.5vw,1.1rem);padding:clamp(.65rem,2.5vw,.9rem)}.page-title{font-size:clamp(1.2rem,3.8vw,1.4rem)}.item-card-grid{grid-template-columns:repeat(2,1fr)!important;gap:clamp(.8rem,2.2vw,1.1rem)!important}.item-card-image{height:clamp(160px,40vw,220px)}.search-container{max-width:100%}}@media (min-width:768px) and (max-width:1023px){.page-title{font-size:clamp(1.3rem,4vw,1.5rem)}.item-card-grid{grid-template-columns:repeat(3,1fr)!important;gap:clamp(1rem,2.5vw,1.4rem)!important}.item-card-image{height:clamp(180px,40vw,250px)}}@media (min-width:1024px) and (max-width:1439px){.item-card-grid{grid-template-columns:repeat(5,1fr)!important;gap:clamp(1.2rem,2.5vw,1.6rem)!important}.item-card-image{height:clamp(190px,35vw,270px)}}@media (min-width:1440px){.item-card-grid{grid-template-columns:repeat(5,1fr);gap:2rem}.item-card-image{height:270px}}