.qcat{margin:10px auto 26px;max-width:1280px;color:#1f1f1f}.qcat ul,.qcat li{margin:0;padding:0;list-style:none}.qcat-card{display:block;text-decoration:none!important;color:inherit}.qcat-img{display:flex;align-items:center;justify-content:center;aspect-ratio:1.38/1;border-radius:12px;background:#f4f4f4;overflow:hidden;transition:background .15s ease}.qcat-img img{display:block;max-width:82%;max-height:88%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s ease}.qcat-name{display:block;margin:14px 0 0 8px;font-size:21px;font-weight:600;line-height:1.25;color:#1f1f1f;text-align:left;letter-spacing:-.01em}.qcat-card:hover .qcat-img{background:#ececec}.qcat-card:hover .qcat-img img{transform:scale(1.04)}.qcat-card:hover .qcat-name{color:#570f48}.qcat-cta{display:block;margin:4px 0 0 8px;font-size:14px;line-height:1.3;color:#666;text-align:left}.qcat-cta b{display:block;margin-top:3px;color:#570f48;font-weight:700;white-space:nowrap}.qcat-card:hover .qcat-cta b{text-decoration:underline}.qcat-card:focus-visible{outline:2px solid #570f48;outline-offset:4px;border-radius:12px}.qcat-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:20px;min-height:330px;margin:0 0 44px;padding:44px 56px;border-radius:16px;background:#e0bf5a;overflow:hidden}.qcat-hero h2{margin:0 0 26px;font-size:clamp(30px,3.6vw,54px);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#1f1a12;text-transform:none}.qcat-btn{display:inline-flex;align-items:center;gap:12px;padding:17px 28px;border-radius:999px;background:#1f2126;color:#fff!important;font-size:18px;font-weight:700;text-decoration:none!important;transition:background .15s ease,transform .15s ease}.qcat-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}.qcat-btn:hover{background:#570f48}.qcat-btn:hover svg{transform:translate(3px)}.qcat-art{position:relative;height:270px}.qcat-art img{position:absolute;bottom:0;width:52%;height:auto;max-height:100%;object-fit:contain;mix-blend-mode:multiply}.qcat-art img:nth-child(1){left:2%;transform:rotate(-8deg)}.qcat-art img:nth-child(2){left:26%;bottom:-6px;transform:rotate(4deg);z-index:2}.qcat-art img:nth-child(3){right:0;transform:rotate(9deg)}.qseq-art{height:300px}.qseq-art:before{content:"";position:absolute;left:50%;top:52%;width:86%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffffff80,#fff0 68%);z-index:0;pointer-events:none;animation:qseq-glow 7s ease-in-out infinite}.qcat-art.qseq-art img{width:auto;max-width:none;height:auto;transform:none;left:auto;right:auto;bottom:auto;transform-origin:50% 100%;opacity:0;animation:qseq-in .8s cubic-bezier(.34,1.56,.64,1) forwards,qseq-float 6s ease-in-out infinite;transition:translate .45s cubic-bezier(.34,1.56,.64,1)}.qcat-art.qseq-art img.qart-1{height:46%;left:4%;top:4%;rotate:-9deg;z-index:1;animation-delay:.05s,-1s;animation-duration:.8s,6.4s}.qcat-art.qseq-art img.qart-2{height:42%;left:38%;top:0;rotate:5deg;z-index:1;animation-delay:.2s,-3.5s;animation-duration:.8s,5.6s}.qcat-art.qseq-art img.qart-3{height:46%;right:4%;top:6%;rotate:-4deg;z-index:1;animation-delay:.35s,-2s;animation-duration:.8s,6.8s}.qcat-art.qseq-art img.qart-4{height:58%;left:0;top:40%;rotate:6deg;z-index:3;animation-delay:.5s,-4.5s;animation-duration:.8s,5.2s}.qcat-art.qseq-art img.qart-5{height:64%;left:33%;top:34%;rotate:-5deg;z-index:4;animation-delay:.65s,-.5s;animation-duration:.8s,6s}.qcat-art.qseq-art img.qart-6{height:58%;right:0;top:40%;rotate:8deg;z-index:3;animation-delay:.8s,-3s;animation-duration:.8s,5.8s}.qcat-hero:hover .qseq-art img.qart-1,.qcat-hero:hover .qseq-art img.qart-4{translate:-10px 0}.qcat-hero:hover .qseq-art img.qart-3,.qcat-hero:hover .qseq-art img.qart-6{translate:10px 0}.qcat-hero:hover .qseq-art img.qart-2{translate:0 -10px}.qcat-hero:hover .qseq-art img.qart-5{translate:0 -6px}.qseq-spark{position:absolute;z-index:5;width:18px;height:18px;pointer-events:none;opacity:0;background:#fff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:qseq-twinkle 3.2s ease-in-out infinite}.qseq-spark.s1{left:30%;top:8%;animation-delay:1.1s}.qseq-spark.s2{right:10%;top:44%;width:13px;height:13px;animation-delay:2.2s}.qseq-spark.s3{left:8%;top:72%;width:11px;height:11px;animation-delay:2.9s}@keyframes qseq-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes qseq-float{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-9px) rotate(1.5deg)}70%{transform:translateY(-4px) rotate(-1.5deg)}}@keyframes qseq-twinkle{0%,to{opacity:0;transform:scale(.4) rotate(0)}45%{opacity:.95;transform:scale(1) rotate(45deg)}60%{opacity:.95;transform:scale(1) rotate(60deg)}}@keyframes qseq-glow{0%,to{opacity:.75}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.qcat-art.qseq-art img{animation:none;opacity:1;transition:none}.qseq-art:before,.qseq-spark{animation:none}}.qcat-title{margin:0 0 22px;text-align:left}.qcat-title h1{margin:0;padding:0;font-size:clamp(28px,2.6vw,40px);font-weight:700;letter-spacing:-.01em;color:#1f1f1f;text-transform:none;text-align:left}.qcat-title p{margin:6px 0 0;font-size:16px;color:#555}.qcat-h{margin:0 0 18px;font-size:30px;font-weight:700;letter-spacing:-.01em;color:#1f1f1f;text-transform:none;text-align:left}.qseq-sec{margin:0 0 44px}.qseq-sec+.qseq-sec{padding-top:36px;border-top:1px solid #e6e6e6}.qseq-grp{margin:0 0 30px}.qseq-gh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 14px;padding:0 0 8px;border-bottom:2px solid #f0e6ee}.qseq-gh h3{margin:0;padding:0;font-size:20px;font-weight:700;letter-spacing:-.01em;color:#570f48;text-transform:none;text-align:left}.qseq-gh a{flex:none;font-size:15px;font-weight:600;color:#570f48!important;text-decoration:none!important;white-space:nowrap}.qseq-gh a:hover{text-decoration:underline!important}.qseq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 26px}.qseq-grp+.qseq-grid{margin-top:4px}.qseq-grid+.qseq-grp{margin-top:30px}.qseq .qcat-name{margin:14px 0 0 4px;font-size:20px}.qseq .qcat-cta{margin:4px 0 0 4px;font-size:15px}.qseq .qcat-img{aspect-ratio:1/1}.qseq .qcat-img img{max-width:94%;max-height:94%}.qseq-x .qcat-img{background:#570f48;color:#fff;font-size:22px;font-weight:800;line-height:1.15;text-align:center;padding:12px}.qseq-x:nth-of-type(n) .qcat-img span{display:block}.qseq-grid li:nth-child(3n+2) .qseq-x .qcat-img{background:#e0bf5a;color:#1f1a12}.qseq-grid li:nth-child(3n) .qseq-x .qcat-img{background:#1f2126}.qseq-x:hover .qcat-img{background:#3f0a34}.qseq-x .qcat-name{display:none}.qseq-slider{position:relative;padding:0 46px}.qseq-track{display:grid!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 78px)/4);gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.qseq-track::-webkit-scrollbar{display:none}.qseq-track li{scroll-snap-align:start}.qseq-nav{position:absolute;top:calc(50% - 38px);z-index:2;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid #d9d9d9;border-radius:50%;background:#fff;color:#1f1f1f;cursor:pointer;box-shadow:0 2px 6px #00000014;transition:background .15s ease,opacity .15s ease}.qseq-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.qseq-nav:hover{background:#570f48;border-color:#570f48;color:#fff}.qseq-nav:disabled{opacity:.35;cursor:default;background:#fff;color:#1f1f1f;border-color:#d9d9d9}.qseq-prev{left:0}.qseq-next{right:0}.qseq-static{padding:0}.qseq-static .qseq-nav{display:none}@media(max-width:1024px){.qseq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qseq-track{grid-auto-columns:calc((100% - 2 * 20px) / 3)}}@media(max-width:900px){.qcat-hero{grid-template-columns:1fr;padding:32px 28px;min-height:0}.qcat-art{height:200px}.qseq-art{height:240px;max-width:460px;width:100%;margin:0 auto}}@media(max-width:640px){.qseq-art{height:200px}.qcat-art.qseq-art img.qart-2,.qcat-art.qseq-art img.qart-5{display:none}.qcat-art.qseq-art img.qart-1{left:14%}.qcat-art.qseq-art img.qart-3{right:14%}.qcat-h{font-size:24px}.qseq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.qseq .qcat-name{font-size:15px;margin:8px 0 0 2px}.qseq .qcat-cta{font-size:13px;margin:3px 0 0 2px}.qseq-gh h3{font-size:17px}.qseq-x .qcat-img{font-size:16px}.qseq-slider{padding:0}.qseq-nav{display:none}.qseq-track{grid-auto-columns:calc((100% - 12px) / 2.2);gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/qi-category-sequence.css.map */