.product-category-page{background:#fff;font-family:Poppins,sans-serif}.breadcrumb{background:#f8f9fa;padding:1rem 2rem}.breadcrumb .breadcrumb-list{align-items:center;gap:.5rem;max-width:1300px;margin:0 auto;padding:0;list-style:none;display:flex}.breadcrumb .breadcrumb-item{align-items:center;gap:.5rem;font-size:14px;display:flex}.breadcrumb .breadcrumb-link{color:#666;text-decoration:none;transition:color .3s}.breadcrumb .breadcrumb-link:hover{color:#008960}.breadcrumb .breadcrumb-separator{color:#999;margin:0 .25rem}.breadcrumb .breadcrumb-current{color:#333;font-weight:500}.category-hero-banner img{width:100%;height:auto;display:block}.category-hero-banner .category-banner-mobile{display:none}@media (max-width:768px){.category-hero-banner .category-banner-desktop{display:none}.category-hero-banner .category-banner-mobile{display:block}}.category-hero{text-align:center;background:linear-gradient(135deg,#f5f9f8 0%,#e8f8f5 100%);padding:3rem 2rem}.category-hero .category-hero-content{max-width:1300px;margin:0 auto}.category-hero .category-title{color:#000;margin-bottom:1rem;font-size:48px;font-weight:600}.category-hero .category-description{color:#666;max-width:700px;margin:0 auto;font-size:16px;line-height:1.6}.category-hero .category-tags{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}@media (max-width:768px){.category-hero .category-tags{justify-content:center}}.category-hero .category-tag{color:#444;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:#fff;border:1.5px solid #2db9a0;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem 1.1rem .45rem .85rem;font-size:13px;font-weight:600;display:inline-flex}.category-hero .category-tag:before{content:"";background:#2db9a0;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.product-category-container{max-width:1300px;margin:2rem auto;padding:0 2rem}.product-filters{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;display:flex}.product-filters .filter-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:14px;transition:all .3s;display:flex}.product-filters .filter-btn:hover{color:#2db9a0;border-color:#2db9a0}.product-filters .sort-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:14px;transition:all .3s;display:flex}.product-filters .sort-btn:hover{color:#2db9a0;border-color:#2db9a0}.product-filters .sort-btn svg{flex-shrink:0}.filter-overlay{z-index:999;background:#00000080;position:fixed;inset:0}.filter-modal{z-index:1000;background:#fff;flex-direction:column;width:340px;height:100vh;animation:.3s ease-out slideInRight;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 20px #0000001a}.filter-modal .filter-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.filter-modal .filter-modal-header h2{color:#000;margin:0;font-size:20px;font-weight:600}.filter-modal .filter-modal-header .close-btn{cursor:pointer;color:#666;background:0 0;border:none;padding:.25rem;transition:color .3s}.filter-modal .filter-modal-header .close-btn:hover{color:#000}.filter-modal .filter-modal-header .close-btn svg{display:block}.filter-modal .filter-subtitle{color:#666;margin:1rem 0 1.5rem;padding:0 1.5rem;font-size:13px;line-height:1.5}.filter-modal .filter-sections{flex:1;padding:0 1.5rem;overflow-y:auto}.filter-modal .filter-section{border-bottom:1px solid #e5e7eb;padding:1rem 0}.filter-modal .filter-section:last-child{border-bottom:none}.filter-modal .filter-section .filter-section-header{cursor:pointer;color:#000;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.5rem 0;font-size:15px;font-weight:600;display:flex}.filter-modal .filter-section .filter-section-header span{flex:1}.filter-modal .filter-section .filter-section-header svg{color:#666;flex-shrink:0}.filter-modal .filter-section .filter-options{flex-direction:column;gap:.75rem;padding:1rem 0 .5rem;display:flex}.filter-modal .filter-section .filter-checkbox{cursor:pointer;color:#333;align-items:center;gap:.75rem;font-size:14px;display:flex}.filter-modal .filter-section .filter-checkbox input[type=checkbox]{cursor:pointer;accent-color:#2db9a0;width:18px;height:18px}.filter-modal .filter-section .filter-checkbox span{-webkit-user-select:none;user-select:none}.filter-modal .filter-section .filter-checkbox:hover{color:#000}.filter-modal .filter-modal-footer{border-top:1px solid #e5e7eb;gap:1rem;padding:1.5rem;display:flex}.filter-modal .filter-modal-footer button{cursor:pointer;border-radius:8px;flex:1;padding:.875rem;font-size:15px;font-weight:500;transition:all .3s}.filter-modal .filter-modal-footer .clear-btn{color:#333;background:#fff;border:1px solid #ddd}.filter-modal .filter-modal-footer .clear-btn:hover{background:#f8f9fa;border-color:#999}.filter-modal .filter-modal-footer .apply-btn{color:#fff;background:#2db9a0;border:none}.filter-modal .filter-modal-footer .apply-btn:hover{background:#26a68f}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.sort-modal{z-index:1000;background:#fff;flex-direction:column;width:340px;height:100vh;animation:.3s ease-out slideInRight;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 20px #0000001a}.sort-modal .sort-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.sort-modal .sort-modal-header h2{color:#000;margin:0;font-size:20px;font-weight:600}.sort-modal .sort-modal-header .close-btn{cursor:pointer;color:#666;background:0 0;border:none;padding:.25rem;transition:color .3s}.sort-modal .sort-modal-header .close-btn:hover{color:#000}.sort-modal .sort-modal-header .close-btn svg{display:block}.sort-modal .sort-subtitle{color:#666;margin:1rem 0 1.5rem;padding:0 1.5rem;font-size:13px;line-height:1.5}.sort-modal .sort-options{flex-direction:column;gap:.5rem;padding:0 1.5rem;display:flex}.sort-modal .sort-option{text-align:left;color:#333;cursor:pointer;background:#fff;border:none;border-radius:6px;width:100%;padding:.875rem 1rem;font-size:15px;transition:all .2s}.sort-modal .sort-option:hover{background:#f8f9fa}.sort-modal .sort-option.active{color:#000;background:#e0f2f1;font-weight:500}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.product-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:1rem;transition:all .3s;position:relative}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.product-card .sale-badge{color:#fff;z-index:2;background:#2db9a0;border-radius:20px;padding:.3rem .8rem;font-size:12px;font-weight:600;position:absolute;top:1rem;left:1rem}.product-card .wishlist-btn{cursor:pointer;z-index:2;background:#fff;border:1px solid #eee;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.product-card .wishlist-btn:hover{color:#2db9a0;background:#f8f9fa;border-color:#2db9a0}.product-card .product-img{object-fit:contain;background:#fafafa;border-radius:8px;width:100%;height:240px;margin-bottom:1rem}.product-card .product-rating{align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:14px;display:flex}.product-card .product-rating .stars{color:#2db9a0;font-size:18px}.product-card .product-rating .rating-value{color:#000;font-weight:500}.product-card .product-rating .review-count{color:#666}.product-card .product-name{color:#000;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px;margin-bottom:.5rem;font-size:16px;font-weight:600;display:-webkit-box;overflow:hidden}.product-card .product-description{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.product-card .price-box{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.product-card .price-box .price{color:#000;font-size:20px;font-weight:700}.product-card .price-box .price-strike{color:#888;font-size:15px;font-weight:500;text-decoration:line-through}.product-card .price-box .discount-badge{color:#000;white-space:nowrap;background:#7dd1b8;border-radius:4px;padding:.15rem .4rem;font-size:12px;font-weight:700}.product-card .btn-add-cart{color:#000;cursor:pointer;background:#7dd1b8;border:none;border-radius:8px;width:100%;padding:.8rem;font-size:16px;font-weight:500;transition:all .3s}.product-card .btn-add-cart:hover:not(:disabled){color:#fff;background:#188a69;transform:translateY(-2px)}.product-card .btn-add-cart:disabled{color:#6b7280;cursor:not-allowed;opacity:.7;background:#d1d5db}.product-card .btn-add-cart:disabled:hover{transform:none}.pagination{justify-content:center;align-items:center;gap:2rem;margin:3rem 0;padding:2rem 0;display:flex}.pagination .pagination-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:15px;font-weight:500;transition:all .3s;display:flex}.pagination .pagination-btn:hover:not(:disabled){color:#fff;background:#2db9a0;border-color:#2db9a0;transform:translateY(-2px);box-shadow:0 4px 12px #2db9a033}.pagination .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination .pagination-btn span{font-size:12px}.pagination .page-info{color:#333;padding:0 1rem;font-size:15px;font-weight:500}.pagination .page-info span{color:#666}.loading-state,.no-products{text-align:center;color:#666;padding:4rem 2rem;font-size:18px}.features-section{background:#f8f9fa;margin:3rem 0;padding:3rem 2rem}.features-section .features-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1300px;margin:0 auto;display:grid}.features-section .feature-item{text-align:center;padding:1.5rem}.features-section .feature-item .feature-icon{justify-content:center;margin-bottom:1rem;display:flex}.features-section .feature-item .feature-title{color:#333;font-size:14px;font-weight:500;line-height:1.5}.why-medical-approach{background:#fff;padding:4rem 2rem}.why-medical-approach .medical-approach-container{max-width:1300px;margin:0 auto}.why-medical-approach .medical-approach-content{align-items:center;gap:4rem;display:flex}.why-medical-approach .content-left{flex:1;max-width:700px}.why-medical-approach .medical-approach-title{color:#000;margin-bottom:1rem;font-size:32px;font-weight:600;line-height:1.3}.why-medical-approach .medical-approach-description{color:#666;font-size:14px;line-height:1.6}.why-medical-approach .benefits-grid{flex:1;justify-content:flex-end;gap:2rem;display:flex}.why-medical-approach .benefit-card{text-align:center;flex-direction:column;align-items:center;display:flex}.why-medical-approach .benefit-card .benefit-icon{justify-content:center;margin-bottom:1rem;display:flex}.why-medical-approach .benefit-card .benefit-number-icon{background:#e8f8f5;border-radius:10px;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.why-medical-approach .benefit-card .benefit-number-icon span{color:#2db9a0;font-size:32px;font-weight:600}.why-medical-approach .benefit-card .benefit-title{color:#000;max-width:120px;font-size:14px;font-weight:500;line-height:1.4}.why-medical-approach .benefit-card .benefit-description{color:#666;font-size:14px;line-height:1.6}.consultation-cta{text-align:center;background:linear-gradient(135deg,#f5f9f8 0%,#e8f8f5 100%);padding:4rem 2rem}.consultation-cta .consultation-container{max-width:800px;margin:0 auto}.consultation-cta .consultation-title{color:#000;margin-bottom:1rem;font-size:36px;font-weight:600}.consultation-cta .consultation-description{color:gray;margin-bottom:2rem;font-size:16px;line-height:1.6}.consultation-cta .consultation-btn{color:#2db9a0;cursor:pointer;background:#fff;border:1px solid #2db9a0;border-radius:8px;padding:1rem 2.5rem;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.consultation-cta .consultation-btn:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width:1024px){.category-hero .category-title{font-size:36px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.why-medical-approach .medical-approach-content{gap:3rem}.why-medical-approach .medical-approach-title{font-size:28px}.why-medical-approach .benefits-grid{gap:1.5rem}}@media (max-width:768px){.filter-modal,.sort-modal{width:100%;max-width:none;left:0;right:0}.breadcrumb{padding:.8rem 1rem}.category-hero{padding:2rem 1rem}.category-hero .category-title{font-size:28px}.category-hero .category-description{font-size:14px}.product-category-container{padding:0 1rem}.product-filters{gap:.75rem}.product-filters .filter-btn,.product-filters .sort-btn{flex:1}.pagination{gap:1rem;margin:2rem 0;padding:1.5rem 0}.pagination .pagination-btn{padding:.65rem 1rem;font-size:14px}.pagination .pagination-btn span{display:none}.pagination .page-info{padding:0 .5rem;font-size:14px}.product-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.product-card{padding:.75rem}.product-card .product-img{height:160px;margin-bottom:.75rem}.product-card .product-rating{margin-bottom:.5rem;font-size:12px}.product-card .product-rating .stars{font-size:14px}.product-card .product-name{min-height:36px;margin-bottom:.4rem;font-size:13px}.product-card .product-description{margin-bottom:.75rem;font-size:12px}.product-card .price-box{gap:.35rem;margin-bottom:.75rem}.product-card .price-box .price{font-size:16px}.product-card .price-box .price-strike{font-size:13px}.product-card .price-box .discount-badge{font-size:10px}.product-card .btn-add-cart{white-space:nowrap;text-overflow:ellipsis;padding:.65rem .5rem;font-size:12px;overflow:hidden}.product-card .sale-badge{padding:.25rem .6rem;font-size:10px}.product-card .wishlist-btn{width:32px;height:32px;font-size:16px}.features-section{padding:2rem 1rem}.features-section .features-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.features-section .feature-item{padding:1rem}.features-section .feature-item .feature-title{font-size:12px}.why-medical-approach{padding:2rem 1rem}.why-medical-approach .medical-approach-content{flex-direction:column;gap:2rem}.why-medical-approach .content-left{text-align:center;max-width:100%}.why-medical-approach .medical-approach-title{font-size:24px}.why-medical-approach .medical-approach-description{font-size:14px}.why-medical-approach .benefits-grid{justify-content:center;gap:1.5rem}.why-medical-approach .benefit-card .benefit-number-icon{width:60px;height:60px}.why-medical-approach .benefit-card .benefit-number-icon span{font-size:28px}.why-medical-approach .benefit-card .benefit-title{max-width:100px;font-size:12px}.consultation-cta{padding:2rem 1rem}.consultation-cta .consultation-title{font-size:24px}.consultation-cta .consultation-description{font-size:14px}}@media (max-width:480px){.product-category-container{padding:0 .5rem}.pagination{gap:.75rem;margin:1.5rem 0;padding:1rem 0}.pagination .pagination-btn{padding:.5rem .75rem;font-size:13px}.pagination .page-info{font-size:13px}.product-grid{gap:.5rem}.product-card{padding:.5rem}.product-card .product-img{height:140px;margin-bottom:.5rem}.product-card .product-name{min-height:32px;font-size:12px}.product-card .product-description{font-size:11px}.product-card .price-box .price{font-size:14px}.product-card .price-box .price-strike{font-size:12px}.product-card .price-box .discount-badge{font-size:9px}.product-card .btn-add-cart{padding:.5rem .4rem;font-size:11px}.features-section .features-container{grid-template-columns:1fr}}