:root{--primary-color: #fd79a8;--secondary-color: #fdcb6e;--accent-color: #6c5ce7;--boys-color: #74b9ff;--girls-color: #fd79a8;--unisex-color: #00cec9;--success-color: #00b894;--warning-color: #e17055;--error-color: #d63031;--white: #ffffff;--gray-50: #f8f9fa;--gray-100: #e9ecef;--gray-200: #dee2e6;--gray-300: #ced4da;--gray-400: #adb5bd;--gray-500: #6c757d;--gray-600: #495057;--gray-700: #343a40;--gray-800: #212529;--gray-900: #000000;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-heading: "Comic Sans MS", cursive, var(--font-family-base);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);line-height:1.6;color:var(--gray-700);background-color:var(--gray-50)}img{max-width:100%;height:auto;display:block}button{border:none;background:none;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-md)}@media (min-width: 640px){.container{padding:0 var(--space-lg)}}.kids-collection{background:linear-gradient(135deg,#fff5ee,#ffeaa7,#fab1a0);min-height:100vh}.collection-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 50%,var(--accent-color) 100%);color:var(--white);position:relative;overflow:hidden;padding:var(--space-3xl) 0}.collection-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 2px,transparent 2px),radial-gradient(circle at 80% 40%,rgba(255,255,255,.1) 3px,transparent 3px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.1) 2px,transparent 2px);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.collection-hero{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:center;position:relative;z-index:1}@media (min-width: 768px){.collection-hero{grid-template-columns:2fr 1fr}}.collection-title{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:var(--space-md)}@media (max-width: 767px){.collection-title{font-size:var(--font-size-3xl)}}.collection-description{font-size:var(--font-size-lg);opacity:.95;margin-bottom:var(--space-lg);max-width:600px}.collection-stats{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.product-count{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.age-range{background:#fff3;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-image img{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.quick-categories{background:var(--white);padding:var(--space-3xl) 0;box-shadow:var(--shadow-md)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-xl);color:var(--gray-800)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}@media (max-width: 640px){.category-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}.category-card{background:var(--white);border:3px solid transparent;border-radius:var(--radius-xl);padding:var(--space-lg);text-align:center;text-decoration:none;transition:all var(--transition-normal);box-shadow:var(--shadow-md);position:relative;overflow:hidden;display:block;color:inherit}.category-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:var(--transition-slow)}.category-card:hover:before{left:100%}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.category-card:focus{outline:2px solid var(--primary-color);outline-offset:2px}.category-boys{border-color:var(--boys-color)}.category-girls{border-color:var(--girls-color)}.category-baby-boys{border-color:var(--unisex-color)}.category-baby-girls{border-color:var(--accent-color)}.category-kids-ethnic-sets{border-color:var(--secondary-color)}.category-kids-accessories{border-color:var(--primary-color)}.category-icon{font-size:2.5rem;margin-bottom:var(--space-md);display:block}.category-card h3{color:var(--gray-800);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);font-size:var(--font-size-lg)}.category-card p{color:var(--gray-600);font-size:var(--font-size-sm)}.age-filter-section{background:var(--white);padding:var(--space-md) 0;box-shadow:var(--shadow-sm);border-top:1px solid var(--gray-200)}.age-filter-tabs{display:flex;gap:var(--space-sm);overflow-x:auto;padding:0 var(--space-md);scrollbar-width:none;-ms-overflow-style:none}.age-filter-tabs::-webkit-scrollbar{display:none}.age-tab{background:var(--gray-100);border:2px solid transparent;border-radius:var(--radius-full);padding:var(--space-sm) var(--space-md);white-space:nowrap;transition:all var(--transition-fast);font-weight:var(--font-weight-medium);color:var(--gray-700)}.age-tab.active,.age-tab[aria-selected=true]{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.age-tab:hover:not(.active){background:var(--warning-color);color:var(--white)}.age-tab:focus{outline:2px solid var(--primary-color);outline-offset:2px}.collection-content{padding:var(--space-xl) 0}.collection-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-xl);align-items:start}@media (max-width: 1023px){.collection-layout{grid-template-columns:1fr}}.collection-sidebar{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);position:sticky;top:var(--space-lg);max-height:calc(100vh - 2rem);overflow-y:auto}@media (max-width: 1023px){.collection-sidebar{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000;transform:translate(-100%);transition:transform var(--transition-normal);border-radius:0;overflow-y:auto}.collection-sidebar.show{transform:translate(0)}}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--gray-200)}.filters-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-800)}.close-filters{display:none;font-size:var(--font-size-2xl);color:var(--gray-500);padding:var(--space-xs);border-radius:var(--radius-md)}@media (max-width: 1023px){.close-filters{display:block}}.close-filters:hover{background:var(--gray-100);color:var(--gray-700)}.filter-section{margin-bottom:var(--space-xl);border:none}.filter-section legend{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-800);margin-bottom:var(--space-md)}.price-range-container{margin-top:var(--space-md)}.price-slider{width:100%;height:6px;border-radius:var(--radius-sm);background:var(--gray-200);-webkit-appearance:none;appearance:none;cursor:pointer}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;box-shadow:var(--shadow-sm)}.price-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;box-shadow:var(--shadow-sm)}.price-values{display:flex;justify-content:space-between;margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--gray-600)}.filter-options{display:flex;flex-direction:column;gap:var(--space-sm)}.filter-option{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.filter-option:hover{background:var(--gray-50)}.filter-option input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkmark{width:18px;height:18px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);position:relative;transition:all var(--transition-fast)}.filter-option input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.filter-option input[type=checkbox]:checked+.checkmark:after{content:"\2713";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.filter-option input[type=checkbox]:focus+.checkmark{outline:2px solid var(--primary-color);outline-offset:2px}.color-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-top:var(--space-md)}.color-option{width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);position:relative;border:2px solid transparent}.color-option:hover{transform:scale(1.1)}.color-option:focus{outline:2px solid var(--primary-color);outline-offset:2px}.color-option.selected:after{content:"\2713";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#000000b3;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-shadow:1px 1px 1px rgba(255,255,255,.8)}.clear-filters-btn{width:100%;background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);margin-top:var(--space-lg)}.clear-filters-btn:hover{background:var(--gray-200);color:var(--gray-800)}.collection-controls{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.controls-wrapper{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.filter-toggle-btn{display:none;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-md);gap:var(--space-xs);align-items:center;font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}@media (max-width: 1023px){.filter-toggle-btn{display:flex}}.filter-toggle-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.sort-controls{display:flex;align-items:center;gap:var(--space-sm)}.sort-dropdown{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);cursor:pointer;min-width:180px}.sort-dropdown:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-color:var(--primary-color)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}@media (max-width: 640px){.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}.empty-collection{text-align:center;padding:var(--space-3xl);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.empty-icon{font-size:4rem;margin-bottom:var(--space-lg)}.empty-collection h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-800);margin-bottom:var(--space-md)}.empty-collection p{color:var(--gray-600);margin-bottom:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none;font-size:var(--font-size-base);line-height:1}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);border-radius:var(--radius-full);padding:var(--space-md) var(--space-xl)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:focus{outline:2px solid var(--primary-color);outline-offset:2px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-backdrop.show{display:flex}.modal-content{background:var(--white);border-radius:var(--radius-xl);max-width:600px;max-height:90vh;width:90%;overflow-y:auto;box-shadow:var(--shadow-xl);position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--gray-200)}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-800)}.close-modal{font-size:var(--font-size-2xl);color:var(--gray-500);padding:var(--space-xs);border-radius:var(--radius-md);line-height:1}.close-modal:hover{background:var(--gray-100);color:var(--gray-700)}.modal-body{padding:var(--space-lg)}.size-tabs{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);border-bottom:1px solid var(--gray-200)}.size-tab{background:none;border:none;padding:var(--space-md) var(--space-lg);cursor:pointer;border-bottom:3px solid transparent;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);color:var(--gray-600)}.size-tab.active,.size-tab[aria-selected=true]{border-bottom-color:var(--primary-color);color:var(--primary-color)}.size-tab:hover:not(.active){color:var(--gray-800)}.size-table-container{display:none}.size-table-container.active{display:block}.size-table{width:100%;border-collapse:collapse;margin-top:var(--space-md)}.size-table th,.size-table td{text-align:left;padding:var(--space-sm);border-bottom:1px solid var(--gray-200)}.size-table th{font-weight:var(--font-weight-semibold);color:var(--gray-800);background:var(--gray-50)}.size-table td{color:var(--gray-600)}.size-guide-trigger{position:fixed;bottom:var(--space-lg);right:var(--space-lg);background:var(--primary-color);color:var(--white);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-md);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);transition:all var(--transition-fast);z-index:100}.size-guide-trigger:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.size-guide-trigger:focus{outline:2px solid var(--white);outline-offset:2px}@media (max-width: 640px){.container{padding:0 var(--space-sm)}.collection-title{font-size:var(--font-size-2xl)}.collection-description{font-size:var(--font-size-base)}.size-tabs{flex-direction:column;gap:0}.size-tab{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--gray-200);border-right:3px solid transparent}.size-tab.active{border-bottom-color:var(--gray-200);border-right-color:var(--primary-color)}}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid var(--gray-300);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media print{.collection-sidebar,.modal-backdrop,.size-guide-trigger,.filter-toggle-btn{display:none!important}.collection-layout{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-contrast: high){:root{--gray-100: #e0e0e0;--gray-200: #c0c0c0;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.collection-header:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/kids-collection.css.map */