:root{--tc-blue: #0077ff;--tc-blue-light: #0099ff;--tc-text: #0f1c3a;--tc-text-muted: #6b7fa8;--tc-white: #ffffff;--dur-short: .2s;--ease-snap: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}.tech-carousel-section{background:#fff;padding:0 20px 8px;font-family:var(--font-carousel, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);position:relative}.tech-carousel-wrapper{max-width:1100px;margin:0 auto;padding:0 8px}.tech-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:10px;padding:0 4px}.tech-header-text{flex:1}.tech-header.align-left{justify-content:flex-start}.tech-header.align-center{justify-content:center}.tech-header.align-right{justify-content:flex-end}.tech-title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;background:linear-gradient(135deg,#0055cc 0%,var(--tc-blue) 55%,var(--tc-blue-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 6px;line-height:1.1;letter-spacing:-.02em;display:inline-block}.tech-title:after{content:"";display:block;width:36px;height:2px;background:linear-gradient(90deg,var(--tc-blue),var(--tc-blue-light));margin-top:6px;border-radius:2px}.tech-header.align-center .tech-title:after{margin-inline:auto}.tech-header.align-right .tech-title:after{margin-left:auto}.tech-subtitle{font-size:.85rem;color:var(--tc-text-muted);font-weight:500;margin:0;line-height:1.5}.tech-viewport{background:#f2f7ff;border-radius:16px;padding:10px 14px;border:1px solid rgba(0,119,255,.1);box-shadow:0 2px 10px #0077ff0f;transition:opacity .3s ease,transform .3s ease}.tech-viewport.tc-viewport--hidden{opacity:0;transform:scaleY(.95) translateY(-4px);pointer-events:none;height:0;overflow:hidden;padding:0}.tech-track-container{padding:4px 2px}.tech-track{display:grid;grid-template-columns:repeat(var(--tc-item-count, 13),1fr);gap:4px;list-style:none;margin:0;padding:0}.collection-item{position:relative;text-align:center;-webkit-user-select:none;user-select:none;min-width:0}@media(min-width:769px)and (prefers-reduced-motion:no-preference){.collection-item{opacity:0;animation:slideUpItem .4s ease forwards;animation-delay:calc(var(--item-index) * .04s)}}@keyframes slideUpItem{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.collection-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;padding:8px 4px 6px;border-radius:12px;background:var(--tc-white);border:1.5px solid rgba(0,119,255,.08);box-shadow:0 1px 4px #0000000d;transition:background var(--dur-short) ease,border-color var(--dur-short) ease,box-shadow var(--dur-short) ease,transform var(--dur-short) var(--ease-spring);-webkit-user-drag:none}@media(hover:hover)and (pointer:fine){.collection-link:hover{background:#f0f7ff;border-color:var(--tc-blue);box-shadow:0 4px 14px #0077ff1f;transform:translateY(-4px)}.collection-link:hover .circle-outer{border-color:var(--tc-blue);transform:scale(1.05)}.collection-link:hover .collection-image{transform:scale(1.1)}.collection-link:hover .collection-title{color:var(--tc-blue)}}.circle-container{position:relative;margin-bottom:6px;display:flex;align-items:center;justify-content:center}.circle-outer{width:min(56px,100%);height:min(56px,100%);aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#0077ff12,#0099ff0a);border:2px solid rgba(0,119,255,.12);display:flex;align-items:center;justify-content:center;transition:border-color var(--dur-short) ease,transform .3s var(--ease-spring)}.circle-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#e8f0ff;display:flex;align-items:center;justify-content:center}.collection-image{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-snap);display:block}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#e0f2fe)}.image-placeholder svg{width:40%;height:40%;stroke:var(--tc-blue);opacity:.3}.collection-info{text-align:center;width:100%}.collection-title{font-size:10px;font-weight:700;color:var(--tc-text);line-height:1.3;letter-spacing:0;transition:color var(--dur-short) ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-count{font-size:9px;font-weight:700;color:var(--tc-blue);background:#0077ff12;border:1px solid rgba(0,119,255,.12);padding:2px 7px;border-radius:9rem;display:inline-block;margin-top:3px}.tc-badge{position:absolute;top:-3px;right:-3px;z-index:3;padding:1px 5px;border-radius:9rem;background:linear-gradient(135deg,#07f,#09f);color:#fff;font-size:8px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 6px #0077ff4d;pointer-events:none;line-height:1.5}.tc-tooltip{position:fixed;top:0;left:0;z-index:9999;padding:4px 10px;border-radius:6px;background:#0f1c3ae6;color:#fff;font-size:11px;font-weight:600;pointer-events:none;white-space:nowrap;opacity:0;transform:translate(0);transition:opacity .15s ease;will-change:transform}.tc-tooltip--visible{opacity:1}.tc-skeleton .circle-inner{background:linear-gradient(90deg,#dbeafe 25%,#bfdbfe,#dbeafe 75%);background-size:200% 100%;animation:tc-shimmer 1.4s ease-in-out infinite}.tc-skeleton .collection-image{opacity:0}@keyframes tc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tc-toggle-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border:1.5px solid rgba(0,119,255,.2);border-radius:9rem;background:transparent;color:var(--tc-blue);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap;flex-shrink:0}.tc-toggle-btn:hover{background:#0077ff12;border-color:var(--tc-blue)}.tc-toggle-btn__icon{width:1rem;height:1rem;transition:transform .3s ease;flex-shrink:0}.tc-toggle-btn[aria-expanded=false] .tc-toggle-btn__icon{transform:rotate(180deg)}.tc-toggle-btn__label{font-size:inherit}.visually-hidden,.carousel-live-region{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.collection-link:focus-visible{outline:2px solid var(--tc-blue);outline-offset:2px}@media(max-width:600px){.collection-title{font-size:8px}.tech-track{grid-template-columns:repeat(var(--tc-item-count, 13),minmax(60px,1fr));overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.tech-track::-webkit-scrollbar{display:none}.tech-viewport{padding:8px 10px;border-radius:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.collection-item{opacity:1;animation:none}}@media print{.tech-viewport{box-shadow:none;border:1px solid #cce0ff}.collection-title{-webkit-text-fill-color:var(--tc-text)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/tech-collections-carousel.css.map */