yhone-category-navigation{display:block;background:#fff;color:#171717;font-family:var(--font-body--family);font-style:var(--font-body--style);font-weight:var(--font-body--weight)}yhone-category-navigation [hidden]{display:none!important}.ycn-heading{text-align:center;padding:32px 20px 18px}.ycn-heading h1{font-family:var(--font-h1--family);font-style:var(--font-h1--style);font-size:18px;line-height:1.3;font-weight:var(--font-h1--weight);letter-spacing:var(--font-h1--letter-spacing);margin:0}.ycn-notice{font-size:11px;line-height:1.5;color:#777;margin:12px auto 0;max-width:720px}.ycn-navigation{display:flex;gap:12px;width:max-content;max-width:100%;margin:0 auto;padding:0 20px 20px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none!important;-ms-overflow-style:none}.ycn-navigation::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.ycn-item{display:flex;flex-direction:column;flex:0 0 108px;width:108px;text-decoration:none;color:inherit;scroll-snap-align:center;outline-offset:-2px}.ycn-photo{display:block;flex-shrink:0;position:relative;height:auto;aspect-ratio:4/5;background:#f3f3f1;overflow:hidden}.ycn-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center var(--ycn-position,bottom);transform:scale(var(--ycn-zoom,1.65));transform-origin:center var(--ycn-position,bottom)}.ycn-label{display:block;flex:1;min-height:48px;padding:10px 0 7px;font-size:var(--font-h5--size);font-weight:var(--font-body--weight);line-height:1.4;border-bottom:1px solid transparent;white-space:normal;overflow-wrap:break-word}.ycn-item.is-active .ycn-label,.ycn-item[aria-current=page] .ycn-label{border-color:currentColor}.ycn-item:hover .ycn-label{border-color:#999}.ycn-item:focus-visible{outline:2px solid #333}.ycn-sample-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto;padding:18px 0;max-width:90%}.ycn-count{font-size:12px;margin:0;color:#666}.ycn-controls-right{display:flex;align-items:center;gap:22px;font-size:12px}.ycn-controls-right label{display:flex;gap:7px;align-items:center}.ycn-controls-right select{background:#fff;border:1px solid #ddd;padding:7px;font:inherit;min-height:36px}.ycn-controls-right input{accent-color:#222}.ycn-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 12px;list-style:none;padding:0;margin:0 auto;max-width:90%}.ycn-products>li{min-width:0}.ycn-panel{padding-bottom:40px}.ycn-empty{text-align:center;padding:48px 20px}@media(max-width:749px){.ycn-heading{padding:24px 16px 16px}.ycn-heading h1{font-size:16px}.ycn-navigation{width:max-content;justify-content:flex-start;scroll-padding-inline:16px;padding:0 16px 16px;gap:9px}.ycn-item{flex-basis:86px;width:86px}.ycn-photo{height:auto;aspect-ratio:4/5}.ycn-label{padding-top:8px}.ycn-notice{font-size:10px;max-width:330px}.ycn-sample-controls{max-width:none;padding:12px 16px;align-items:flex-start;flex-direction:column;gap:10px}.ycn-controls-right{justify-content:space-between;width:100%;gap:10px;font-size:11px}.ycn-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 8px;max-width:none;margin:0 16px}}.ycn-photo--framed img{position:absolute;left:50%;top:50%;width:var(--ycn-frame-scale,100%);max-width:none;height:auto;object-fit:initial;transform:translate(calc(-1 * var(--ycn-frame-x,50%)),calc(-1 * var(--ycn-frame-y,50%)));transform-origin:center}
/*# sourceMappingURL=/cdn/shop/t/54/assets/yhone-category-navigation.css.map */