.product-category-page{min-height:100vh}.breadcrumb{padding:var(--spacing-lg) 0;background-color:#fff}.breadcrumb-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.9375rem;font-weight:500;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--color-primary-dark);text-decoration:underline}.breadcrumb-separator{margin:0 var(--spacing-sm);color:var(--color-gray-400)}.breadcrumb-current{color:var(--color-gray-600);font-size:.9375rem}.category-header{padding:4rem 0;background:linear-gradient(135deg,var(--color-primary) 0%,#1e5a8e 100%);text-align:center;position:relative;overflow:hidden}.category-header:after{content:"";position:absolute;inset:0;background-image:url(/assets/images/pins.webp);background-size:cover;background-position:center;opacity:.07;pointer-events:none;z-index:0}.category-header .container{position:relative;z-index:1}.category-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:var(--spacing-md)}.category-description{font-size:1.125rem;color:#ffffffe0;max-width:800px;margin:0 auto;line-height:1.6;white-space:pre-line}.category-products{padding:var(--spacing-3xl) 0;background-color:#fff}.category-key-features{display:inline-block;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:50px;margin-top:2rem;font-size:.95rem;color:var(--color-white);letter-spacing:.5px;box-shadow:0 4px 15px #0000001a}.category-key-features strong{color:var(--color-secondary);font-weight:700;margin-right:.5rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-xl)}.brand-hero-container{display:flex;flex-direction:column;gap:2rem;max-width:1100px;margin:0 auto}.brand-hero{display:flex;flex-direction:column-reverse;background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);position:relative}.brand-hero:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-light)}.brand-hero-content{padding:var(--spacing-2xl);flex:1;display:flex;flex-direction:column;justify-content:center}.hand-sewing-needles-category .category-header{padding:4rem 0}.hand-sewing-needles-category .category-title{color:#fff}.category-intro{max-width:1000px;margin:0 auto}.category-intro-header{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem}.hand-sewing-needles-category .category-title{font-size:2.5rem;margin-bottom:0}.download-catalogue-btn{font-size:.95rem;padding:.75rem 1.5rem}.category-features{display:flex;gap:2rem;justify-content:center;list-style:none;padding:0;margin:1.5rem 0;flex-wrap:wrap}.category-features li{background:var(--color-primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;box-shadow:0 2px 8px #1e3a5f26}.see-complete-range-btn{margin-top:1rem}.hand-sewing-needles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem 0}.needle-product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:all .3s ease;cursor:pointer;border:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;position:relative}.needle-anatomy-section{padding:4rem 0;background:#fff}.needle-anatomy-wrapper{max-width:900px;margin:2rem auto 0;padding:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 12px #0000000d}.needle-anatomy-wrapper img{width:100%;height:auto;display:block;border-radius:8px}.needle-product-card .product-tag-fast-moving{position:absolute;top:12px;left:12px;z-index:2;display:inline-block;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.4rem .8rem;border-radius:999px;box-shadow:0 3px 10px #1e3a5f4d;border:1px solid rgba(255,255,255,.2);pointer-events:none}.needle-product-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.needle-product-image{width:100%;height:320px;background:#fff;display:flex;align-items:center;justify-content:center;padding:2rem;border-bottom:1px solid #f3f4f6;position:relative}.needle-product-image img{width:100%;height:100%;object-fit:contain;object-position:center}.needle-product-info{padding:1.5rem;display:flex;flex-direction:column;flex:1}.needle-product-title{font-size:1.1rem;font-weight:700;color:var(--color-primary);margin-bottom:.75rem;line-height:1.4}.needle-product-usage{color:#6b7280;font-size:.9rem;margin-bottom:1rem;line-height:1.5}.needle-product-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding-top:.75rem;border-top:1px solid #f3f4f6;flex:1}.needle-product-size,.needle-product-packaging{font-size:.85rem;color:#4b5563}.view-details-btn{width:100%;justify-content:center}@media(max-width:768px){.hand-sewing-needles-grid{grid-template-columns:1fr;gap:1.5rem}.needle-product-image{height:280px;padding:1.5rem}.category-intro-header{flex-direction:column;text-align:center}.hand-sewing-needles-category .category-title{font-size:1.75rem}.category-features{flex-direction:column;gap:.75rem}.category-features li{text-align:center}}@media(min-width:769px)and (max-width:1024px){.hand-sewing-needles-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.hand-sewing-needles-grid{grid-template-columns:repeat(3,1fr)}}.sewing-machine-needles-category .category-header{padding:4rem 0}.sewing-machine-needles-category .category-title{font-size:2.5rem;margin-bottom:0;color:#fff}.available-systems{font-size:1rem;color:var(--color-gray-700);margin:.75rem 0;line-height:1.6}.point-type-note{font-size:.95rem;color:var(--color-primary);margin:.5rem 0 1.5rem}.sewing-machine-needles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem 0}.needle-product-system{color:var(--color-primary);font-size:.9rem;font-weight:600;margin-bottom:1rem}.needle-product-coating{font-size:.85rem;color:#4b5563}@media(max-width:768px){.sewing-machine-needles-grid{grid-template-columns:1fr;gap:1.5rem}.sewing-machine-needles-category .category-title{font-size:1.75rem}.available-systems,.point-type-note{font-size:.9rem}}@media(min-width:769px)and (max-width:1024px){.sewing-machine-needles-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.sewing-machine-needles-grid{grid-template-columns:repeat(3,1fr)}}.brand-banner{text-align:center;z-index:2}.brand-subtitle{text-transform:uppercase;font-size:.75rem;letter-spacing:2px;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-gray-500)}.brand-hero .brand-title{font-size:2.5rem;margin-bottom:var(--spacing-md);background:linear-gradient(45deg,var(--color-primary),var(--color-primary-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-hero .brand-description{font-size:1.1rem;max-width:600px;margin:0 auto var(--spacing-xl);color:var(--color-gray-600)}.brand-hero-image{width:100%;height:300px;position:relative;background:var(--color-gray-50);overflow:hidden}.brand-hero-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.brand-hero:hover .brand-hero-image img{transform:scale(1.05)}.hero-btn{align-self:center;min-width:180px;transition:all .3s cubic-bezier(.4,0,.2,1)}.brand-hero:hover .hero-btn{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media(min-width:768px){.brand-hero{flex-direction:row;text-align:left;height:400px}.brand-hero.panda{flex-direction:row-reverse}.brand-hero-content{flex:1;text-align:left;padding-left:4rem;align-items:flex-start}.brand-hero.panda .brand-hero-content{padding-left:var(--spacing-2xl);padding-right:4rem}.brand-hero .brand-description{margin-left:0;margin-right:0}.hero-btn{align-self:flex-start}.brand-hero-image{flex:1;height:auto;clip-path:polygon(10% 0,100% 0,100% 100%,0% 100%)}.brand-hero.panda .brand-hero-image{clip-path:polygon(0 0,90% 0,100% 100%,0% 100%)}}.brand-list{display:flex;flex-direction:column;gap:var(--spacing-3xl);max-width:1000px;margin:0 auto}.brand-section{display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center;background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.brand-image{width:100%;max-width:400px;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius-md);background-color:var(--color-gray-50)}.brand-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.brand-section:hover .brand-image img{transform:scale(1.05)}.brand-content{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:var(--spacing-md)}.brand-title{font-size:1.75rem;color:var(--color-primary);margin:0}.brand-description{color:var(--color-gray-600);line-height:1.6;margin:0}@media(min-width:768px){.brand-section{flex-direction:row;text-align:left;padding:0;background:transparent;box-shadow:none;border:none;gap:4rem}.brand-section.reverse{flex-direction:row-reverse}.brand-content{text-align:left;align-items:flex-start}.brand-image{box-shadow:var(--shadow-lg)}.products-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(4,1fr)}}.product-tile{background-color:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);overflow:hidden;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.product-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.product-tile-image{width:100%;aspect-ratio:1;background-color:var(--color-gray-50);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-tile-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:var(--spacing-lg)}.product-tile-content{padding:var(--spacing-lg);text-align:center}.product-tile-title{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-md);line-height:1.4;min-height:2.8em}.product-tile-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:background-color var(--transition-fast)}.product-tile-btn:hover{background-color:var(--color-primary-dark)}.mobile-filter-toggle{display:none}.inline-filters{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:0 1px 3px #0000000a}.inline-filter-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-gray-100);gap:var(--spacing-lg)}.inline-filter-row:last-child{border-bottom:none}.inline-filter-label{font-size:.75rem;font-weight:700;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em;min-width:120px;flex-shrink:0}.inline-filter-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.inline-filter-checkbox{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:.875rem;color:var(--color-gray-700);padding:4px 10px;border:1px solid var(--color-gray-200);border-radius:20px;transition:all .2s ease;background:var(--color-white);user-select:none}.inline-filter-checkbox:hover{border-color:var(--color-primary);background:#3b82f60a}.inline-filter-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);margin:0;cursor:pointer}.inline-filter-checkbox span{white-space:nowrap}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.result-count{color:var(--color-gray-600);font-size:.9rem;font-weight:500}.product-list-container{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:visible;box-shadow:0 1px 3px #0000000d;--product-list-grid: 260px minmax(200px, 2fr) minmax(80px, .8fr) minmax(80px, .8fr) minmax(90px, 1fr) minmax(90px, 1fr) 120px}.list-header{display:grid;grid-template-columns:var(--product-list-grid);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--color-gray-200);background:var(--color-white);align-items:end;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.list-header div{font-size:.7rem;font-weight:700;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em}.list-header .col-img{justify-content:center;display:flex}.list-header .col-details,.list-header .col-system,.list-header .col-point,.list-header .col-coating,.list-header .col-size{justify-content:flex-start;display:flex;padding-left:var(--spacing-sm)}.list-header .col-order{justify-content:flex-end;display:flex}.list-row{display:grid;grid-template-columns:var(--product-list-grid);gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-white);border-bottom:1px solid var(--color-gray-100);border-left:4px solid transparent;align-items:center;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.list-row:hover{background:#fafbff;border-left-color:var(--color-primary);box-shadow:0 4px 20px #0000000f;transform:translateY(-2px) translate(2px);z-index:10;border-radius:4px}.list-row:hover .product-image-container{transform:scale(1.08);box-shadow:0 8px 16px #0000001a}.list-row:hover .col-details h4{color:var(--color-primary)}.list-row:hover .see-more-btn{transform:scale(1.05);box-shadow:0 4px 8px #3b82f64d}.list-row:last-child{border-bottom:none;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.list-row .col-system,.list-row .col-point,.list-row .col-coating,.list-row .col-size{padding-left:var(--spacing-sm)}.col-img{display:flex;justify-content:center;align-items:center}.product-image-container{position:relative;width:240px;height:240px;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #00000014;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-image-container img{width:100%;height:100%;object-fit:contain;display:block}.col-details{padding-right:var(--spacing-lg);padding-left:var(--spacing-sm)}.col-details h4{font-size:.95rem;font-weight:700;color:var(--color-gray-900);margin-bottom:4px;line-height:1.4;transition:color .3s cubic-bezier(.4,0,.2,1)}.product-code{display:block;font-size:.8rem;color:var(--color-gray-600);margin-bottom:6px}.text-btn{background:none;border:none;color:#3b82f6;font-size:.75rem;font-weight:600;cursor:pointer;padding:0}.col-system,.col-point,.col-coating,.col-size{font-size:.9rem;color:var(--color-gray-600);display:flex;justify-content:flex-start;text-align:left;padding-left:var(--spacing-sm);white-space:normal;word-break:break-word;align-items:flex-start;padding-top:4px}.col-size{font-weight:700;color:var(--color-gray-900);display:flex;justify-content:flex-start;text-align:left;padding-left:var(--spacing-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:flex-start;padding-top:4px}.col-order{display:flex;justify-content:flex-end}.see-more-btn{white-space:nowrap;font-size:.75rem!important;padding:6px 12px!important;min-width:auto!important;height:auto!important;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:1024px){.mobile-filter-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;margin-bottom:var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:50px;font-size:.95rem;font-weight:600;color:var(--color-gray-700);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.mobile-filter-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.mobile-filter-toggle svg{flex-shrink:0}.inline-filters{display:none}.inline-filters.filters-open{display:block}.inline-filter-label{min-width:90px;font-size:.7rem}.inline-filter-row{flex-wrap:wrap;gap:8px}.list-header{display:none}.list-row{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:20px 16px;gap:0;border-left:none;margin-bottom:12px;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);box-shadow:0 1px 4px #0000000a}.list-row:hover{transform:none;border-left-color:transparent}.product-list-container{background:transparent;border:none;box-shadow:none;overflow:visible}.col-img{display:flex;justify-content:center;width:100%;margin-bottom:var(--spacing-lg)}.product-image-container{width:100%;height:280px;margin:0 auto;background:#fff;box-shadow:none;border-radius:var(--radius-md)}.product-image-container img{object-fit:contain;padding:16px}.col-details{width:100%;margin-bottom:var(--spacing-md);padding-left:0;padding-right:0}.col-details h4{font-size:1.2rem;font-weight:700;margin-bottom:4px}.product-code{font-size:.85rem;margin-bottom:8px}.text-btn{font-size:.85rem}.col-system,.col-point,.col-coating,.col-size{display:flex;justify-content:space-between;width:100%;border-bottom:1px dashed var(--color-gray-200);font-size:.9rem;align-items:center;padding:12px 0}.col-system:before{content:"SYSTEM";font-weight:700;font-size:.7rem;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.04em}.col-point:before{content:"POINT";font-weight:700;font-size:.7rem;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.04em}.col-coating:before{content:"COATING";font-weight:700;font-size:.7rem;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.04em}.col-size:before{content:"SIZE";font-weight:700;font-size:.7rem;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.04em}.col-size{border-bottom:none}.col-order{width:100%;justify-content:flex-end;margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-gray-100)}.col-order .see-more-btn{width:100%;justify-content:center;padding:10px 16px!important;font-size:.875rem!important}}@media(max-width:480px){.category-title{font-size:1.75rem}.category-description{font-size:1rem}.inline-filter-label{min-width:80px}.product-image-container{height:240px}.col-details h4{font-size:1.1rem}}.features-container{position:relative;display:inline-block}.features-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:320px;background:#fff;padding:24px;border-radius:4px;box-shadow:0 4px 20px #00000026;border:1px solid var(--color-gray-200);z-index:1000}@media(max-width:480px){.features-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-height:80vh;overflow-y:auto;margin-top:0;box-shadow:0 0 0 1000px #00000080}}.features-dropdown h4{margin:0 0 16px;font-size:.95rem;font-weight:700;color:var(--color-gray-900);text-transform:none}.features-list{display:flex;flex-direction:column}.feature-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--color-gray-200)}.feature-row:first-child{border-top:1px solid var(--color-gray-200)}.feature-label{flex:1;font-size:.85rem;font-weight:700;color:var(--color-gray-900);padding-right:12px}.feature-value{flex:1.5;font-size:.85rem;color:var(--color-gray-700);font-weight:400}.features-close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:1.5rem;color:var(--color-gray-400);cursor:pointer;line-height:.8;padding:4px;border-radius:4px;transition:all .2s}.features-close:hover{color:var(--color-gray-900)}.list-row.active-row{position:relative;z-index:50;box-shadow:0 4px 12px #0000000d}.category-video-showcase{padding:3rem 0;background:#f8fafc}.category-video-showcase .container{max-width:900px;margin:0 auto;padding:0 1.5rem}.video-showcase-title{text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:1.5rem}.video-showcase-wrapper{position:relative;width:100%;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #0000001f;background:#000}.video-showcase-wrapper video{display:block;width:100%;height:auto;max-height:500px;object-fit:contain;background:#000}@media(max-width:768px){.category-video-showcase{padding:2rem 0}.video-showcase-title{font-size:1.2rem;margin-bottom:1rem}.video-showcase-wrapper{border-radius:12px}.video-showcase-wrapper video{max-height:300px}}