.shop-page{min-height:100vh;background:var(--color-gray-50)}.shop-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:var(--spacing-8) 0;margin-bottom:var(--spacing-6)}.shop-header h1{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-2)}.shop-header p{font-size:var(--font-size-lg);opacity:.9}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);flex-wrap:wrap}.shop-header .breadcrumb{color:#fffc}.shop-header .breadcrumb a{color:#fffc;text-decoration:none}.shop-header .breadcrumb a:hover{color:#fff;text-decoration:underline}.product-page .breadcrumb{color:var(--color-gray-500);padding:var(--spacing-4) 0}.product-page .breadcrumb a{color:var(--color-gray-600);text-decoration:none}.product-page .breadcrumb a:hover{color:var(--color-primary)}.breadcrumb .separator{color:var(--color-gray-400)}.shop-container{padding:var(--spacing-4) 0}.mobile-filter-toggle{display:none;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-weight:600;color:var(--color-gray-700);cursor:pointer;margin-bottom:var(--spacing-4);width:100%;justify-content:center}.filter-badge{background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);padding:2px 8px;border-radius:999px}.shop-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-6);align-items:start}.shop-filters{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-5);position:sticky;top:var(--spacing-4)}.filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-100)}.filters-header h2{font-size:var(--font-size-lg);font-weight:700;color:var(--color-gray-900)}.clear-filters{font-size:var(--font-size-sm);color:var(--color-primary);background:none;border:none;cursor:pointer;font-weight:500}.clear-filters:hover{text-decoration:underline}.close-filters{display:none;background:none;border:none;cursor:pointer;color:var(--color-gray-500)}.filter-group{border-bottom:1px solid var(--color-gray-100)}.filter-group.filter-group-last{border-bottom:none}.filter-group-header{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3) 0;background:none;border:none;cursor:pointer;text-align:left}.filter-group-header:hover{opacity:.8}.filter-group-header h3{flex:1;font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-900);text-transform:uppercase;letter-spacing:.05em;margin:0}.filter-group-count{font-size:var(--font-size-xs);color:var(--color-gray-400);background:var(--color-gray-100);padding:2px 8px;border-radius:999px}.filter-active-indicator{font-size:var(--font-size-xs);color:#fff;background:var(--color-primary);padding:2px 8px;border-radius:999px;font-weight:600}.filter-chevron{color:var(--color-gray-400);transition:transform var(--transition-fast);flex-shrink:0}.filter-chevron.expanded{transform:rotate(180deg)}.filter-options{display:flex;flex-direction:column;gap:var(--spacing-1);padding-bottom:var(--spacing-3);max-height:200px;overflow-y:auto}.filter-option{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.filter-option:hover{background:var(--color-gray-50)}.filter-option.selected{background:var(--color-primary-light)}.filter-option input[type=radio],.filter-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.filter-label{flex:1;font-size:var(--font-size-sm);color:var(--color-gray-700)}.filter-count{font-size:11px;color:var(--color-gray-500);background:var(--color-gray-100);padding:2px 6px;border-radius:999px;font-weight:500}.filter-option.selected .filter-count{background:var(--color-primary);color:#fff}.apply-filters-btn{display:none;width:100%;padding:var(--spacing-3);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;margin-top:var(--spacing-4)}.shop-products{min-width:0}.products-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.results-count{font-size:var(--font-size-sm);color:var(--color-gray-600)}.sort-select{display:flex;align-items:center;gap:var(--spacing-2)}.sort-select label{font-size:var(--font-size-sm);color:var(--color-gray-600)}.sort-select select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#fff;cursor:pointer}.active-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.active-filter-tag{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);background:var(--color-primary-light);color:var(--color-primary-dark);border:none;border-radius:999px;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.active-filter-tag:hover{background:var(--color-primary);color:#fff}.clear-all-filters{padding:var(--spacing-2) var(--spacing-3);background:none;border:1px dashed var(--color-gray-300);border-radius:999px;font-size:var(--font-size-sm);color:var(--color-gray-500);cursor:pointer}.clear-all-filters:hover{border-color:var(--color-gray-400);color:var(--color-gray-600)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.product-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--transition-normal);position:relative}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-badges{position:absolute;top:var(--spacing-3);left:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-1);z-index:10}.badge{padding:4px 10px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-md)}.badge-new{background:var(--color-primary);color:#fff}.badge-bestseller{background:var(--color-accent);color:#fff}.badge-discount{background:var(--color-error);color:#fff}.product-image-container{aspect-ratio:1;background:var(--color-gray-50);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.product-card:hover .product-image{transform:scale(1.05)}.product-content{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}.product-brand{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.product-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-rating{display:flex;align-items:center;gap:var(--spacing-1)}.stars{display:flex;gap:2px}.star-filled{color:#fbbf24}.star-empty{color:var(--color-gray-300)}.rating-count{font-size:var(--font-size-xs);color:var(--color-gray-500)}.product-description{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price-container{display:flex;align-items:baseline;gap:var(--spacing-2);margin-top:auto}.original-price{font-size:var(--font-size-sm);color:var(--color-gray-400);text-decoration:line-through}.product-price{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900)}.product-delivery{display:flex;align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-2)}.delivery-icon{color:var(--color-success);flex-shrink:0}.delivery-icon.out-of-stock{color:var(--color-error)}.delivery-text{font-size:var(--font-size-sm);color:var(--color-success);font-weight:500}.delivery-text.out-of-stock{color:var(--color-error)}.no-products{text-align:center;padding:var(--spacing-12);background:#fff;border-radius:var(--radius-xl);color:var(--color-gray-500)}.no-products svg{margin-bottom:var(--spacing-4)}.no-products h3{font-size:var(--font-size-xl);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.no-products p{margin-bottom:var(--spacing-6)}.product-page{background:#fff;min-height:100vh;padding-bottom:var(--spacing-12)}.product-detail{margin-top:var(--spacing-4)}.product-detail-layout{display:grid;grid-template-columns:1fr 420px;gap:var(--spacing-8);align-items:start}.product-gallery{position:relative}.gallery-badges{position:absolute;top:var(--spacing-4);left:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2);z-index:10}.gallery-badge{display:inline-block;padding:4px 12px;font-size:13px;font-weight:600;border-radius:4px}.gallery-badge.badge-discount{background:#f60;color:#fff}.gallery-badge.badge-new{background:var(--color-primary);color:#fff}.gallery-badge.badge-bestseller{background:#fbbf24;color:#1a1a1a}.main-image-wrapper{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);overflow:hidden}.main-image{width:100%;height:100%;object-fit:cover}.image-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--color-gray-200);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.image-nav:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.image-nav-prev{left:var(--spacing-2)}.image-nav-next{right:var(--spacing-2)}.thumbnail-list{display:flex;gap:var(--spacing-2);justify-content:flex-start;flex-wrap:wrap}.thumbnail{width:72px;height:72px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-1);background:#fff;cursor:pointer;transition:all var(--transition-fast)}.thumbnail:hover{border-color:var(--color-gray-400)}.thumbnail.active{border-color:var(--color-primary);border-width:2px}.thumbnail img{width:100%;height:100%;object-fit:contain}.thumbnail-more{display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-gray-600);background:var(--color-gray-100)}.product-info-panel{position:sticky;top:var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-6);background:#fff}.product-title-large{font-size:22px;font-weight:700;color:#1a1a1a;line-height:1.3;margin:0 0 var(--spacing-2)}.product-rating-row{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.stars-inline{display:flex;gap:1px}.stars-inline .star-filled{color:#fbbf24}.stars-inline .star-empty{color:var(--color-gray-300)}.rating-text{font-size:13px;color:var(--color-gray-600)}.rating-text:hover{color:var(--color-primary);text-decoration:underline;cursor:pointer}.brand-label-row{margin-bottom:var(--spacing-3)}.brand-name{font-size:14px;color:var(--color-primary);font-weight:500}.brand-name:hover{text-decoration:underline;cursor:pointer}.short-description{font-size:14px;color:var(--color-gray-600);line-height:1.5;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-100)}.price-section{margin-bottom:var(--spacing-3)}.original-price-label{font-size:13px;color:var(--color-gray-500)}.original-price-label:after{content:"";display:inline-block;width:100%}.current-price-row{display:flex;align-items:baseline;gap:var(--spacing-2)}.current-price{font-size:32px;font-weight:700;color:#1a1a1a;letter-spacing:-.5px}.discount-tag{background:#f60;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px}.delivery-info{margin-bottom:var(--spacing-4)}.delivery-row{display:flex;align-items:center;gap:var(--spacing-2);font-size:14px}.delivery-row.delivery-positive{color:#00811c}.delivery-row.delivery-positive svg{color:#00811c}.delivery-row.delivery-negative{color:var(--color-error)}.delivery-row.delivery-negative svg{color:var(--color-error)}.quantity-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.quantity-label{font-size:14px;color:var(--color-gray-700)}.quantity-controls{display:flex;align-items:center;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden}.qty-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-50);border:none;cursor:pointer;color:var(--color-gray-700);transition:all var(--transition-fast)}.qty-btn:hover:not(:disabled){background:var(--color-gray-100)}.qty-btn:disabled{color:var(--color-gray-300);cursor:not-allowed}.qty-value{width:40px;text-align:center;font-weight:600;font-size:14px;color:#1a1a1a}.cta-buttons{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.btn-primary-green{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:14px var(--spacing-6);background:#00811c;color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-primary-green:hover:not(:disabled){background:#006b17}.btn-primary-green:disabled{background:var(--color-gray-300);cursor:not-allowed}.btn-secondary-outline{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:12px var(--spacing-4);background:#fff;color:#1a1a1a;border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary-outline:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.btn-icon-outline{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--color-gray-500)}.btn-icon-outline:hover{border-color:var(--color-gray-400);background:var(--color-gray-50);color:#e11d48}.benefits-list{display:flex;flex-direction:column;gap:var(--spacing-2);padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-100)}.benefit-item{display:flex;align-items:flex-start;gap:var(--spacing-2);font-size:13px;color:var(--color-gray-700);line-height:1.4}.benefit-item svg{color:#00811c;flex-shrink:0;margin-top:1px}.benefit-item .green-text{color:#00811c}.benefit-item .blue-text{color:var(--color-primary)}.product-details-section{margin-top:var(--spacing-8);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6)}.product-tabs,.product-specs{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-6)}.product-tabs h2,.product-specs h2{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-100)}.product-full-description{font-size:14px;color:var(--color-gray-600);line-height:1.7}.features-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:var(--spacing-6) 0 var(--spacing-3)}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.features-list li{display:flex;align-items:flex-start;gap:var(--spacing-2);font-size:14px;color:var(--color-gray-700);line-height:1.4}.features-list svg{color:#00811c;flex-shrink:0;margin-top:2px}.specs-table{width:100%;border-collapse:collapse}.specs-table tr{border-bottom:1px solid var(--color-gray-100);display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-4)}.specs-table tr:last-child{border-bottom:none}.specs-table th,.specs-table td{padding:var(--spacing-3) 0;font-size:14px}.specs-table th{color:var(--color-gray-500);font-weight:500;text-align:left}.specs-table td{color:#1a1a1a;font-weight:500;text-align:right}.related-products{margin-top:var(--spacing-12)}.related-products h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-6)}.related-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4)}@media(max-width:1200px){.product-detail-layout{grid-template-columns:1fr 380px}.products-grid{grid-template-columns:repeat(2,1fr)}.related-products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.shop-layout{grid-template-columns:1fr}.mobile-filter-toggle{display:flex}.shop-filters{position:fixed;inset:0;z-index:1000;border-radius:0;overflow-y:auto;transform:translate(-100%);transition:transform var(--transition-normal)}.shop-filters.open{transform:translate(0)}.close-filters,.apply-filters-btn{display:block}.filters-overlay{position:fixed;inset:0;background:#00000080;z-index:999}.product-detail-layout{grid-template-columns:1fr;gap:var(--spacing-4)}.product-info-panel{position:static}.product-details-section{grid-template-columns:1fr}.related-products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.shop-header{padding:var(--spacing-6) 0}.shop-header h1{font-size:var(--font-size-2xl)}.products-header{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.product-content{padding:var(--spacing-3)}.product-title{font-size:var(--font-size-sm)}.product-description{display:none}.product-info-panel{padding:var(--spacing-4)}.product-title-large{font-size:18px}.current-price{font-size:26px}.cta-buttons{grid-template-columns:1fr}.btn-secondary-outline{order:1}.btn-icon-outline{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:40px;height:40px}.related-products-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.breadcrumb{font-size:var(--font-size-xs)}}@media(max-width:480px){.products-grid,.related-products-grid{grid-template-columns:1fr}.thumbnail-list{justify-content:flex-start;overflow-x:auto;padding-bottom:var(--spacing-2)}.thumbnail{width:60px;height:60px;flex-shrink:0}}