/* Shop By Concern slider */
.concern{padding:34px 0 38px;background:#fff;border-top:1px solid #eef2ef}
.concern .ch{text-align:center;margin-bottom:24px}
.concern .ch small{font-size:11px;letter-spacing:3px;color:var(--mut)}
.concern .ch h2{font-size:26px;color:var(--g);margin-top:2px;display:inline-flex;align-items:center;gap:16px}
.concern .ch h2::before,.concern .ch h2::after{content:'';width:46px;height:1px;background:#9bb5a9}
.concern .ch p{font-size:13px;color:var(--mut);margin-top:4px}
.cn-w{position:relative}
.cn-t{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 4px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}
.cn-t::-webkit-scrollbar{display:none}
.cn-t.drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.cn-t.drag a{pointer-events:none}
.cn{flex:none;width:calc((100% - 18px*5)/6);min-width:150px;scroll-snap-align:start;text-align:center;display:block;-webkit-user-drag:none}
.cn-im{position:relative;display:grid;place-items:center;aspect-ratio:1/1.05;border-radius:14px;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#dcebe3,#b4d0c2);box-shadow:0 3px 10px rgba(11,93,75,.08);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.cn-im img{opacity:0;position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .6s;-webkit-user-drag:none}
.cn-im img.ld{opacity:1}
.cn-im::before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(to top,rgba(5,50,38,.55),rgba(5,50,38,0) 55%);opacity:0;transition:opacity .45s}
.cn-im::after{content:'';position:absolute;top:0;left:-80%;width:45%;height:100%;z-index:3;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);pointer-events:none}
.cn-go{position:absolute;z-index:4;left:50%;bottom:12px;transform:translate(-50%,16px);opacity:0;background:#fff;color:var(--g);font:600 11px 'Poppins';letter-spacing:1.2px;text-transform:uppercase;padding:7px 14px;border-radius:30px;white-space:nowrap;box-shadow:0 6px 14px rgba(0,0,0,.2);transition:.4s cubic-bezier(.2,.8,.2,1)}
.cn b{display:inline-block;position:relative;margin-top:12px;font:500 13px 'Poppins';letter-spacing:1px;text-transform:uppercase;transition:color .3s,letter-spacing .3s}
.cn b::after{content:'';position:absolute;left:50%;bottom:-5px;width:0;height:2px;background:var(--g);border-radius:2px;transform:translateX(-50%);transition:width .4s}
.cn:hover .cn-im,.cn:focus-visible .cn-im{transform:translateY(-6px);box-shadow:0 16px 28px rgba(11,93,75,.25)}
.cn:hover .cn-im img{transform:scale(1.1)}
.cn:hover .cn-im::before{opacity:1}
.cn:hover .cn-im::after{left:130%;transition:left .8s ease}
.cn:hover .cn-go,.cn:focus-visible .cn-go{opacity:1;transform:translate(-50%,0)}
.cn:hover b{color:var(--g);letter-spacing:1.4px}.cn:hover b::after{width:70%}
.cn:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:14px}
.cn-a{position:absolute;top:calc(50% - 22px);z-index:5;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:var(--g);font-size:22px;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.2);opacity:0;transition:.3s}
.cn-a.p{left:-14px}.cn-a.n{right:-14px}
.cn-w:hover .cn-a{opacity:1}
.cn-a:hover{background:var(--g);color:#fff;transform:scale(1.1)}
.cn-a:disabled{opacity:0!important;pointer-events:none}
.cn-dots{display:flex;justify-content:center;gap:7px;margin-top:6px}
.cn-dots i{width:7px;height:7px;border-radius:50%;background:#c9d6cf;cursor:pointer;transition:.3s}.cn-dots i.on{width:22px;border-radius:7px;background:var(--g)}
@media(max-width:1000px){.cn{width:calc((100% - 18px*3)/4)}}
@media(max-width:700px){.cn{width:calc((100% - 14px*2)/3);min-width:0}.cn-t{gap:14px}.concern .ch h2{font-size:21px}.concern .ch h2::before,.concern .ch h2::after{width:24px}.cn-a{display:none}.cn b{font-size:11.5px;letter-spacing:.6px}.cn-go{display:none}}
@media(max-width:420px){.cn{width:calc((100% - 14px)/2)}}
@media(hover:none){.cn:active .cn-im{transform:scale(.97)}}