shopal-categories.sct{display:block;position:relative;width:100%;max-width:none;color:#fff4dc;background:#aa884f}.sct *{box-sizing:border-box}.sct__viewport{position:relative;padding:60px 5%;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#eedcaf,#ceb17a 34%,#aa884f 70%,#77572f)}.sct h2{position:relative;z-index:6;text-align:center;font-family:var(--font-heading--family,Georgia,serif);font-size:clamp(26px,3vw,44px);font-weight:400;line-height:1.15;margin:0;text-shadow:0 2px 15px #35200680}.sct__mountains{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;width:104%;height:104%;max-width:none;object-fit:fill;transform:scale(1.04);filter:brightness(1.03) sepia(.3);pointer-events:none;z-index:2}.sct__sun{position:absolute;left:50%;top:7%;width:18vw;height:18vw;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff9da,#ffe5a19c 20%,#e9bd5700 68%);filter:blur(12px);pointer-events:none;z-index:1}.sct__rays{position:absolute;top:-25%;right:-30%;bottom:-15%;left:-30%;z-index:3;pointer-events:none;opacity:.52;transform-origin:50% 19%;background:conic-gradient(from 118deg at 50% 19%,transparent 0deg,#fff4c500 9deg,#fff4c599 12deg,transparent 16deg,transparent 27deg,#fff1c270 30deg,transparent 34deg,transparent 49deg,#fff4c56b 54deg,transparent 59deg,transparent 72deg,#fff1c280 77deg,transparent 81deg,transparent 99deg,#fff3ca77 103deg,transparent 108deg,transparent 360deg);filter:blur(5px);-webkit-mask-image:linear-gradient(transparent 10%,#000 35%,#0009 70%,transparent 100%);mask-image:linear-gradient(transparent 10%,#000 35%,#0009 70%,transparent 100%)}.sct__ground-light{position:absolute;z-index:3;pointer-events:none;left:23%;right:23%;bottom:16%;height:13%;border-radius:50%;background:radial-gradient(ellipse,#fff1be77,transparent 70%);filter:blur(18px)}.sct__scene{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:50px auto 0;max-width:1400px}.sct__item{display:block;text-align:center;text-decoration:none;color:inherit}.sct__visual{height:280px;position:relative}.sct__visual img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 18px #38250c38)}.sct__item span{display:block;font-family:var(--font-heading--family,Georgia,serif);font-size:clamp(24px,3vw,44px);line-height:1.1;margin-top:18px;text-shadow:0 2px 14px #4d321563}.sct__item small{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-top:14px}.sct__nav,.sct__arrows{display:none}.sct a:focus-visible,.sct button:focus-visible{outline:2px solid #fff0bc;outline-offset:6px}.sct.is-scroll{height:300svh}.sct.is-scroll .sct__viewport{height:100svh;min-height:480px;position:sticky;top:0;padding-top:8svh}.sct.is-scroll .sct__scene{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:0;max-width:none;perspective:1100px}.sct.is-scroll .sct__item{position:absolute;top:51%;left:50%;width:min(35vw,500px);will-change:transform,opacity;transform-origin:center}.sct.is-scroll .sct__visual{height:clamp(230px,42svh,470px)}.sct.is-scroll .sct__item span,.sct.is-scroll .sct__item small{opacity:var(--sct-caption,0)}.sct.is-scroll .sct__nav{position:absolute;z-index:8;display:flex;justify-content:center;gap:24px;left:8%;right:8%;bottom:4svh;flex-wrap:wrap}.sct__nav button{font:inherit;font-size:13px;background:none;color:#ead9b9;border:0;border-bottom:1px solid transparent;padding:10px 0;cursor:pointer;text-shadow:0 1px 6px #20180d}.sct__nav button[aria-current=true]{color:#fff7dd;border-bottom-color:#ffe2a5}.sct.is-scroll .sct__arrows{position:absolute;inset:48% 5% auto;z-index:8;display:flex;justify-content:space-between;pointer-events:none}.sct__arrows button{pointer-events:auto;width:46px;height:46px;border:1px solid #e3c78f88;background:#2a211c26;border-radius:50%;color:#fff4d7;font-size:23px;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sct__arrows button:disabled{opacity:.25;cursor:default}.sct.is-visible .sct__rays{animation:sct-sunlight 12s ease-in-out infinite alternate}.sct.is-scroll.is-visible .is-selected .sct__visual{animation:sct-float 5s ease-in-out infinite}@keyframes sct-float{0%,to{transform:translateY(-5px) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes sct-sunlight{0%{transform:rotate(-4deg);opacity:.38}to{transform:rotate(4deg);opacity:.6}}@media(max-width:749px){.sct__scene{grid-template-columns:repeat(2,minmax(0,1fr))}.sct__visual{height:180px}.sct h2{font-size:27px;max-width:80%;margin:auto}.sct.is-scroll .sct__viewport{min-height:0;padding-top:8svh}.sct.is-scroll .sct__item{width:65vw;top:50%}.sct.is-scroll .sct__visual{height:35svh}.sct__item span{font-size:30px}.sct__item small{font-size:10px;letter-spacing:.12em}.sct.is-scroll .sct__nav{bottom:max(18px,env(safe-area-inset-bottom));left:5%;right:5%;gap:2px 15px}.sct__nav button{font-size:11px}.sct.is-scroll .sct__arrows{left:3%;right:3%;top:73%}.sct__arrows button{width:38px;height:38px}.sct__sun{width:50vw;height:50vw;top:10%}}@media(prefers-reduced-motion:reduce){.sct__rays,.sct__visual{animation:none!important}.sct__mountains{opacity:.5}.sct__item span{font-size:24px}}.sct__visual svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 22px 18px #38250c38)}.sct__item[data-category=porte-feuille] svg{padding:5% 7%}.sct__item{color:#fff!important}.sct__visual{contain:paint;filter:brightness(.3) blur(1.25px)}.sct__visual img,.sct__visual svg{filter:none!important}.sct__visual svg{overflow:hidden}.sct__item.is-selected .sct__visual{filter:brightness(1.08)}.sct__item[data-category=cientures-1] .sct__visual svg{width:73%;margin-inline:auto}.sct__item span{color:#fff!important;font-weight:600;text-shadow:0 2px 3px #201408,0 4px 16px #261609,0 0 28px #26160999}.sct__item small{color:#fff;text-shadow:0 2px 5px #201408}.sct__item.is-selected span{animation:sct-title-reveal .6s cubic-bezier(.2,.7,.2,1) both}.sct__sun{width:22vw;height:22vw;top:3%;filter:blur(16px)}.sct__rays{top:0;right:18%;bottom:0;left:18%;transform:none;transform-origin:50% 0%;background:linear-gradient(180deg,#fffbe0c9 0%,#fff0bb88 40%,#ffe7a83b 72%,transparent 100%);clip-path:polygon(47% 0,53% 0,91% 85%,9% 85%);-webkit-mask-image:linear-gradient(#000,#000 55%,transparent 90%);mask-image:linear-gradient(#000,#000 55%,transparent 90%);filter:blur(18px);opacity:.8}.sct.is-visible .sct__rays{animation:sct-focus-light 5s ease-in-out infinite alternate}.sct__ground-light{left:34%;right:34%;bottom:25%;height:17%;background:radial-gradient(ellipse,#fff3bdcc,transparent 70%);filter:blur(18px)}.sct__viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#140d0880,transparent 36%,transparent 64%,#140d0880)}@keyframes sct-title-reveal{0%{transform:translateY(15px);letter-spacing:.04em}to{transform:translateY(0);letter-spacing:0}}@keyframes sct-focus-light{0%{opacity:.66}to{opacity:.86}}@media(max-width:749px){.sct.is-scroll .sct__item{width:62vw}.sct__item[data-category=cientures-1] .sct__visual svg{width:78%}.sct__item span{font-size:29px}.sct__rays{top:0;right:10%;bottom:0;left:10%}.sct__ground-light{left:24%;right:24%}.sct__sun{width:44vw;height:44vw}}@media(prefers-reduced-motion:reduce){.sct__item span,.sct__rays{animation:none!important}.sct__visual{filter:none}}.sct:not(.is-scroll) .sct__visual{filter:none}.sct__rays{clip-path:none;background:conic-gradient(from 152deg at 50% 0%,transparent 0deg,#fff3c233 6deg,#fff3c2ac 20deg,#fff3c2ac 36deg,#fff3c233 50deg,transparent 56deg,transparent 360deg);filter:blur(12px)}.sct.is-scroll .sct__visual,.sct.is-scroll .sct__item.is-selected .sct__visual{filter:brightness(var(--sct-brightness,.27)) blur(var(--sct-softness,1.25px))}.sct.is-scroll .sct__item[data-category=bracelets] .sct__visual svg{width:94%;margin:auto}.sct.is-scroll .sct__item[data-category=parfum] .sct__visual svg{width:82%;margin:auto}.sct.is-scroll .sct__viewport{--sct-fade:linear-gradient(to bottom,transparent 0%,#000 14%,#000 100%);background:none}.sct.is-scroll{background:transparent}.sct.is-scroll .sct__viewport:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,#eedcaf,#ceb17a 34%,#aa884f 70%,#77572f);mask-image:var(--sct-fade);-webkit-mask-image:var(--sct-fade)}.sct.is-scroll .sct__mountains,.sct.is-scroll .sct__viewport:after{mask-image:var(--sct-fade);-webkit-mask-image:var(--sct-fade)}.sct.is-scroll .sct__sun{opacity:.5}@media(max-width:749px){.sct.is-scroll .sct__nav{gap:1px 12px}.sct__nav button{font-size:11px}.sct.is-scroll .sct__viewport{--sct-fade:linear-gradient(to bottom,transparent,#000 12%,#000)}}.sct__decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.sct.is-scroll .sct__decor{mask-image:var(--sct-fade);-webkit-mask-image:var(--sct-fade)}.sct.is-scroll .sct__decor .sct__mountains{mask-image:none;-webkit-mask-image:none}body.shopal-canyon-home .shopal-categories-section{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.95) 82%,rgba(0,0,0,.75) 87%,rgba(0,0,0,.45) 92%,rgba(0,0,0,.18) 96%,transparent 100%)!important;mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.95) 82%,rgba(0,0,0,.75) 87%,rgba(0,0,0,.45) 92%,rgba(0,0,0,.18) 96%,transparent 100%)!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-size:100% 100%!important;mask-size:100% 100%!important}body.shopal-canyon-home shopal-categories.sct .sct__item[data-category=parfum] .sct__visual{display:flex;align-items:center;justify-content:center}body.shopal-canyon-home shopal-categories.sct .sct__item[data-category=parfum] .sct__visual svg{display:block;width:82%!important;height:100%;margin:0 auto!important;transform:translate(0)!important;transform-origin:center center}body.shopal-canyon-home shopal-categories.sct .sct__item span{color:#fffdf7!important;font-weight:650!important;text-shadow:0 1px 2px rgba(0,0,0,.95),0 3px 8px rgba(0,0,0,.78),0 0 22px rgba(0,0,0,.48)!important}body.shopal-canyon-home shopal-categories.sct h2{color:#fffdf7!important;text-shadow:0 1px 2px rgba(0,0,0,.95),0 4px 13px rgba(0,0,0,.72)!important}@media(max-width:749px){body.shopal-canyon-home shopal-categories.sct .sct__item[data-category=parfum] .sct__visual svg{width:86%!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/shopal-categories.css.map */