:root{--collection-bg: #ffffff;--collection-bg-secondary: #fafbfc;--collection-text: #1a202c;--collection-text-secondary: #4a5568;--collection-text-muted: #718096;--collection-border: #e2e8f0;--collection-border-light: #f7fafc;--collection-accent: #3182ce;--collection-accent-hover: #2c5282;--collection-accent-light: #ebf8ff;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.6rem + 1.375vw, 2.25rem);--text-4xl: clamp(2.25rem, 1.9rem + 1.75vw, 3rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0em;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--shadow-xs: 0 0 0 1px rgba(0, 0, 0, .05);--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);--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--grid-columns-mobile: 1;--grid-columns-tablet: 2;--grid-columns-desktop: 4;--grid-gap-mobile: var(--space-4);--grid-gap-tablet: var(--space-6);--grid-gap-desktop: var(--space-8);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-base: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}.collection-simple{background:var(--collection-bg);color:var(--collection-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:var(--line-height-normal);min-height:100vh}.page-width{width:100%;max-width:var(--container-xl);margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 640px){.page-width{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px){.page-width{padding-left:var(--space-8);padding-right:var(--space-8)}}.breadcrumbs{margin-bottom:var(--space-6)}.breadcrumbs__list{display:flex;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0;font-size:var(--text-sm);color:var(--collection-text-muted)}.breadcrumbs__item{display:flex;align-items:center}.breadcrumbs__item:not(:last-child):after{content:"/";margin-left:var(--space-2);color:var(--collection-text-muted);font-weight:var(--font-weight-normal)}.breadcrumbs__link{color:var(--collection-text-muted);text-decoration:none;transition:var(--transition-fast);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.breadcrumbs__link:hover{color:var(--collection-accent);background:var(--collection-accent-light)}.breadcrumbs__item--current{color:var(--collection-text);font-weight:var(--font-weight-semibold)}.collection-simple__header{padding:var(--space-12) 0 var(--space-8) 0;text-align:center;border-bottom:1px solid var(--collection-border);background:linear-gradient(135deg,var(--collection-bg) 0%,var(--collection-bg-secondary) 100%)}@media (min-width: 768px){.collection-simple__header{padding:var(--space-16) 0 var(--space-12) 0}}.collection-simple__hero{max-width:800px;margin:0 auto}.collection-simple__title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--space-4) 0;color:var(--collection-text)}@media (min-width: 768px){.collection-simple__title{font-size:var(--text-4xl);margin-bottom:var(--space-6)}}.collection-simple__description{font-size:var(--text-lg);color:var(--collection-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--space-6) 0;max-width:600px;margin-left:auto;margin-right:auto}.collection-simple__count{font-size:var(--text-sm);color:var(--collection-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.collection-simple__toolbar{padding:var(--space-6) 0;border-bottom:1px solid var(--collection-border);background:var(--collection-bg);position:sticky;top:0;z-index:20;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.collection-simple__toolbar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}@media (max-width: 767px){.collection-simple__toolbar-inner{flex-direction:column;align-items:stretch;gap:var(--space-3)}}.collection-simple__results{flex:1}@media (max-width: 767px){.collection-simple__results{text-align:center;order:2}}.collection-simple__results-text{font-size:var(--text-sm);color:var(--collection-text-secondary);font-weight:var(--font-weight-medium)}.collection-simple__sort{display:flex;align-items:center;gap:var(--space-3)}@media (max-width: 767px){.collection-simple__sort{justify-content:space-between;order:1}}.collection-simple__sort-label{font-size:var(--text-sm);color:var(--collection-text);font-weight:var(--font-weight-semibold);white-space:nowrap}.collection-simple__sort-wrapper{position:relative;min-width:180px}@media (max-width: 767px){.collection-simple__sort-wrapper{flex:1;margin-left:var(--space-3)}}.collection-simple__sort-select{-webkit-appearance:none;appearance:none;background:var(--collection-bg);border:1px solid var(--collection-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--collection-text);cursor:pointer;transition:var(--transition-fast);width:100%;font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm)}.collection-simple__sort-select:hover{border-color:var(--collection-accent);box-shadow:var(--shadow-md)}.collection-simple__sort-select:focus{outline:2px solid var(--collection-accent);outline-offset:2px;border-color:var(--collection-accent)}.collection-simple__sort-icon{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--collection-text-muted);transition:var(--transition-fast)}.collection-simple__sort-select:focus+.collection-simple__sort-icon{color:var(--collection-accent)}.collection-simple__content{padding:var(--space-12) 0}@media (min-width: 768px){.collection-simple__content{padding:var(--space-16) 0}}.collection-simple__grid{display:grid;grid-template-columns:repeat(var(--grid-columns-mobile),1fr);gap:var(--grid-gap-mobile);margin-bottom:var(--space-12)}@media (min-width: 640px){.collection-simple__grid{grid-template-columns:repeat(var(--grid-columns-tablet),1fr);gap:var(--grid-gap-tablet)}}@media (min-width: 1024px){.collection-simple__grid{grid-template-columns:repeat(var(--grid-columns-desktop),1fr);gap:var(--grid-gap-desktop)}}.collection-simple__grid[style*="--columns-mobile: 2"]{--grid-columns-mobile: 2}.collection-simple__grid[style*="--columns-mobile: 3"]{--grid-columns-mobile: 3}.collection-simple__grid[style*="--columns-desktop: 3"]{--grid-columns-desktop: 3}.collection-simple__grid[style*="--columns-desktop: 5"]{--grid-columns-desktop: 5}.collection-simple__product-item{display:flex;flex-direction:column;height:100%}.collection-simple__empty{grid-column:1 / -1;text-align:center;padding:var(--space-16) var(--space-8);background:var(--collection-bg-secondary);border-radius:var(--radius-2xl);border:1px solid var(--collection-border-light)}.collection-simple__empty-content{max-width:400px;margin:0 auto}.collection-simple__empty-icon{width:80px;height:80px;margin:0 auto var(--space-6) auto;color:var(--collection-text-muted);opacity:.6}.collection-simple__empty-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0;color:var(--collection-text);line-height:var(--line-height-snug)}.collection-simple__empty-text{font-size:var(--text-base);color:var(--collection-text-secondary);margin:0 0 var(--space-8) 0;line-height:var(--line-height-relaxed)}.collection-simple__empty-button{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-6);background:var(--collection-accent);color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);transition:var(--transition-fast);box-shadow:var(--shadow-md)}.collection-simple__empty-button:hover{background:var(--collection-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.collection-simple__pagination{margin-top:var(--space-12);text-align:center}.pagination-simple{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--collection-bg);padding:var(--space-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--collection-border)}.pagination-simple__item{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--space-3);border-radius:var(--radius-lg);background:transparent;color:var(--collection-text);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:var(--transition-fast);border:1px solid transparent}.pagination-simple__item:hover{background:var(--collection-accent-light);color:var(--collection-accent);border-color:var(--collection-accent)}.pagination-simple__item--current{background:var(--collection-accent);color:#fff;border-color:var(--collection-accent);font-weight:var(--font-weight-semibold)}.pagination-simple__item--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pagination-simple__item--gap{cursor:default;pointer-events:none}.pagination-simple__item--prev,.pagination-simple__item--next{gap:var(--space-2);padding:0 var(--space-4)}.collection-simple__loading{grid-column:1 / -1;text-align:center;padding:var(--space-16)}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--collection-border);border-radius:50%;border-top-color:var(--collection-accent);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 639px){.collection-simple__grid{gap:var(--space-4)}.pagination-simple{flex-wrap:wrap;justify-content:center;gap:var(--space-1)}.pagination-simple__item{min-width:40px;height:40px}}@media (prefers-contrast: high){:root{--collection-border: #000000;--collection-text-muted: #000000}.collection-simple__sort-select,.pagination-simple__item{border-width:2px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.collection-simple__empty-button:hover{transform:none}}@media print{.collection-simple__toolbar,.collection-simple__pagination{display:none}.collection-simple__grid{display:block}.collection-simple__product-item{break-inside:avoid;margin-bottom:var(--space-8)}}.collection-simple__sort-select:focus,.pagination-simple__item:focus,.breadcrumbs__link:focus,.collection-simple__empty-button:focus{outline:2px solid var(--collection-accent);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-collection-responsive.css.map */