/* All Customisation Handle – Image Slider (front end) */
.tbds{position:relative;margin:0 auto;padding:var(--tbds-pad,0) 0;user-select:none;-webkit-user-select:none;box-sizing:border-box}
.tbds *,.tbds *::before,.tbds *::after{box-sizing:border-box}
.tbds-viewport{position:relative;overflow:hidden;border-radius:var(--tbds-r,16px)}
.tbds-track{display:flex;gap:var(--tbds-gap,18px);cursor:grab;will-change:transform;touch-action:pan-y;transition:transform var(--tbds-speed,600ms) cubic-bezier(.22,.61,.36,1)}
.tbds-track.is-dragging{transition:none;cursor:grabbing}
.tbds-nodrag .tbds-track{cursor:default}
.tbds-slide{flex:0 0 calc(var(--tbds-w,40%) - var(--tbds-gap,18px));min-width:0;border-radius:var(--tbds-sr,14px);overflow:hidden}
.tbds-inner{display:block;width:100%;height:100%;position:relative;overflow:hidden;border-radius:var(--tbds-sr,14px);transition:transform .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s ease;-webkit-tap-highlight-color:transparent}
.tbds-inner img,.tbds-img{display:block;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover;pointer-events:none;-webkit-user-drag:none;border-radius:0!important;box-shadow:none!important}
.tbds-sh-soft .tbds-inner{box-shadow:0 2px 14px -9px rgb(20,30,20)}
.tbds-sh-medium .tbds-inner{box-shadow:0 8px 22px -10px rgba(20,30,20,.3)}
.tbds-border .tbds-inner{border:1px solid rgba(0,0,0,.06)}
.tbds-fx-press .tbds-inner:active{transform:scale(.97)}
.tbds-fx-inset .tbds-inner{transform:scale(.96)}
.tbds-fx-inset .tbds-inner:hover{transform:scale(.98)}

/* ---------- Template: Center Focus ---------- */
.tbds-t-focus .tbds-slide{transition:transform .55s cubic-bezier(.22,.61,.36,1),opacity .55s ease;transform:scale(.86);opacity:.5}
.tbds-t-focus .tbds-slide.is-current{transform:scale(1);opacity:1}

/* ---------- Templates: Fade Hero + Stacked Cards (banners on top of each other) ---------- */
.tbds-t-fade .tbds-track,.tbds-t-stack .tbds-track{display:grid;gap:0!important;transform:none!important;transition:none}
.tbds-t-fade .tbds-slide,.tbds-t-stack .tbds-slide{grid-area:1/1;flex:none}
.tbds-t-fade .tbds-slide{width:100%;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s ease}
.tbds-t-fade .tbds-slide.is-current{opacity:1;visibility:visible;z-index:2}
.tbds-t-fade .tbds-slide.is-current .tbds-img{animation:tbdsKen calc(var(--tbds-delay,4s) + 1s) ease-out both}
@keyframes tbdsKen{from{transform:scale(1.08)}to{transform:scale(1)}}
.tbds-t-stack .tbds-viewport{overflow:hidden;padding:8px 0}
.tbds-t-stack .tbds-slide{width:var(--tbds-w,86%);justify-self:start;opacity:0;pointer-events:none;transform-origin:right center;transition:transform .55s cubic-bezier(.22,.61,.36,1),opacity .45s ease}
.tbds-t-stack .tbds-slide.is-current{pointer-events:auto}
.tbds-t-fade:not([data-tbds-init]) .tbds-slide:first-child{opacity:1;visibility:visible}
.tbds-t-stack:not([data-tbds-init]) .tbds-slide:first-child{opacity:1}
.tbds-t-stack .tbds-track.is-dragging .tbds-slide{transition:none}


/* ---------- Template: Hero (text + product) ---------- */
.tbds-t-hero .tbds-track{display:grid;gap:0!important;transform:none!important;transition:none}
.tbds-t-hero .tbds-slide{grid-area:1/1;flex:none;width:100%;border-radius:0;overflow:visible;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}
.tbds-t-hero .tbds-slide.is-current{opacity:1;visibility:visible;z-index:2}
.tbds-t-hero:not([data-tbds-init]) .tbds-slide:first-child{opacity:1;visibility:visible}
.tbds-t-hero.tbds-fill .tbds-viewport,.tbds-t-hero.tbds-fill .tbds-track,.tbds-t-hero.tbds-fill .tbds-slide{height:100%}
.tbds-t-hero.tbds-fill .tbds-track{grid-template-rows:100%}
.tbds-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100%;padding:15px 22px 15px 12px}
.tbds-hero-content{max-width:520px;position:relative;z-index:3;top:-4%}
.tbds .tbds-hero-eyebrow{font-family:'Lato',sans-serif;font-size:var(--hs-ey-d);font-weight:700;color:var(--hs-ey);letter-spacing:.4px;line-height:1.3;margin:0 0 24px;padding:0}
.tbds .tbds-hero-heading{font-size:var(--hs-hd-d);font-weight:700!important;line-height:1.15;color:var(--hs-hd);margin:0 0 22px;padding:0;text-transform:none;letter-spacing:normal}
.tbds .tbds-hero-grad{display:block;background:linear-gradient(90deg,var(--hs-g1) 0%,var(--hs-g2) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.tbds .tbds-hero-desc{font-family:'Inter',sans-serif;font-size:clamp(calc(var(--hs-ds-d) * .82), 1.4vw, var(--hs-ds-d));line-height:1.5;color:var(--hs-ds);letter-spacing:-.3px;margin:0 0 26px;padding:0;max-width:420px}
.tbds .tbds-hero-features{list-style:none;margin:0 0 38px;padding:0;display:flex;flex-direction:column;gap:10px}
.tbds .tbds-hero-features li{display:flex;align-items:center;gap:8px;margin:0;padding:0;font-family:'Inter',sans-serif;font-size:clamp(calc(var(--hs-ft-d) * .867), 1.1vw, var(--hs-ft-d));line-height:1.35;color:var(--hs-ft);letter-spacing:-.3px;background:none}
.tbds .tbds-hero-features li::before{content:none;display:none}
.tbds .tbds-hero-features svg{flex-shrink:0;color:var(--hs-ck)}
.tbds-hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.tbds .tbds-hero-btn{display:flex;align-items:center;gap:8px;padding:11px 18px;border-radius:6px;font-family:'Lato',sans-serif;font-size:var(--hs-bt-d);font-weight:700;white-space:nowrap;text-decoration:none!important;transition:opacity .15s}
.tbds .tbds-hero-btn:hover{opacity:.88}
.tbds .tbds-hero-btn-solid,.tbds .tbds-hero-btn-solid:hover{background:var(--hs-b1bg);color:var(--hs-b1c)!important}
.tbds .tbds-hero-btn-outline,.tbds .tbds-hero-btn-outline:hover{background:var(--hs-b2bg);color:var(--hs-b2c)!important;border:2px solid var(--hs-b2c)}
.tbds-hero-visual{flex:1 1 460px;max-width:560px;position:relative;height:100%;min-height:420px;display:flex;align-items:center;justify-content:center;z-index:2}
.tbds .tbds-hero-visual img{height:auto;margin:0;box-shadow:none;border-radius:0}
.tbds .tbds-hero-decor{position:absolute;opacity:.9;pointer-events:none}
.tbds .tbds-hd-grad{width:74%;left:3%;top:12%}
.tbds .tbds-hd-tr{width:52%;right:-23%;top:-18%}
.tbds .tbds-hd-bl{width:52%;left:2%;bottom:-26%}
.tbds .tbds-hd-dsq{width:18%;left:-4%;top:53%}
.tbds .tbds-hd-dci{width:44%;right:22%;top:6%}
.tbds .tbds-hero-product{position:relative;width:84%;z-index:3;top:-4%;left:-8%;filter:drop-shadow(0 10px 18px rgba(0,0,0,.12));pointer-events:none}
.tbds .tbds-hero-badges{position:absolute;top:2%;right:0;width:33%;z-index:4;filter:drop-shadow(0 13px 15px rgba(0,0,0,.35));pointer-events:none}
.tbds .tbds-hero-premium{position:absolute;bottom:1.2%;left:22%;width:46%;max-width:230px;z-index:4;pointer-events:none}
.tbds-t-hero .tbds-dots{position:absolute;left:40px;bottom:16px;z-index:5;margin:0;justify-content:flex-start}
.tbds-t-hero .tbds-nav{position:absolute;left:40px;bottom:10px;z-index:5;margin:0}
@media (max-width:1189px){.tbds .tbds-hero-heading{font-size:calc(var(--hs-hd-d) * .92)}}
@media (max-width:1099px){
	.tbds-hero{padding:15px 22px 15px 0}
	.tbds-hero-content{max-width:346px;width:100%}
	.tbds .tbds-hero-heading{font-size:calc(var(--hs-hd-d) * .9)}
	.tbds .tbds-hero-product{width:90%;left:-11%}
}
@media (max-width:1024px){
	.tbds-hero{padding:15px 10px 15px 0}
	.tbds .tbds-hero-eyebrow{font-size:var(--hs-ey-t);margin:0 0 20px}
	.tbds .tbds-hero-heading{font-size:min(var(--hs-hd-t), 4.5vw)}
	.tbds .tbds-hero-desc{font-size:var(--hs-ds-t);margin:0 0 20px}
	.tbds .tbds-hero-features{margin:0 0 32px}
	.tbds .tbds-hero-features li{font-size:var(--hs-ft-t)}
	.tbds .tbds-hero-btn{font-size:var(--hs-bt-t);padding:8.5px 16px}
	.tbds .tbds-hd-grad{width:92%;left:-1%;top:14%}
	.tbds .tbds-hd-bl{bottom:-18%}
	.tbds .tbds-hd-dsq{top:58%}
	.tbds .tbds-hd-dci{width:46%;right:9%;top:12%}
	.tbds .tbds-hero-product{top:-2%;width:100%;left:-7%}
}
@media (max-width:991px) and (min-width:768px){.tbds-t-hero .tbds-dots,.tbds-t-hero .tbds-nav{left:12px}}
@media (max-width:767px){
	.tbds-t-hero.tbds-fill,.tbds-t-hero.tbds-fill .tbds-viewport,.tbds-t-hero.tbds-fill .tbds-track,.tbds-t-hero.tbds-fill .tbds-slide{height:auto}
	.tbds-t-hero.tbds-fill .tbds-track{grid-template-rows:auto}
	.tbds-hero{flex-direction:column;gap:18px;height:auto;padding:24px 18px 64px;text-align:left}
	.tbds-hero-content{max-width:100%;order:2}
	.tbds-hero-visual{order:1;flex:0 0 auto;width:100%;max-width:340px;height:280px;min-height:0;margin:0 auto}
	.tbds .tbds-hero-product{width:80%;max-width:260px}
	.tbds .tbds-hero-badges{width:34%;max-width:120px;top:-4%;right:-4%}
	.tbds .tbds-hero-premium{width:52%;max-width:190px;bottom:0;right:0}
	.tbds .tbds-hero-eyebrow{font-size:var(--hs-ey-m)}
	.tbds .tbds-hero-heading{font-size:clamp(calc(var(--hs-hd-m) * .733), 6vw, var(--hs-hd-m))}
	.tbds .tbds-hero-desc{font-size:var(--hs-ds-m)}
	.tbds .tbds-hero-features li{font-size:var(--hs-ft-m)}
	.tbds .tbds-hero-btn{font-size:var(--hs-bt-m)}
	.tbds-t-hero .tbds-dots{left:50%;bottom:8px;transform:translateX(-50%)}
	.tbds-t-hero .tbds-nav{left:50%;bottom:4px;transform:translateX(-50%)}
}
@media (max-width:420px){
	.tbds-hero-visual{max-width:280px;height:240px}
	.tbds .tbds-hero-btn{font-size:calc(var(--hs-bt-m) * .93);padding:9px 14px}
}

/* ---------- Template: Marquee ---------- */
.tbds-t-marquee .tbds-track{transition:none;cursor:grab}

/* ---------- Dots: Timer pill (default) ---------- */
.tbds-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--tbds-dot-g,8px);margin-top:var(--tbds-dot-mt,20px)}
.tbds .tbds-dot{position:relative;display:block;width:var(--tbds-dot-s,8px);height:var(--tbds-dot-s,8px);min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:999px;background:var(--tbds-dot,#d7dbd8);box-shadow:none;cursor:pointer;overflow:hidden;line-height:0;font-size:0;transition:width .45s cubic-bezier(.22,.61,.36,1),background-color .3s ease,transform .3s ease}
.tbds .tbds-dot:hover{background:var(--tbds-dot-h,#b9c0bb)}
.tbds .tbds-dot.is-active{width:var(--tbds-dot-w,30px);background:var(--tbds-dot-a,#e3e9e3)}
.tbds .tbds-dot:focus-visible{outline:2px solid var(--tbds-dot-f,#3fa535);outline-offset:2px}
.tbds-dot.is-active .tbds-dot-fill{position:absolute;inset:0;width:0;border-radius:999px;background:var(--tbds-dot-f,#3fa535);animation:tbdsFill var(--tbds-delay,4s) linear forwards}
.tbds-noauto .tbds-dot.is-active .tbds-dot-fill{animation:none;width:100%}
@keyframes tbdsFill{from{width:0}to{width:100%}}

/* Dots: Story bars */
.tbds-dots-bars{flex-wrap:nowrap;max-width:440px;margin-left:auto;margin-right:auto}
.tbds .tbds-dots-bars .tbds-dot{flex:1 1 0;width:auto;height:max(3px,calc(var(--tbds-dot-s,8px) / 2.4));border-radius:4px}
.tbds .tbds-dots-bars .tbds-dot.is-active{width:auto;background:var(--tbds-dot,#d7dbd8)}
.tbds .tbds-dots-bars .tbds-dot.is-done{background:var(--tbds-dot-f,#3fa535)}

/* Dots: Simple dots */
.tbds .tbds-dots-dots .tbds-dot.is-active{width:var(--tbds-dot-s,8px);background:var(--tbds-dot-f,#3fa535);transform:scale(1.35)}
.tbds-dots-dots .tbds-dot-fill{display:none}

/* Dots: Counter 01 / 08 */
.tbds-count{display:flex;align-items:center;gap:8px;font:600 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#1d3145;letter-spacing:.5px;font-variant-numeric:tabular-nums}
.tbds-count .tbds-cur{color:var(--tbds-dot-f,#3fa535);font-size:15px}
.tbds-count .tbds-tot{opacity:.6}
.tbds-count .tbds-line{position:relative;display:block;width:70px;height:3px;border-radius:3px;background:var(--tbds-dot,#d7dbd8);overflow:hidden}
.tbds-count .tbds-dot-fill{position:absolute;inset:0;width:0;border-radius:3px;background:var(--tbds-dot-f,#3fa535);animation:tbdsFill var(--tbds-delay,4s) linear forwards}
.tbds-noauto .tbds-count .tbds-dot-fill{animation:none;width:100%}

/* ---------- Arrows ---------- */
.tbds .tbds-arrow{position:absolute;top:50%;z-index:6;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:var(--tbds-ar-bg,#fff);color:var(--tbds-ar,#1d3145);box-shadow:0 4px 14px rgba(0,0,0,.18);cursor:pointer;line-height:0;transition:transform .2s ease,opacity .25s ease,background-color .2s ease}
.tbds .tbds-arrow:hover{transform:translateY(-50%) scale(1.08)}
.tbds .tbds-arrow:focus-visible{outline:2px solid var(--tbds-dot-f,#3fa535);outline-offset:2px}
.tbds .tbds-arrow svg{width:18px;height:18px;display:block}
.tbds-prev{left:10px}.tbds-next{right:10px}
.tbds-ar-square .tbds-arrow{border-radius:10px}
.tbds-ar-glass .tbds-arrow{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);border:1px solid rgba(255,255,255,.7);box-shadow:0 6px 20px rgba(0,0,0,.12)}
.tbds-ar-minimal .tbds-arrow{width:44px;height:44px;background:transparent;box-shadow:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}
.tbds-ar-minimal .tbds-arrow svg{width:28px;height:28px}
@media (hover:hover){.tbds-ar-hover.tbds-arpos-sides .tbds-arrow{opacity:0}.tbds-ar-hover.tbds-arpos-sides:hover .tbds-arrow,.tbds-ar-hover .tbds-arrow:focus-visible{opacity:1}}
/* Below, around the dots */
.tbds-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:var(--tbds-dot-mt,20px)}
.tbds-nav .tbds-dots{margin-top:0}
.tbds .tbds-nav .tbds-arrow{position:static;transform:none;flex:0 0 auto}
.tbds .tbds-nav .tbds-arrow:hover{transform:scale(1.08)}
.tbds-ar-minimal .tbds-nav .tbds-arrow{color:var(--tbds-ar,#1d3145);filter:none}

@media (prefers-reduced-motion:reduce){.tbds-track,.tbds-inner,.tbds-dot,.tbds-slide{transition:none!important}.tbds-dot.is-active .tbds-dot-fill,.tbds-count .tbds-dot-fill{animation:none;width:100%}.tbds-t-fade .tbds-img{animation:none!important}}