/* Xtylish Premium Hero Slider */
.xths-slider{
 position:relative;width:100%;height:520px;min-height:0;overflow:hidden;background:#101010;color:#fff;
 isolation:isolate;font-family:inherit;
}
.xths-track{height:100%;width:100%;position:relative}
.xths-slide{
 position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;
 transform:scale(1.035);transition:opacity .75s ease,transform 1.2s cubic-bezier(.2,.65,.2,1);
}
.xths-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}
.xths-bg{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat}
.xths-overlay{
 position:absolute;inset:0;
 background:
 linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 34%,rgba(0,0,0,.16) 66%,rgba(0,0,0,.34) 100%),
 linear-gradient(0deg,rgba(0,0,0,.36),transparent 45%);
 opacity:calc(.7 + var(--xths-overlay)*.3);
}
.xths-noise{position:absolute;inset:0;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
.xths-inner{
 position:relative;z-index:2;width:min(1320px,calc(100% - 120px));height:100%;margin:0 auto;
 display:flex;align-items:center;justify-content:space-between;gap:40px;box-sizing:border-box;
}
.xths-copy{width:54%;max-width:650px;position:relative;z-index:4}
.xths-align-center .xths-copy{text-align:center;margin:0 auto}
.xths-align-right .xths-copy{text-align:right;margin-left:auto}
.xths-kicker{
 display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:#d3aa5b;font-size:11px;
 font-weight:800;letter-spacing:3px;text-transform:uppercase;
}
.xths-kicker:before{content:"";display:block;width:30px;height:1px;background:currentColor}
.xths-heading{
 margin:0;color:#fff;font-size:clamp(40px,4.7vw,72px);line-height:.98;font-weight:750;
 letter-spacing:-2.8px;text-wrap:balance;text-shadow:0 5px 25px rgba(0,0,0,.22)
}
.xths-description{
 margin:22px 0 0;max-width:560px;color:rgba(255,255,255,.78);font-size:15px;line-height:1.7;
}
.xths-align-center .xths-description{margin-left:auto;margin-right:auto}
.xths-align-right .xths-description{margin-left:auto}
.xths-meta{margin-top:17px}
.xths-price{font-size:14px;font-weight:650;color:#fff;letter-spacing:.3px}
.xths-btn{
 display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:26px;padding:0 23px;
 border-radius:4px;text-decoration:none!important;font-size:13px;font-weight:750;letter-spacing:.2px;
 transition:transform .25s ease,box-shadow .25s ease,background .25s ease
}
.xths-btn-primary{color:#111!important;background:#d0a24a;box-shadow:0 12px 28px rgba(208,162,74,.24)}
.xths-btn-primary:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(208,162,74,.3)}
.xths-product-wrap{
 position:relative;width:46%;height:100%;display:flex;align-items:center;justify-content:center;z-index:3;
 pointer-events:none;
}
.xths-product{
 position:relative;z-index:3;width:min(100%,560px);max-height:86%;height:auto;object-fit:contain;
 filter:drop-shadow(0 30px 35px rgba(0,0,0,.42));transform:translateY(3%);
 animation:xthsFloat 5s ease-in-out infinite;
}
@keyframes xthsFloat{0%,100%{transform:translateY(3%)}50%{transform:translateY(-1%)}}
.xths-product-glow{
 position:absolute;width:65%;height:58%;border-radius:50%;
 background:radial-gradient(ellipse,rgba(208,162,74,.23) 0%,rgba(208,162,74,.07) 38%,transparent 72%);
 filter:blur(12px)
}
.xths-demo-watch{
 width:230px;height:310px;border-radius:46% 46% 40% 40%;position:relative;
 background:linear-gradient(145deg,#151515,#777,#111);box-shadow:inset 0 0 0 10px #242424,0 35px 60px rgba(0,0,0,.5);
 transform:rotate(7deg);
}
.xths-demo-watch:before,.xths-demo-watch:after{
 content:"";position:absolute;left:35%;width:30%;height:100px;background:#111;z-index:-1
}
.xths-demo-watch:before{top:-90px}.xths-demo-watch:after{bottom:-90px}
.xths-demo-dial{
 position:absolute;inset:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
 background:radial-gradient(circle,#252525,#050505);border:4px solid #999;color:#d0a24a;font-weight:800;font-size:28px;
 box-shadow:inset 0 0 35px #000
}
.xths-demo-hand{position:absolute;left:50%;top:49%;width:65px;height:3px;background:#ddd;transform-origin:left;transform:rotate(-35deg);z-index:2}
.xths-nav{
 position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid rgba(255,255,255,.28);
 border-radius:50%;background:rgba(0,0,0,.14);backdrop-filter:blur(8px);color:#fff;font-size:19px;cursor:pointer;
 transition:all .25s ease
}
.xths-nav:hover{background:#d0a24a;border-color:#d0a24a;color:#111}
.xths-prev{left:25px}.xths-next{right:25px}
.xths-controls{
 position:absolute;z-index:9;left:50%;bottom:27px;transform:translateX(-50%);display:flex;align-items:center;gap:25px
}
.xths-dots{display:flex;gap:7px;align-items:center}
.xths-dot{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.42);cursor:pointer;transition:all .25s ease}
.xths-dot.is-active{width:28px;background:#d0a24a}
.xths-counter{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.65);font-size:10px;letter-spacing:1px}
.xths-counter .xths-current{color:#fff;font-weight:800}
.xths-line{width:34px;height:1px;background:rgba(255,255,255,.35)}
.xths-progress{position:absolute;z-index:9;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.12)}
.xths-progress-fill{display:block;width:33.333%;height:100%;background:#d0a24a;transition:transform .5s ease}
@media(max-width:1024px){
 .xths-slider{height:470px}
 .xths-inner{width:calc(100% - 85px);gap:18px}
 .xths-copy{width:57%}.xths-product-wrap{width:43%}
 .xths-heading{font-size:clamp(38px,5.4vw,58px);letter-spacing:-2px}
 .xths-description{font-size:14px}
 .xths-product{max-width:450px}
}
@media(max-width:767px){
 .xths-slider{height:560px}
 .xths-inner{width:calc(100% - 40px);padding:38px 0 64px;display:flex;flex-direction:column;justify-content:center;gap:0}
 .xths-copy{width:100%;max-width:100%;text-align:center!important;order:2}
 .xths-product-wrap{width:100%;height:54%;order:1;min-height:245px}
 .xths-product{width:min(92%,390px);max-height:100%}
 .xths-product-glow{width:78%;height:70%}
 .xths-heading{font-size:clamp(34px,10vw,47px);line-height:1.01;letter-spacing:-1.5px}
 .xths-kicker{font-size:9px;letter-spacing:2px;margin-bottom:13px}
 .xths-kicker:before{width:20px}
 .xths-description{font-size:12px;line-height:1.55;margin:14px auto 0;max-width:460px}
 .xths-meta{margin-top:10px}.xths-price{font-size:12px}
 .xths-btn{min-height:43px;margin-top:16px;padding:0 19px;font-size:12px}
 .xths-nav{width:36px;height:36px;font-size:16px}.xths-prev{left:9px}.xths-next{right:9px}
 .xths-controls{bottom:18px;gap:17px}
 .xths-counter{display:none}
 .xths-demo-watch{width:150px;height:205px}
 .xths-demo-watch:before,.xths-demo-watch:after{height:65px}
 .xths-demo-watch:before{top:-58px}.xths-demo-watch:after{bottom:-58px}
 .xths-demo-dial{inset:26px;font-size:20px}
}
@media(max-width:380px){
 .xths-slider{height:535px}
 .xths-inner{width:calc(100% - 30px);padding-bottom:55px}
 .xths-product-wrap{min-height:215px;height:51%}
 .xths-heading{font-size:31px}
 .xths-description{font-size:11px}
 .xths-btn{min-height:40px}
}