:root{--pp-emerald-50:#ecfdf5;--pp-emerald-100:#d1fae5;--pp-emerald-300:#6ee7b7;--pp-emerald-500:#10b981;--pp-emerald-600:#059669;--pp-emerald-700:#047857;--pp-emerald-800:#065f46;--pp-emerald-900:#064e3b;--pp-gray-50:#f9fafb;--pp-gray-100:#f3f4f6;--pp-gray-200:#e5e7eb;--pp-gray-400:#9ca3af;--pp-gray-500:#6b7280;--pp-gray-600:#4b5563;--pp-gray-800:#1f2937;--pp-gray-900:#111827;--pp-white:#fff;--pp-red-500:#ef4444}.products-page-container{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:rgba(236,253,245,.3);color:var(--pp-gray-800);min-height:100vh}.products-page-container *{box-sizing:border-box}.pp-toast{position:fixed;top:1rem;right:1rem;z-index:200;background-color:var(--pp-gray-900);color:var(--pp-white);padding:.75rem 1.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);display:flex;align-items:center;gap:.75rem;animation:pp-slide-down .3s ease-out}.pp-toast-icon{background-color:var(--pp-emerald-500);border-radius:50%;padding:.125rem;display:flex}@keyframes pp-slide-down{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.pp-navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--pp-emerald-100);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);height:4rem}.pp-nav-content,.pp-navbar{display:flex;align-items:center}.pp-nav-content{max-width:80rem;margin:0 auto;padding:0 1rem;width:100%;justify-content:space-between}.pp-brand-area{gap:1rem}.pp-back-btn,.pp-brand-area{display:flex;align-items:center}.pp-back-btn{gap:.5rem;padding:.5rem 1rem;border-radius:9999px;border:1px solid transparent;background:transparent;color:var(--pp-gray-600);cursor:pointer;transition:all .2s;font-weight:600;font-size:.9rem}.pp-back-btn:hover{background-color:var(--pp-emerald-50);color:var(--pp-emerald-700)}.pp-brand-logo{display:flex;flex-direction:column}.pp-brand-title{font-weight:700;font-size:1.25rem;color:var(--pp-emerald-800);letter-spacing:-.025em}.pp-brand-subtitle{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:var(--pp-emerald-600);font-weight:600}.pp-search-container{display:none;flex:1 1;max-width:32rem;margin:0 2rem;position:relative}@media (min-width:768px){.pp-search-container{display:block}}.pp-search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;background-color:var(--pp-gray-50);border:1px solid var(--pp-gray-200);border-radius:9999px;font-size:.875rem;outline:none;transition:all .2s}.pp-search-input:focus{background-color:var(--pp-white);border-color:var(--pp-emerald-500);box-shadow:0 0 0 2px rgba(16,185,129,.2)}.pp-search-icon{left:.75rem}.pp-search-clear,.pp-search-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--pp-gray-400)}.pp-search-clear{right:.75rem;background:none;border:none;cursor:pointer}.pp-search-clear:hover{color:var(--pp-gray-600)}.pp-nav-actions{display:flex;align-items:center;gap:.75rem}.pp-btn-icon{position:relative;padding:.5rem;border-radius:9999px;background:transparent;border:none;color:var(--pp-gray-600);cursor:pointer;transition:all .2s}.pp-btn-icon:hover{background-color:var(--pp-emerald-50);color:var(--pp-emerald-700)}.pp-cart-badge{position:absolute;top:0;right:0;height:1.25rem;width:1.25rem;background-color:var(--pp-emerald-600);color:var(--pp-white);font-size:.75rem;font-weight:700;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:2px solid var(--pp-white)}.pp-mobile-search{padding:1rem;background-color:var(--pp-white);border-bottom:1px solid var(--pp-gray-100)}@media (min-width:768px){.pp-mobile-search{display:none}}.pp-hero,.pp-mobile-search-wrapper{position:relative}.pp-hero{background-color:var(--pp-emerald-800);color:var(--pp-white);padding:3rem 1rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.pp-hero-bg-pattern{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(circle,#fff 1px,transparent 0);background-size:20px 20px}.pp-hero-glow-1{right:-2.5rem;bottom:-5rem}.pp-hero-glow-1,.pp-hero-glow-2{position:absolute;width:16rem;height:16rem;background-color:var(--pp-emerald-500);opacity:.3;filter:blur(40px);border-radius:50%}.pp-hero-glow-2{left:-2.5rem;top:-5rem}.pp-hero-content{max-width:80rem;margin:0 auto;position:relative;z-index:10;display:flex;flex-direction:column;gap:1.5rem}@media (min-width:768px){.pp-hero-content{flex-direction:row;justify-content:space-between;align-items:center}}.pp-hero-title{font-size:2rem;font-weight:700;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;margin-bottom:.5rem}@media (min-width:768px){.pp-hero-title{font-size:3rem}}.pp-hero-desc{color:var(--pp-emerald-100);font-size:1.125rem;max-width:36rem;line-height:1.5}.pp-hero-stats{display:flex;gap:1rem}.pp-stat-box{background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.2);padding:.5rem 1rem;border-radius:.5rem;text-align:center}.pp-stat-val{font-size:1.5rem;font-weight:700;color:var(--pp-emerald-300)}.pp-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:hsla(0,0%,100%,.8)}.pp-main-container{max-width:80rem;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:2rem}@media (min-width:1024px){.pp-main-container{flex-direction:row}}.pp-sidebar{width:100%;flex-shrink:0}@media (min-width:1024px){.pp-sidebar{width:16rem;position:-webkit-sticky;position:sticky;top:6rem;height:-moz-fit-content;height:fit-content}}.pp-filter-card{background-color:var(--pp-white);border:1px solid var(--pp-emerald-100);border-radius:1rem;padding:1.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);margin-bottom:2rem}.pp-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pp-filter-title{font-weight:700;color:var(--pp-gray-800);display:flex;align-items:center;gap:.5rem}.pp-reset-btn{font-size:.75rem;color:var(--pp-emerald-600);font-weight:600;background:none;border:none;cursor:pointer}.pp-reset-btn:hover{text-decoration:underline}.pp-category-list{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.75rem;padding-right:1.5rem;-webkit-overflow-scrolling:touch}@media (min-width:1024px){.pp-category-list{flex-direction:column;overflow-x:visible;padding-bottom:0}}.pp-cat-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;text-align:left;cursor:pointer;white-space:nowrap;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.pp-cat-btn.active{background-color:var(--pp-emerald-700);color:var(--pp-white);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.pp-cat-btn:not(.active){background-color:rgba(236,253,245,.5);color:var(--pp-gray-600)}.pp-cat-btn:not(.active):hover{background-color:var(--pp-emerald-100);color:var(--pp-emerald-800)}.pp-sort-options{display:none}@media (min-width:1024px){.pp-sort-options{display:flex;flex-direction:column;gap:.5rem}}.pp-sort-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.25rem 0}.pp-radio-circle{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--pp-gray-400);display:flex;align-items:center;justify-content:center}.pp-radio-circle.selected{border-color:var(--pp-emerald-600)}.pp-radio-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:var(--pp-emerald-600)}.pp-sort-text{font-size:.875rem;color:var(--pp-gray-500)}.pp-sort-label:hover .pp-sort-text{color:var(--pp-emerald-700)}.pp-content{flex:1 1}.pp-toolbar{flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.pp-section-title,.pp-toolbar{display:flex;align-items:center}.pp-section-title{font-size:1.25rem;font-weight:700;color:var(--pp-gray-800)}.pp-count-badge{margin-left:.75rem;padding:.125rem .5rem;background-color:var(--pp-emerald-100);color:var(--pp-emerald-800);font-size:.75rem;border-radius:9999px;font-weight:500}.pp-mobile-sort{position:relative}@media (min-width:1024px){.pp-mobile-sort{display:none}}.pp-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pp-white);border:1px solid var(--pp-gray-200);padding:.5rem 2rem .5rem 1rem;border-radius:.5rem;font-size:.875rem;outline:none}.pp-select-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--pp-gray-400);pointer-events:none}.pp-product-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:640px){.pp-product-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media (min-width:1024px){.pp-product-grid{grid-template-columns:repeat(3,1fr)}}.pp-empty-state{background-color:var(--pp-white);border-radius:1rem;padding:3rem;text-align:center;border:1px solid var(--pp-emerald-100);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.pp-empty-icon{width:4rem;height:4rem;background-color:var(--pp-emerald-50);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--pp-emerald-400)}.pp-empty-title{font-size:1.25rem;font-weight:700;color:var(--pp-gray-800);margin-bottom:.5rem}.pp-empty-desc{color:var(--pp-gray-500);margin-bottom:1.5rem}.pp-clear-btn{padding:.5rem 1.5rem;background-color:var(--pp-emerald-700);color:var(--pp-white);border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s}.pp-clear-btn:hover{background-color:var(--pp-emerald-800)}.pp-card{background-color:var(--pp-white);border-radius:1rem;border:1px solid rgba(229,231,235,.5);overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s;cursor:pointer;display:flex;flex-direction:column;height:100%}.pp-card:hover{box-shadow:0 20px 25px -5px rgba(6,78,59,.15),0 10px 10px -5px rgba(0,0,0,.1);transform:translateY(-.25rem)}.pp-card-img-container{position:relative;aspect-ratio:1/1;background-color:var(--pp-white);overflow:hidden}.pp-card-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s}.pp-card:hover .pp-card-img{transform:scale(1.1)}.pp-badges{position:absolute;top:.75rem;left:.75rem;display:flex;flex-direction:column;gap:.5rem}.pp-badge{font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:.25rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;align-items:center;gap:.25rem}.pp-badge-featured{background-color:var(--pp-emerald-300);color:var(--pp-emerald-900)}.pp-badge-stock{background-color:var(--pp-red-500);color:var(--pp-white)}.pp-quick-add{position:absolute;bottom:0;left:0;right:0;padding:1rem;transform:translateY(100%);transition:transform .3s;display:none}@media (min-width:768px){.pp-quick-add{display:block}}.pp-card:hover .pp-quick-add{transform:translateY(0)}.pp-btn-block{width:100%;background-color:var(--pp-white);color:var(--pp-emerald-700);font-weight:700;padding:.75rem;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);border:1px solid var(--pp-emerald-100);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s}.pp-btn-block:hover{background-color:var(--pp-emerald-600);color:var(--pp-white)}.pp-card-content{padding:1.25rem;display:flex;flex-direction:column;flex:1 1}.pp-card-cat{font-size:.75rem;font-weight:600;color:var(--pp-emerald-700);text-transform:uppercase;letter-spacing:.025em;background-color:var(--pp-emerald-50);padding:.25rem .5rem;border-radius:.25rem;align-self:flex-start;margin-bottom:.5rem}.pp-card-title{font-weight:700;font-size:1.125rem;color:var(--pp-gray-800);margin-bottom:.25rem;line-height:1.25;transition:color .2s}.pp-card:hover .pp-card-title{color:var(--pp-emerald-700)}.pp-card-desc{color:var(--pp-gray-500);font-size:.875rem;margin-bottom:1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.pp-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--pp-emerald-50)}.pp-price-label{font-size:.75rem;color:var(--pp-gray-400);display:block}.pp-price-val{font-weight:700;font-size:1.25rem;color:var(--pp-emerald-700)}.pp-mobile-add-btn{padding:.75rem;border-radius:9999px;border:none;cursor:pointer;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:background-color .2s}@media (min-width:768px){.pp-mobile-add-btn{display:none}}.pp-mobile-add-btn.active{background-color:var(--pp-emerald-50);color:var(--pp-emerald-700)}.pp-mobile-add-btn.active:hover{background-color:var(--pp-emerald-600);color:var(--pp-white)}.pp-mobile-add-btn.disabled{background-color:var(--pp-gray-100);color:var(--pp-gray-400);cursor:not-allowed}.pp-load-more{margin-top:3rem;text-align:center}.pp-end-text{color:var(--pp-gray-400);font-size:.875rem}.pp-end-bar{width:6rem;height:.25rem;background-color:var(--pp-gray-200);margin:1rem auto 0;border-radius:9999px}.pp-footer{background-color:var(--pp-white);border-top:1px solid var(--pp-emerald-100);margin-top:3rem;padding:3rem 0}.pp-footer-container{max-width:80rem;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;gap:1.5rem;align-items:center}@media (min-width:768px){.pp-footer-container{flex-direction:row;justify-content:space-between}}.pp-footer-brand{text-align:center}@media(min-width:768px){.pp-footer-brand{text-align:left}}.pp-footer-title{font-weight:700;color:var(--pp-emerald-800);font-size:1.125rem}.pp-footer-desc{color:var(--pp-gray-500);font-size:.875rem}.pp-footer-links{display:flex;gap:1.5rem;color:var(--pp-gray-600);font-size:.875rem}.pp-footer-link{background:none;border:none;cursor:pointer;transition:color .2s;padding:0}.pp-footer-link:hover{color:var(--pp-emerald-600)}.pp-footer-copy{color:var(--pp-gray-400);font-size:.875rem}@media (max-width:374px){.pp-navbar{height:3.5rem}.pp-brand-title{font-size:1rem}.pp-brand-subtitle{font-size:.5rem}.pp-hero{padding:2rem .75rem}.pp-hero-title{font-size:1.5rem;margin-bottom:.25rem}.pp-hero-desc{font-size:.9rem;line-height:1.4}.pp-hero-stats{flex-direction:column;gap:.75rem}.pp-stat-box{padding:.75rem}.pp-stat-val{font-size:1.25rem}.pp-stat-label{font-size:.65rem}.pp-main-container{padding:1rem .75rem;gap:1.5rem}.pp-filter-card{padding:1rem;margin-bottom:1rem}.pp-category-list{gap:.375rem}.pp-cat-btn{padding:.375rem .75rem;font-size:.75rem}.pp-section-title{font-size:1rem}.pp-count-badge{font-size:.65rem;padding:.125rem .375rem}.pp-card-content{padding:1rem}.pp-card-title{font-size:1rem}.pp-card-desc{font-size:.8rem;-webkit-line-clamp:2;line-clamp:2}.pp-price-val{font-size:1.125rem}.pp-footer{padding:2rem 0}.pp-footer-container{padding:0 .75rem;gap:1rem}.pp-footer-title{font-size:1rem}.pp-footer-links{gap:1rem;font-size:.75rem}.pp-mobile-search{padding:.75rem}.pp-toast{font-size:.875rem;padding:.5rem 1rem;left:.5rem;right:.5rem;top:.5rem}}@media (min-width:375px) and (max-width:480px){.pp-hero{padding:2.5rem 1rem}.pp-hero-title{font-size:1.75rem}.pp-hero-stats{flex-wrap:wrap;justify-content:center}.pp-main-container{padding:1.5rem 1rem}.pp-product-grid{gap:.875rem}}@media (min-width:481px) and (max-width:639px){.pp-hero-content{text-align:center}.pp-hero-stats{justify-content:center}.pp-product-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.pp-card-img-container{aspect-ratio:4/3}}@media (min-width:640px) and (max-width:767px){.pp-hero{padding:3.5rem 1.5rem}.pp-hero-title{font-size:2.25rem}.pp-hero-desc{font-size:1.05rem}.pp-main-container{padding:2rem 1.5rem}.pp-product-grid{gap:1.25rem}}@media (min-width:768px) and (max-width:1023px){.pp-hero{padding:4rem 2rem}.pp-hero-title{font-size:2.5rem}.pp-search-container{max-width:24rem;margin:0 1.5rem}.pp-main-container{padding:2rem 1.5rem}.pp-product-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.pp-card-content{padding:1.125rem}}@media (min-width:1280px){.pp-navbar{height:4.5rem}.pp-nav-content{max-width:90rem;padding:0 2rem}.pp-brand-title{font-size:1.5rem}.pp-search-container{max-width:40rem}.pp-hero{padding:4.5rem 2rem}.pp-hero-content{max-width:90rem}.pp-hero-title{font-size:3.5rem}.pp-hero-desc{font-size:1.25rem;max-width:42rem}.pp-stat-val{font-size:1.75rem}.pp-main-container{max-width:90rem;padding:2.5rem 2rem;gap:2.5rem}.pp-sidebar{width:18rem}.pp-product-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem}.pp-card-title{font-size:1.25rem}.pp-footer-container{max-width:90rem;padding:0 2rem}}@media (min-width:1440px){.pp-footer-container,.pp-hero-content,.pp-main-container,.pp-nav-content{max-width:100rem}.pp-hero-title{font-size:4rem}.pp-sidebar{width:20rem}.pp-product-grid{gap:2rem}}@media (min-width:1920px){.pp-footer-container,.pp-hero-content,.pp-main-container,.pp-nav-content{max-width:120rem}.pp-product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-height:500px) and (orientation:landscape){.pp-hero{padding:1.5rem 1rem}.pp-hero-title{font-size:1.75rem}.pp-hero-stats{gap:.5rem}.pp-stat-box{padding:.375rem .75rem}.pp-product-grid{grid-template-columns:repeat(3,1fr)}}