.shopify-section--ckl-home-hats{margin:0;padding:0}.ckl-home-hats{--ckl-home-hats-ink: #000;--ckl-home-hats-mint: #1cfab3;--ckl-home-hats-border: #e0e0e0;--ckl-home-hats-font: Poppins, var(--text-font-family, sans-serif);--ckl-home-hats-inset: clamp(40px, 10.458vw, 161.36px);box-sizing:border-box;overflow-x:clip;background:#fff;color:var(--ckl-home-hats-ink);font-family:var(--ckl-home-hats-font)}.ckl-home-hats *,.ckl-home-hats *:before,.ckl-home-hats *:after{box-sizing:border-box}.ckl-home-hats__inner{width:100%;padding:27px var(--ckl-home-hats-inset) 27px}.ckl-home-hats__title{margin:0;color:var(--ckl-home-hats-ink);font-family:var(--ckl-home-hats-font);font-size:40px;font-weight:600;line-height:45px;letter-spacing:0;text-align:center;text-box-edge:cap alphabetic;text-box-trim:trim-both}.ckl-home-hats__subtitle{margin:18px 0 0;color:var(--ckl-home-hats-ink);font-family:var(--ckl-home-hats-font);font-size:14px;font-weight:400;line-height:19px;text-align:center;text-box-edge:cap alphabetic;text-box-trim:trim-both}.ckl-home-hats__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.547vw,24px);margin-top:36px}.ckl-home-hats__card{display:flex;flex-direction:column;align-items:center;aspect-ratio:183.32 / 242.793;min-width:0;padding:17px 0 21px;border:1px solid var(--ckl-home-hats-border);border-radius:6px;background:#fff;color:inherit;text-decoration:none}.ckl-home-hats__card:focus-visible{outline:2px solid var(--ckl-home-hats-ink);outline-offset:3px}.ckl-home-hats__image-wrap{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;width:100%;min-height:0;overflow:clip}.ckl-home-hats__image{display:block;width:calc(var(--ckl-home-hats-img-w, 130) / 183.32 * 100%);max-width:100%;height:auto;aspect-ratio:var(--ckl-home-hats-img-w, 130) / var(--ckl-home-hats-img-h, 130);object-fit:var(--ckl-home-hats-img-fit, contain);object-position:center}.ckl-home-hats__name{margin:0;padding:0 8px;color:var(--ckl-home-hats-ink);font-family:var(--ckl-home-hats-font);font-size:16px;font-weight:600;line-height:1;text-align:center;text-box-edge:cap alphabetic;text-box-trim:trim-both}.ckl-home-hats__price{margin:8px 0 0;padding:0 8px;color:var(--ckl-home-hats-ink);font-family:var(--ckl-home-hats-font);font-size:11px;font-weight:400;line-height:15px;text-align:center}.ckl-home-hats__shop{display:inline-flex;align-items:center;justify-content:center;width:62.88px;height:17.87px;margin-top:15px;border:.5px solid var(--ckl-home-hats-ink);border-radius:5px;background:#fff;color:var(--ckl-home-hats-ink);font-family:var(--ckl-home-hats-font);font-size:9px;font-weight:600;line-height:1;letter-spacing:0;text-transform:uppercase}.ckl-home-hats__dots{display:none}.ckl-home-hats__cta-wrap{display:flex;justify-content:center;margin-top:24px}.ckl-home-hats__cta{display:inline-flex;align-items:center;gap:9px;color:var(--ckl-home-hats-mint);font-family:var(--ckl-home-hats-font);font-size:20px;font-weight:600;line-height:1;letter-spacing:0;text-decoration:none;text-transform:uppercase}.ckl-home-hats__cta:hover,.ckl-home-hats__cta:focus-visible{opacity:.92}.ckl-home-hats__cta:focus-visible{outline:2px solid var(--ckl-home-hats-ink);outline-offset:3px}.ckl-home-hats__cta-label{text-box-edge:cap alphabetic;text-box-trim:trim-both}.ckl-home-hats__cta-arrow{display:block;width:15.1px;height:14px;flex-shrink:0}@media screen and (max-width:999px){.ckl-home-hats{--ckl-m-u: calc(100vw/440px) ;height:calc(562px * var(--ckl-m-u))}.ckl-home-hats__inner{position:relative;height:100%;padding:0;overflow:visible}.ckl-home-hats__title{position:absolute;top:calc(36.295px * var(--ckl-m-u));left:50%;width:calc(227.458px * var(--ckl-m-u));margin:0;padding:0;font-size:calc(28px * var(--ckl-m-u));line-height:calc(35px * var(--ckl-m-u));transform:translate(-50%)}.ckl-home-hats__subtitle{position:absolute;top:calc(109.295px * var(--ckl-m-u));left:50%;width:calc(277.966px * var(--ckl-m-u));margin:0;padding:0;font-size:calc(14px * var(--ckl-m-u));line-height:calc(18px * var(--ckl-m-u));transform:translate(-50%)}.ckl-home-hats__grid{position:absolute;top:calc(176.295px * var(--ckl-m-u));left:0;right:0;display:flex;grid-template-columns:none;gap:calc(8px * var(--ckl-m-u));width:100%;margin:0;padding:0 calc(23.768px * var(--ckl-m-u));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:calc(23.768px * var(--ckl-m-u));-webkit-overflow-scrolling:touch;scrollbar-width:none}.ckl-home-hats__grid::-webkit-scrollbar{display:none;width:0;height:0}.ckl-home-hats__card{position:relative;flex:0 0 calc(170px * var(--ckl-m-u));width:calc(170px * var(--ckl-m-u));height:calc(242.793px * var(--ckl-m-u));aspect-ratio:auto;padding:0;scroll-snap-align:start}.ckl-home-hats__image-wrap{position:absolute;top:calc(7.935px * var(--ckl-m-u));left:calc(21.365px * var(--ckl-m-u));display:block;flex:none;width:calc(127.27px * var(--ckl-m-u));height:calc(122.793px * var(--ckl-m-u));overflow:hidden}.ckl-home-hats__card:nth-child(2) .ckl-home-hats__image-wrap{top:calc(7.935px * var(--ckl-m-u));left:calc(12.751px * var(--ckl-m-u));width:calc(144.498px * var(--ckl-m-u));height:calc(131.404px * var(--ckl-m-u));transform:none}.ckl-home-hats__card:nth-child(3) .ckl-home-hats__image-wrap{top:calc(7.1px * var(--ckl-m-u));left:calc(7.059px * var(--ckl-m-u));width:calc(155.883px * var(--ckl-m-u));height:calc(151.597px * var(--ckl-m-u));transform:none}.ckl-home-hats__card:nth-child(n+4) .ckl-home-hats__image-wrap{top:calc(7.935px * var(--ckl-m-u));left:50%;width:calc(140px * var(--ckl-m-u));height:calc(130px * var(--ckl-m-u));transform:translate(-50%)}.ckl-home-hats__image{width:100%;max-width:none;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}.ckl-home-hats__card:nth-child(3) .ckl-home-hats__image{object-fit:cover}.ckl-home-hats__name{position:absolute;top:calc(150.169px * var(--ckl-m-u));left:0;right:0;margin:0;padding:0 calc(8px * var(--ckl-m-u));font-size:calc(14px * var(--ckl-m-u));line-height:1}.ckl-home-hats__price{position:absolute;top:calc(166.316px * var(--ckl-m-u));left:0;right:0;margin:0;padding:0 calc(8px * var(--ckl-m-u));font-size:calc(11px * var(--ckl-m-u));line-height:1}.ckl-home-hats__shop{position:absolute;top:calc(199.316px * var(--ckl-m-u));left:50%;width:calc(62.88px * var(--ckl-m-u));height:calc(17.87px * var(--ckl-m-u));margin:0;font-size:calc(9px * var(--ckl-m-u));transform:translate(-50%)}.ckl-home-hats__dots{position:absolute;top:calc(459.087px * var(--ckl-m-u));left:0;right:0;display:flex;align-items:center;justify-content:center;gap:calc(7.99px * var(--ckl-m-u));height:calc(12.725px * var(--ckl-m-u));margin:0;padding:0;list-style:none;pointer-events:auto;z-index:2}.ckl-home-hats__dot{display:block;width:calc(12.725px * var(--ckl-m-u));height:calc(12.725px * var(--ckl-m-u));padding:0;border:0;border-radius:50%;background:#c4c4c4;cursor:pointer;appearance:none;-webkit-appearance:none}.ckl-home-hats__dot.is-active{background:#1cfab3}.ckl-home-hats__dot:focus-visible{outline:2px solid #000;outline-offset:2px}.ckl-home-hats__cta-wrap{position:absolute;top:calc(511.813px * var(--ckl-m-u));left:50%;width:calc(238.814px * var(--ckl-m-u));margin:0;transform:translate(-50%)}.ckl-home-hats__cta{justify-content:center;width:100%;font-size:calc(20px * var(--ckl-m-u));gap:calc(8.7px * var(--ckl-m-u))}.ckl-home-hats__cta-arrow{width:calc(15.1px * var(--ckl-m-u));height:calc(14px * var(--ckl-m-u))}}@media screen and (min-width:1000px)and (max-width:1279px){.ckl-home-hats__title{font-size:clamp(28px,3.12vw,40px);line-height:1.125}.ckl-home-hats__name{font-size:13px}}@media screen and (min-width:1280px){.ckl-home-hats__inner{width:100%;max-width:1200px;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/ckl-home-hats.css.map */