.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)}.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-label{font-size:var(--font-size-sm);color:var(--color-gray-600);white-space:nowrap}.sort-control{position:relative}.sort-trigger{display:flex;align-items:center;gap:var(--spacing-3);min-width:190px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);font-family:inherit;font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-900);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.sort-trigger:hover{border-color:var(--color-gray-400)}.sort-trigger:focus-visible,.sort-trigger.open{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.sort-value{flex:1;text-align:left}.sort-chevron{color:var(--color-gray-500);flex-shrink:0;transition:transform var(--transition-fast)}.sort-trigger.open .sort-chevron{transform:rotate(180deg)}.sort-menu{position:absolute;top:calc(100% + var(--spacing-2));right:0;z-index:20;min-width:100%;max-height:320px;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:var(--spacing-2);list-style:none;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:sort-menu-in .12s ease-out}@keyframes sort-menu-in{0%{opacity:0;transform:translateY(-4px)}}.sort-option{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;white-space:nowrap}.sort-option[data-active=true]{background:var(--color-gray-50);color:var(--color-gray-900)}.sort-option.selected{color:var(--color-primary-dark);font-weight:600}.sort-option.selected[data-active=true]{background:var(--color-primary-light)}.sort-option svg{color:var(--color-primary);flex-shrink:0}@media(prefers-reduced-motion:reduce){.sort-menu{animation:none}.sort-chevron{transition:none}}.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:#f88613}.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,.gallery-badge.badge-new,.gallery-badge.badge-bestseller{background:var(--color-primary);color:#fff}.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:var(--color-gray-900);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:#f88613}.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:var(--color-gray-900);letter-spacing:-.5px}.discount-tag{background:var(--color-primary);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:var(--color-primary)}.delivery-row.delivery-positive svg{color:var(--color-primary)}.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:var(--color-gray-900)}.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:var(--color-primary);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:var(--color-primary-dark)}.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:var(--color-gray-900);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:var(--color-primary)}.favorite-btn{display:flex;align-items:center;justify-content:center;border:1px solid var(--color-gray-200);background:#fff;color:var(--color-gray-500);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.favorite-btn:hover,.favorite-btn.is-active{color:var(--color-primary);border-color:var(--color-primary)}.favorite-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.favorite-btn-card{position:absolute;top:var(--spacing-3);right:var(--spacing-3);z-index:11;width:36px;height:36px;border-radius:var(--radius-full);background:#ffffffeb;box-shadow:var(--shadow-sm)}.favorite-btn-card:hover{background:#fff}.favorite-btn-detail{width:48px;height:48px;border-color:var(--color-gray-300);border-radius:var(--radius-lg);flex-shrink:0}.favorite-btn-detail:hover{background:var(--color-gray-50)}.favorite-btn.is-pop svg{animation:favorite-pop .3s ease}@keyframes favorite-pop{0%{transform:scale(1)}45%{transform:scale(1.3)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.favorite-btn.is-pop svg{animation:none}}.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:var(--color-primary);flex-shrink:0;margin-top:1px}.benefit-item .green-text,.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:var(--color-gray-900);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:var(--color-gray-900);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:var(--color-primary);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:var(--color-gray-900);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)}@keyframes related-card-in{0%{opacity:.5;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.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{display:flex;gap:var(--spacing-3);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(var(--spacing-4) * -1);padding-inline:var(--spacing-4);padding-bottom:var(--spacing-2);scroll-padding-inline:var(--spacing-4)}.related-products-grid::-webkit-scrollbar{display:none}.related-products-grid .product-card{flex:0 0 58%;scroll-snap-align:start}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.related-products-grid .product-card{animation:related-card-in linear both;animation-timeline:view(inline);animation-range:entry 0% entry 55%}}}.breadcrumb{font-size:var(--font-size-xs)}}@media(max-width:480px){.products-grid{grid-template-columns:1fr}.related-products-grid .product-card{flex-basis:70%}.thumbnail-list{justify-content:flex-start;overflow-x:auto;padding-bottom:var(--spacing-2)}.thumbnail{width:60px;height:60px;flex-shrink:0}}.shop-search{position:relative;margin-bottom:var(--spacing-5);z-index:30}.shop-search.is-focused{z-index:1100}.shop-searchbar{position:relative;z-index:1;display:flex;align-items:center;gap:var(--spacing-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:0 var(--spacing-4);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.shop-searchbar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.shop-searchbar svg{color:var(--color-gray-500);flex-shrink:0}.shop-searchbar input{flex:1;border:none;outline:none;padding:var(--spacing-4) 0;font-size:var(--font-size-base);font-family:inherit;color:var(--color-gray-900);background:transparent;min-width:0}.shop-searchbar input::-webkit-search-cancel-button{display:none}.search-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-600);cursor:pointer;flex-shrink:0;transition:background-color var(--transition-fast)}.search-clear:hover{background:var(--color-gray-200);color:var(--color-gray-900)}.filter-search{width:100%;padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-2);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;outline:none;transition:border-color var(--transition-fast)}.filter-search:focus{border-color:var(--color-primary)}.filter-subgroup{display:flex;flex-direction:column;gap:var(--spacing-1)}.filter-subgroup+.filter-subgroup{margin-top:var(--spacing-3)}.filter-subgroup-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500);padding:0 var(--spacing-2)}.filter-option.is-empty{opacity:.45}.filter-option.is-empty:hover{background:transparent}.universal-toggle{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px dashed var(--color-gray-200)}.color-option{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2);border:1px solid transparent;border-radius:var(--radius-md);background:none;font-family:inherit;text-align:left;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.color-option:hover{background:var(--color-gray-50)}.color-option.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.color-swatch{width:20px;height:20px;border-radius:var(--radius-full);border:1px solid var(--color-gray-300);flex-shrink:0;box-shadow:inset 0 0 0 2px var(--color-white)}.color-swatch.is-transparent{background:repeating-conic-gradient(var(--color-gray-200) 0% 25%,var(--color-white) 0% 50%) 50% / 8px 8px}.color-label{flex:1;font-size:var(--font-size-sm);color:var(--color-gray-700)}.color-option.selected .color-label{font-weight:600;color:var(--color-gray-900)}.price-inputs{display:flex;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-2) 0;border-top:1px dashed var(--color-gray-200);margin-top:var(--spacing-2)}.price-inputs label{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.price-inputs span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500)}.price-inputs input{width:100%;padding:var(--spacing-2);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;outline:none;transition:border-color var(--transition-fast)}.price-inputs input:focus{border-color:var(--color-primary)}.results-shown{color:var(--color-gray-500);font-weight:400}.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-8);padding:var(--spacing-3);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pagination-pages{display:flex;align-items:center;gap:var(--spacing-1);margin:0;padding:0;list-style:none}.pagination-page,.pagination-nav{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);height:40px;min-width:40px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:#fff;color:var(--color-gray-700);font-family:inherit;font-size:var(--font-size-sm);font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.pagination-nav{padding:0 var(--spacing-4)}.pagination-page:hover,.pagination-nav:not(:disabled):hover{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent-dark)}.pagination-page:focus-visible,.pagination-nav:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.pagination-page.is-current,.pagination-page.is-current:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;cursor:default}.pagination-nav:disabled{opacity:.4;cursor:not-allowed}.pagination-gap{display:inline-flex;align-items:flex-end;justify-content:center;height:40px;min-width:28px;padding-bottom:var(--spacing-2);color:var(--color-gray-500);user-select:none}.pagination-status{margin-top:var(--spacing-3);text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-600)}.pagination-status strong{color:var(--color-gray-800);font-weight:600;font-variant-numeric:tabular-nums}.no-products .btn+.btn{margin-top:var(--spacing-3)}@media(max-width:768px){.shop-searchbar{padding:0 var(--spacing-3)}.shop-searchbar input{padding:var(--spacing-3) 0;font-size:16px}.pagination{gap:var(--spacing-1);padding:var(--spacing-2)}.pagination-nav{padding:0}.pagination-nav span{display:none}}.shop-page{--header-height: 156px}@media(min-width:993px){.shop-filters{position:sticky;top:calc(var(--header-height) + var(--spacing-4));max-height:calc(100vh - var(--header-height) - var(--spacing-8));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}.shop-filters{padding-top:0}.shop-filters .filters-header{position:sticky;top:0;z-index:2;background:#fff;padding-top:var(--spacing-5)}}.filter-more{align-self:flex-start;margin:var(--spacing-1) 0 0 var(--spacing-2);padding:var(--spacing-1) 0;background:none;border:none;font-family:inherit;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);cursor:pointer}.filter-more:hover{text-decoration:underline}@media(max-width:992px){.shop-filters{max-height:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}.search-backdrop{position:fixed;inset:0;z-index:0;background:#21252973;animation:search-backdrop-in .18s ease}@keyframes search-backdrop-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.search-backdrop{animation:none}}.shop-searchbar.menu-open{border-color:var(--color-primary);border-bottom-color:var(--color-gray-200);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none}.search-suggesties{position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:31;background:var(--color-white);border:1px solid var(--color-primary);border-top:1px solid var(--color-gray-200);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 16px 32px -12px #00000040;padding:var(--spacing-2)}.search-suggestie{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);border-radius:var(--radius-md);text-decoration:none;color:inherit}.search-suggestie.active{background:var(--color-primary-light)}.search-suggestie img{width:44px;height:44px;object-fit:contain;flex-shrink:0;background:var(--color-gray-50);border-radius:var(--radius-md);padding:2px}.suggestie-tekst{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.suggestie-naam{font-size:var(--font-size-sm);color:var(--color-gray-900);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.suggestie-naam mark{background:none;color:var(--color-primary-dark);font-weight:700}.suggestie-merk{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500)}.suggestie-prijs{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:var(--font-size-sm);font-weight:700;color:var(--color-gray-900);white-space:nowrap}.suggestie-voorraad{font-size:11px;font-weight:500;color:var(--color-gray-500)}.search-leeg{padding:var(--spacing-5) var(--spacing-3);text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-600)}@media(max-width:768px){.search-suggesties{max-height:60vh}.search-suggestie img{width:38px;height:38px}}.suggestie-groep+.suggestie-groep{margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--color-gray-100)}.suggestie-groep-titel{display:block;padding:var(--spacing-1) var(--spacing-2) var(--spacing-2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500)}.search-term{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-2);border:none;border-radius:var(--radius-md);background:none;font-family:inherit;font-size:var(--font-size-sm);color:var(--color-gray-700);text-align:left;cursor:pointer}.search-term.active{background:var(--color-primary-light)}.search-term svg{color:var(--color-gray-400);flex-shrink:0}.term-tekst{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.term-tekst strong{font-weight:700;color:var(--color-gray-900)}.term-aantal{font-size:11px;font-weight:500;color:var(--color-gray-500);background:var(--color-gray-100);padding:2px 6px;border-radius:999px;flex-shrink:0}.search-term.active .term-aantal{background:var(--color-white);color:var(--color-primary-dark)}