:root{--collection-icons-new-transition: all .3s cubic-bezier(.25, .46, .45, .94);--collection-icons-new-shadow: 0 4px 20px rgba(0, 0, 0, .1);--collection-icons-new-hover-shadow: 0 8px 30px rgba(0, 0, 0, .2);--collection-icons-new-border-radius: 50%;--collection-icons-new-gap: 25px}.collection-icons-new-section{width:100%;position:relative;overflow:hidden;background:var(--section-bg, #ffffff);background:var(--section-bg-gradient, var(--section-bg, #ffffff))}.collection-icons-new-header{text-align:var(--title-alignment, center);margin-bottom:var(--title-margin-bottom, 40px);padding:0 20px}.collection-icons-new-title{font-size:var(--title-font-size, 32px);font-weight:var(--title-font-weight, 700);color:var(--title-color, #333333);margin:0 0 10px;line-height:1.2;letter-spacing:-.5px}.collection-icons-new-subtitle{font-size:var(--subtitle-font-size, 16px);color:var(--subtitle-color, #666666);margin:0;line-height:1.4;opacity:.9}.collection-icons-new-container{position:relative;max-width:1400px;margin:0 auto;padding:0 20px}.collection-icons-new-wrapper{position:relative;overflow:hidden;border-radius:12px}.collection-icons-new-scroll{display:flex;gap:var(--item-spacing, 25px);transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform;align-items:flex-start}.collection-icon-new-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;position:relative}.collection-icon-new-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;transition:var(--collection-icons-new-transition);border-radius:16px;padding:8px;position:relative;outline:none}.collection-icon-new-link:hover{transform:translateY(-10px)}.collection-icon-new-link:focus-visible{outline:3px solid var(--focus-color, #007bff);outline-offset:4px}.collection-icon-new-link:active{transform:translateY(-5px) scale(.98)}.collection-icon-new-image-wrapper{width:var(--icon-size, 120px);height:var(--icon-size, 120px);position:relative;border-radius:var(--collection-icons-new-border-radius);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:var(--collection-icons-new-transition);background:var(--placeholder-bg-color, #f8f9fa);box-shadow:var(--icon-shadow, var(--collection-icons-new-shadow));margin-bottom:var(--title-spacing, 8px);border:var(--icon-border-width, 0px) solid var(--icon-border-color, transparent)}.collection-icon-new-link:hover .collection-icon-new-image-wrapper{transform:scale(1.08);box-shadow:var(--icon-hover-shadow, var(--collection-icons-new-hover-shadow))}.collection-icon-new-image{width:100%;height:100%;object-fit:cover;transition:var(--collection-icons-new-transition);border-radius:var(--collection-icons-new-border-radius)}.collection-icon-new-link:hover .collection-icon-new-image{transform:scale(1.1)}.collection-icon-new-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--placeholder-color, #dee2e6);background:#ffffffe6;border-radius:var(--collection-icons-new-border-radius);transition:var(--collection-icons-new-transition)}.collection-icon-new-link:hover .collection-icon-new-placeholder{color:var(--placeholder-hover-color, #adb5bd);transform:scale(1.1)}.collection-icon-new-title{text-align:center;line-height:1.3;transition:var(--collection-icons-new-transition);font-weight:var(--label-font-weight, 500);letter-spacing:.3px;font-size:var(--label-font-size, 16px);color:var(--label-color, #444444);margin:0;max-width:140px;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.collection-icon-new-link:hover .collection-icon-new-title{color:var(--label-hover-color, #007bff);transform:translateY(-2px)}.collection-nav-new-arrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--arrow-bg-color, #ffffff);border:2px solid rgba(0,0,0,.08);border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:15;transition:var(--collection-icons-new-transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 25px #0000001f;color:var(--arrow-color, #333333);outline:none}.collection-nav-new-arrow:hover{background:var(--arrow-hover-bg-color, #f8f9fa);color:var(--arrow-hover-color, #007bff);transform:translateY(-50%) scale(1.15);box-shadow:0 8px 30px #0000002e;border-color:var(--arrow-hover-color, #007bff)}.collection-nav-new-arrow:focus-visible{outline:3px solid var(--focus-color, #007bff);outline-offset:4px}.collection-nav-new-arrow:active{transform:translateY(-50%) scale(1.05)}.collection-nav-new-arrow:disabled{opacity:.3;pointer-events:none;cursor:not-allowed}.collection-nav-new-prev{left:-26px}.collection-nav-new-next{right:-26px}.collection-icons-new-dots{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:30px;padding:0 20px}.collection-dot-new{width:12px;height:12px;border-radius:50%;border:none;background:var(--dots-color, #dee2e6);cursor:pointer;transition:var(--collection-icons-new-transition);outline:none}.collection-dot-new:hover{background:var(--dots-hover-color, #adb5bd);transform:scale(1.2)}.collection-dot-new:focus-visible{outline:2px solid var(--focus-color, #007bff);outline-offset:3px}.collection-dot-new.active{background:var(--dots-active-color, #007bff);transform:scale(1.3)}@media (max-width: 320px){.collection-icons-new-container{padding:0 12px}.collection-icons-new-scroll{gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:15px}.collection-icons-new-scroll::-webkit-scrollbar{display:none}.collection-icon-new-item{scroll-snap-align:start;min-width:calc((100vw - 60px) / 3.75);flex:0 0 calc((100vw - 60px) / 3.75)}.collection-icon-new-image-wrapper{width:100px!important;height:100px!important}.collection-icon-new-title{font-size:10px!important;margin-top:8px;max-width:70px}.collection-nav-new-arrow{display:none}.collection-icons-new-title{font-size:18px!important}.collection-icons-new-header{margin-bottom:25px}}@media (min-width: 321px) and (max-width: 480px){.collection-icons-new-container{padding:0 16px}.collection-icons-new-scroll{gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:15px}.collection-icons-new-scroll::-webkit-scrollbar{display:none}.collection-icon-new-item{scroll-snap-align:start;min-width:calc((100vw - 70px) / 3.75);flex:0 0 calc((100vw - 70px) / 3.75)}.collection-icon-new-image-wrapper{width:100px!important;height:100px!important}.collection-icon-new-title{font-size:10px!important;margin-top:10px;max-width:80px}.collection-nav-new-arrow{display:none}.collection-icons-new-title{font-size:22px!important}}@media (min-width: 481px) and (max-width: 640px){.collection-icons-new-container{padding:0 20px}.collection-icons-new-scroll{gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.collection-icons-new-scroll::-webkit-scrollbar{display:none}.collection-icon-new-item{scroll-snap-align:start;min-width:calc((100vw - 120px)/4);flex:0 0 calc((100vw - 120px)/4)}.collection-icon-new-image-wrapper{width:100px!important;height:100px!important}.collection-icon-new-title{font-size:12px!important;max-width:90px}.collection-nav-new-arrow{display:none}}@media (min-width: 641px) and (max-width: 768px){.collection-icons-new-container{padding:0 30px}.collection-icons-new-scroll{gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.collection-icons-new-scroll::-webkit-scrollbar{display:none}.collection-icon-new-item{scroll-snap-align:start;min-width:calc((100vw - 200px) / 6);flex:0 0 calc((100vw - 200px) / 6)}.collection-icon-new-image-wrapper{width:95px!important;height:95px!important}.collection-icon-new-title{font-size:13px!important;max-width:100px}.collection-nav-new-arrow{display:none}}@media (min-width: 769px) and (max-width: 1024px){.collection-icons-new-container{padding:0 40px}.collection-icons-new-scroll{gap:24px;overflow:visible}.collection-icon-new-item{flex:0 0 calc((100% - 168px)/8);min-width:calc((100% - 168px)/8)}.collection-icon-new-image-wrapper{width:105px!important;height:105px!important}.collection-icon-new-title{font-size:14px!important;max-width:110px}.collection-nav-new-arrow{display:flex}}@media (min-width: 1025px) and (max-width: 1199px){.collection-icons-new-container{padding:0 50px}.collection-icons-new-scroll{gap:28px;overflow:visible}.collection-icon-new-item{flex:0 0 calc((100% - 196px)/8);min-width:calc((100% - 196px)/8)}.collection-icon-new-image-wrapper{width:115px!important;height:115px!important}.collection-icon-new-title{font-size:15px!important;max-width:120px}.collection-nav-new-arrow{display:flex}.collection-nav-new-prev{left:-32px}.collection-nav-new-next{right:-32px}}@media (min-width: 1200px) and (max-width: 1399px){.collection-icons-new-container{padding:0 60px}.collection-icons-new-scroll{gap:32px}.collection-icon-new-item{flex:0 0 calc((100% - 224px)/8);min-width:calc((100% - 224px)/8)}.collection-icon-new-image-wrapper{width:125px!important;height:125px!important}.collection-icon-new-title{font-size:16px!important;max-width:130px}}@media (min-width: 1400px){.collection-icons-new-scroll{gap:36px}.collection-icon-new-item{flex:0 0 calc((100% - 252px)/8);min-width:calc((100% - 252px)/8)}.collection-icon-new-image-wrapper{width:135px!important;height:135px!important}.collection-icon-new-title{font-size:17px!important;max-width:140px}}@media (hover: none) and (pointer: coarse){.collection-icon-new-link:hover{transform:none}.collection-icon-new-link:active{transform:scale(.95)}.collection-icon-new-link:hover .collection-icon-new-image-wrapper{transform:none}.collection-icon-new-link:active .collection-icon-new-image-wrapper{transform:scale(.95)}.collection-nav-new-arrow:hover{transform:translateY(-50%)}.collection-nav-new-arrow:active{transform:translateY(-50%) scale(.9)}}@media (prefers-reduced-motion: reduce){.collection-icons-new-scroll,.collection-icon-new-link,.collection-icon-new-image-wrapper,.collection-icon-new-image,.collection-nav-new-arrow,.collection-dot-new{transition:none}.collection-icon-new-link:hover,.collection-icon-new-link:hover .collection-icon-new-image-wrapper{transform:none}}@media (prefers-contrast: high){.collection-icon-new-image-wrapper{border:3px solid currentColor}.collection-nav-new-arrow{border:3px solid currentColor;background:Canvas;color:CanvasText}.collection-dot-new{border:2px solid currentColor}}@media (prefers-color-scheme: dark){.collection-icons-new-section{--section-bg: #1a1a1a;--title-color: #ffffff;--subtitle-color: #cccccc;--label-color: #e0e0e0;--placeholder-bg-color: #2a2a2a;--placeholder-color: #666666;--arrow-bg-color: #2a2a2a;--arrow-color: #ffffff;--arrow-hover-bg-color: #3a3a3a;--dots-color: #666666;--dots-active-color: #4a9eff}}@media print{.collection-nav-new-arrow,.collection-icons-new-dots{display:none}.collection-icons-new-scroll{overflow:visible;flex-wrap:wrap;gap:20px}.collection-icon-new-item{break-inside:avoid;flex:0 0 auto;width:150px}.collection-icon-new-link:hover{transform:none}}.collection-icon-new-image[loading=lazy]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.collection-icons-new-section:focus-within .collection-nav-new-arrow{opacity:1}[dir=rtl] .collection-nav-new-prev{right:-26px;left:auto}[dir=rtl] .collection-nav-new-next{left:-26px;right:auto}[dir=rtl] .collection-icons-new-scroll{direction:rtl}[dir=rtl] .collection-icon-new-item{direction:ltr}
/*# sourceMappingURL=/cdn/shop/t/18/assets/collection-icons-new.css.map */