:root{--primary-text:#4A5A8A;--accent-color:#F1B35C;--accent-hover:#E5A04D;--accent-light:#F8D4B5;--secondary-accent:#F1B35C;--background-light:#FAF6F2;--background-accent:#F8D4B5;--background-soft:#F8D4B5;--white:#ffffff;--gray-light:#f8f9fa;--shadow-light:rgba(0,0,0,0.05);--shadow-medium:rgba(0,0,0,0.1);--border-radius-sm:0.75rem;--border-radius-md:1rem;--border-radius-lg:1.5rem;--border-radius-xl:2rem;--border-radius-full:50%}.section-base{padding:3rem 1rem}@media (min-width:640px){.section-base{padding:4rem 1.5rem}}.section-container{max-width:80rem;margin:0 auto}.section-title{font-size:1.5rem;font-weight:700;color:var(--primary-text);text-align:center;margin-bottom:2rem}@media (min-width:640px){.section-title{font-size:1.875rem;margin-bottom:3rem}}@media (min-width:1024px){.section-title{font-size:2.25rem}}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width:640px){.products-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width:1024px){.products-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media (min-width:1280px){.products-grid{grid-template-columns:repeat(5,1fr)}}.product-card{background:var(--white);border-radius:var(--border-radius-lg);padding:.5rem;transition:all .3s ease;cursor:pointer}@media (min-width:640px){.product-card{padding:.75rem}}@media (max-width:767px){.page-with-navbar{padding-top:5rem}.breadcrumb-nav{margin-top:.5rem;margin-bottom:1rem}.main-content-container{padding-left:1rem;padding-right:1rem}}@media (min-width:768px) and (max-width:1023px){.page-with-navbar{padding-top:5.5rem}.breadcrumb-nav{margin-top:.75rem;margin-bottom:1.25rem}.main-content-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.page-with-navbar{padding-top:6rem}.breadcrumb-nav{margin-top:1rem;margin-bottom:1.5rem}.main-content-container{max-width:90rem;padding-left:2rem;padding-right:2rem}.section-spacing{padding-top:4rem;padding-bottom:4rem}}@media (min-width:1280px){.main-content-container{max-width:100rem;padding-left:3rem;padding-right:3rem}.section-spacing{padding-top:5rem;padding-bottom:5rem}}@media (min-width:1536px){.main-content-container{max-width:110rem}}@media (min-width:1024px){.product-card{padding:1rem}}.product-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px var(--shadow-medium)}.product-image{width:100%;height:8rem;object-fit:cover;border-radius:var(--border-radius-md);transition:transform .3s ease}@media (min-width:640px){.product-image{height:9rem}}@media (min-width:1024px){.product-image{height:10rem}}.product-card:hover .product-image{transform:scale(1.05)}.product-name{color:var(--primary-text);font-weight:500;font-size:.75rem;margin-bottom:.25rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:640px){.product-name{font-size:.875rem}}@media (min-width:1024px){.product-name{font-size:1rem}}.product-price{color:var(--accent-color);font-weight:700;font-size:.875rem}@media (min-width:640px){.product-price{font-size:1rem}}@media (min-width:1024px){.product-price{font-size:1.125rem}}.btn-primary{background-color:var(--accent-color);color:var(--white);padding:.625rem 1.5rem;border-radius:9999px;font-weight:500;transition:all .2s ease;border:none;cursor:pointer;text-decoration:none;display:inline-block;font-size:.875rem}@media (min-width:640px){.btn-primary{padding:.75rem 2rem;font-size:1rem}}.btn-primary:hover{background-color:var(--accent-hover);transform:scale(1.05);box-shadow:0 8px 20px var(--shadow-medium)}.btn-secondary{background-color:transparent;color:var(--accent-color);padding:.75rem 2rem;border-radius:var(--border-radius-full);font-weight:500;transition:all .3s ease;border:2px solid var(--accent-light);cursor:pointer;text-decoration:none;display:inline-block}.btn-secondary:hover{background-color:var(--accent-light);color:var(--accent-hover);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow-medium)}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width:640px){.categories-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (min-width:768px){.categories-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}@media (min-width:1024px){.categories-grid{grid-template-columns:repeat(5,1fr)}}.category-item{text-align:center;cursor:pointer;transition:transform .3s ease}.category-item:hover{transform:scale(1.05)}.category-image{width:5rem;height:5rem;margin:0 auto .75rem;border-radius:var(--border-radius-full);overflow:hidden;background:var(--white);box-shadow:0 4px 6px var(--shadow-light);transition:transform .3s ease}@media (min-width:640px){.category-image{width:6rem;height:6rem;margin-bottom:1rem}}@media (min-width:768px){.category-image{width:7rem;height:7rem}}@media (min-width:1024px){.category-image{width:8rem;height:8rem}}.category-image img{width:100%;height:100%;object-fit:cover}.category-name{color:var(--primary-text);font-weight:500;font-size:.875rem;transition:color .3s ease;padding:0 .25rem}@media (min-width:640px){.category-name{font-size:1rem}}.category-item:hover .category-name{color:var(--accent-color)}.section-bg-light{background-color:var(--background-light)}.section-bg-accent{background-color:var(--background-accent)}.section-bg-white{background-color:var(--white)}.organic-shape{transform:rotate(12deg) scale(1.1)}.organic-shape,.organic-shape-reverse{position:absolute;inset:0;background-color:var(--background-soft);border-radius:var(--border-radius-full)}.organic-shape-reverse{transform:rotate(-12deg) scale(1.1)}.image-hover-effect{transition:transform .3s ease}.image-hover-effect:hover{transform:scale(1.05)}.text-responsive-sm{font-size:.75rem}@media (min-width:640px){.text-responsive-sm{font-size:.875rem}}@media (min-width:1024px){.text-responsive-sm{font-size:1rem}}.text-responsive-base{font-size:.875rem}@media (min-width:640px){.text-responsive-base{font-size:1rem}}@media (min-width:1024px){.text-responsive-base{font-size:1.125rem}}.text-responsive-lg{font-size:1rem}@media (min-width:640px){.text-responsive-lg{font-size:1.25rem}}@media (min-width:1024px){.text-responsive-lg{font-size:1.5rem}}.spacing-section{padding:3rem 1rem}@media (min-width:640px){.spacing-section{padding:4rem 1.5rem}}.spacing-container{margin-bottom:2rem}@media (min-width:640px){.spacing-container{margin-bottom:3rem}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;border-radius:.25rem;margin-bottom:.5rem}.skeleton-title{height:1.5rem;border-radius:.25rem;margin-bottom:1rem;width:75%}.skeleton-image{height:8rem;border-radius:var(--border-radius-md);margin-bottom:.75rem}@media (min-width:640px){.skeleton-image{height:9rem}}@media (min-width:1024px){.skeleton-image{height:10rem}}[dir=rtl] .text-right{text-align:right}[dir=rtl] .text-left{text-align:left}[dir=ltr] .text-right{text-align:right}[dir=ltr] .text-left{text-align:left}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.focus-ring:focus{outline:2px solid var(--accent-color);outline-offset:2px}.loading-state{opacity:.6;pointer-events:none}.error-state{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius-md);padding:1rem;text-align:center}.empty-state{text-align:center;padding:3rem 1rem;color:var(--primary-text);opacity:.7}.empty-state-icon{width:4rem;height:4rem;margin:0 auto 1rem;opacity:.5}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion:reduce){.image-hover-effect,.product-card,.smooth-transition{transition:none}.animate-bounce-slow,.animate-float,.animate-pulse-slow{animation:none}}@media (prefers-reduced-data:reduce){.image-hover-effect:hover{transform:none}.product-card:hover{transform:none;box-shadow:0 4px 6px var(--shadow-light)}}