.cs-supplies{--cs-bg: #0B0D12;--cs-bg-2: #12151C;--cs-card: #171A22;--cs-card-2: #1C2029;--cs-line: #242834;--cs-line-2: #2F3441;--cs-text: #ffffff;--cs-text-dim: #9CA3B0;--cs-text-soft:#C4C9D4;--cs-blue: #1E3FAE;--cs-blue-br: #2A52D6;--cs-red: #E02936;--cs-ease: cubic-bezier(.2,.7,.2,1);background:var(--cs-bg);color:var(--cs-text);padding-top:var(--cs-pad-top, 0);padding-bottom:var(--cs-pad-bottom, 0);font-size:16px;line-height:1.55}.cs-supplies *,.cs-supplies *:before,.cs-supplies *:after{box-sizing:border-box}.cs-supplies a{color:inherit;text-decoration:none}.cs-supplies img{max-width:100%;display:block}.cs-supplies ::selection{background:var(--cs-blue);color:#fff}.cs-content-wrap{background:var(--cs-bg);padding:36px 24px 72px}.cs-content-inner{max-width:1440px;margin:0 auto}.cs-toolbar{margin-bottom:32px;display:flex;flex-direction:column;gap:16px}.cs-search-box{display:flex;align-items:center;gap:12px;background:var(--cs-card);border:1px solid var(--cs-line-2);border-radius:12px;padding:14px 18px;color:var(--cs-text-dim)}.cs-search-box input{flex:1;background:transparent;border:0;color:#fff;outline:none;font-family:inherit;font-size:15px;min-width:0}.cs-search-box input::placeholder{color:#9ca3b0b3}.cs-chip-filter-row{display:flex;flex-wrap:wrap;gap:8px}.cs-filter-chip{padding:9px 16px;border:1px solid var(--cs-line-2);border-radius:999px;font-size:13px;font-weight:600;background:var(--cs-card);color:var(--cs-text-soft);font-family:inherit;cursor:pointer;transition:all .15s var(--cs-ease)}.cs-filter-chip:hover{color:#fff}.cs-filter-chip.is-active{background:var(--cs-blue);border-color:var(--cs-blue);color:#fff}.cs-result-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0 0;border-top:1px solid var(--cs-line);flex-wrap:wrap;gap:12px}.cs-result-count{color:var(--cs-text-soft);font-size:14px}.cs-result-count strong{color:#fff;font-weight:700}.cs-sort-box{display:flex;align-items:center;gap:8px;color:var(--cs-text-soft);font-size:13px}.cs-sort-box select{background:var(--cs-card);color:#fff;border:1px solid var(--cs-line-2);border-radius:8px;padding:8px 28px 8px 12px;font-family:inherit;font-size:13px;font-weight:600;-webkit-appearance:none;appearance:none;outline:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.cs-empty{background:var(--cs-card);border:1px dashed var(--cs-line-2);border-radius:14px;padding:40px 24px;color:var(--cs-text-soft);text-align:center;line-height:1.6}.cs-empty code{background:var(--cs-card-2);padding:2px 8px;border-radius:4px;color:#fff;font-size:.9em}.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media(max-width:1100px){.cs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cs-grid{grid-template-columns:1fr}}.cs-card{background:var(--cs-card);border:1px solid var(--cs-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;color:#fff;transition:transform .35s var(--cs-ease),border-color .2s var(--cs-ease),box-shadow .3s var(--cs-ease)}.cs-card:hover{transform:translateY(-4px);border-color:#1e3faeb3;box-shadow:0 24px 48px #0006}.cs-card[hidden]{display:none}.cs-card-photo{position:relative;height:var(--cs-photo-h-mobile);background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff}.cs-card-photo.is-red{background:linear-gradient(140deg,#e02936,#9b1723,#530c12)}.cs-card-photo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.08),transparent 60%);pointer-events:none}.cs-card-photo-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.85}.cs-card-photo.cs-h-m-adapt{height:auto}.cs-card-photo.cs-h-m-adapt .cs-card-photo-img{position:relative;inset:auto;height:auto}.cs-card-icon-wrap{position:relative;color:#ffffffc7;filter:drop-shadow(0 4px 16px rgba(0,0,0,.35));display:flex}.cs-card-photo-label{position:absolute;left:18px;bottom:16px;display:flex;align-items:center;gap:12px;z-index:1}.cs-card-photo-label .cs-lbl{font-size:11px;letter-spacing:2px;font-weight:800;color:#ffffffe6}.cs-card-photo-label .cs-line{width:28px;height:1.5px;background:#ffffff59}.cs-card-photo-label .cs-cnt{font-size:11px;letter-spacing:1.2px;font-weight:500;color:#ffffffb3}.cs-card-ribbon{position:absolute;top:14px;right:14px;background:var(--cs-red);color:#fff;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:5px 10px;border-radius:4px;z-index:1}.cs-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.cs-card-eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--cs-text-dim);text-transform:uppercase;margin-bottom:8px}.cs-card-name{font-size:26px;font-weight:700;margin:0 0 10px;letter-spacing:-.3px;line-height:1.1;color:#fff}.cs-card-desc{color:var(--cs-text-soft);font-size:14px;line-height:1.55;margin:0 0 18px;min-height:44px}.cs-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.cs-sub-chip{font-size:12px;font-weight:500;color:var(--cs-text);background:var(--cs-card-2);border:1px solid var(--cs-line-2);border-radius:999px;padding:6px 12px;transition:all .18s var(--cs-ease);white-space:nowrap}.cs-sub-chip:hover{background:var(--cs-blue);color:#fff;border-color:var(--cs-blue)}.cs-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--cs-line);margin-top:auto;gap:12px}.cs-shop-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--cs-blue-br);font-size:14px;letter-spacing:.2px}.cs-shop-btn:hover{text-decoration:underline;text-underline-offset:3px}.cs-sub-count{font-size:12px;color:var(--cs-text-dim);font-weight:500;text-align:right}.cs-trust-strip{background:var(--cs-blue);padding:22px 24px}.cs-trust-inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.cs-trust-item{display:flex;align-items:center;gap:14px;color:#fff}.cs-trust-title{font-weight:700;font-size:14px}.cs-trust-desc{font-size:12px;color:#fffc;margin-top:2px}@media(max-width:900px){.cs-trust-inner{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.cs-trust-inner{grid-template-columns:1fr}}.cs-grid[data-empty=true]:after{content:"No collections match your search.";grid-column:1 / -1;padding:40px;text-align:center;color:var(--cs-text-dim);border:1px dashed var(--cs-line-2);border-radius:14px;background:var(--cs-card)}@media(min-width:990px){.cs-card-photo:not(.cs-h-d-adapt){height:var(--cs-photo-h-desktop)}.cs-card-photo:not(.cs-h-d-adapt) .cs-card-photo-img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.cs-card-photo.cs-h-d-adapt{height:auto}.cs-card-photo.cs-h-d-adapt .cs-card-photo-img{position:relative;inset:auto;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-collection-supplies.css.map */