.drw-story-gallery{font-family:inherit;color:#111827;margin:22px 0;box-sizing:border-box}.drw-story-gallery *{box-sizing:border-box}.drw-story-gallery-title{margin:0 0 16px}.drw-story-gallery-title h2{margin:0;font:800 clamp(18px,2vw,24px)/1.7 inherit;color:inherit}.drw-story-highlights{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;padding:5px 2px 12px;scrollbar-width:none;overscroll-behavior-inline:contain}.drw-story-highlights::-webkit-scrollbar{display:none}.drw-story-highlight{flex:0 0 84px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.drw-story-highlight-ring{display:flex;align-items:center;justify-content:center;width:76px;height:76px;padding:3px;border-radius:50%;background:conic-gradient(from 20deg,var(--drw-story-primary),#ec4899,#f59e0b,var(--drw-story-primary));box-shadow:0 6px 18px rgba(15,35,65,.12);transition:transform .2s ease}.drw-story-highlight:hover .drw-story-highlight-ring{transform:translateY(-2px) scale(1.025)}.drw-story-highlight-cover{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:3px solid #fff;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--drw-story-primary) 15%,#fff),#fff);overflow:hidden}.drw-story-highlight-cover img{display:block;width:100%;height:100%;object-fit:cover}.drw-story-highlight-cover b{color:var(--drw-story-primary);font-size:24px}.drw-story-highlight-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:84px;min-height:40px;font-size:13px;font-weight:700;line-height:1.55;text-align:center}.drw-story-viewer[hidden]{display:none!important}.drw-story-viewer{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .2s ease}.drw-story-viewer.is-open{opacity:1}.drw-story-backdrop{position:absolute;inset:0;background:rgba(3,8,20,.86);backdrop-filter:blur(8px)}.drw-story-stage{position:relative;width:min(410px,calc(100vw - 36px));height:min(730px,calc(100vh - 36px));aspect-ratio:9/16;border-radius:22px;background:#111827;box-shadow:0 24px 80px rgba(0,0,0,.45);overflow:hidden;transform:scale(.96);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.drw-story-viewer.is-open .drw-story-stage{transform:scale(1)}.drw-story-progress{position:absolute;z-index:9;top:11px;right:10px;left:10px;display:flex;direction:rtl;gap:4px}.drw-story-progress-item{flex:1;height:3px;border-radius:99px;background:rgba(255,255,255,.35);overflow:hidden}.drw-story-progress-item i{display:block;width:0;height:100%;border-radius:inherit;background:#fff}.drw-story-progress-item.is-done i{width:100%}.drw-story-topbar{position:absolute;z-index:8;top:22px;right:12px;left:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.55)}.drw-story-topbar>div{display:flex;align-items:center;gap:5px}.drw-story-topbar button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:var(--drw-story-primary);color:#fff;cursor:pointer;box-shadow:0 7px 22px color-mix(in srgb,var(--drw-story-primary) 42%,rgba(0,0,0,.25));transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.drw-story-topbar button:hover{transform:scale(1.06);filter:brightness(1.06);box-shadow:0 9px 26px color-mix(in srgb,var(--drw-story-primary) 52%,rgba(0,0,0,.28))}.drw-story-close{position:relative;flex:0 0 38px}.drw-story-close-icon{position:relative;display:block;width:16px;height:16px}.drw-story-close-icon:before,.drw-story-close-icon:after{content:"";position:absolute;top:7px;left:1px;width:14px;height:2px;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15)}.drw-story-close-icon:before{transform:rotate(45deg)}.drw-story-close-icon:after{transform:rotate(-45deg)}.drw-story-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#111827}.drw-story-media img,.drw-story-media video{display:block;width:100%;height:100%;object-fit:cover}.drw-story-caption{position:absolute;z-index:7;right:18px;bottom:76px;left:18px;padding:10px 13px;border-radius:12px;background:rgba(0,0,0,.42);color:#fff;font-size:14px;line-height:1.8;text-align:center;backdrop-filter:blur(6px)}.drw-story-action{position:absolute;z-index:8;right:50%;bottom:22px;transform:translateX(50%);display:inline-flex;align-items:center;justify-content:center;min-width:160px;min-height:42px;padding:9px 20px;border-radius:999px;background:#fff;color:var(--drw-story-primary)!important;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.22)}.drw-story-caption[hidden],.drw-story-action[hidden]{display:none!important}.drw-story-hit{position:absolute!important;z-index:6!important;top:62px!important;bottom:0!important;width:43%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;color:transparent!important;font-size:0!important;line-height:0!important;opacity:1!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important}.drw-story-hit-prev{right:0}.drw-story-hit-next{left:0}.drw-story-open{overflow:hidden!important}@media(max-width:767px){.drw-story-gallery{margin:17px 0}.drw-story-highlights{gap:12px}.drw-story-highlight{flex-basis:72px}.drw-story-highlight-ring{width:66px;height:66px}.drw-story-highlight-label{max-width:72px;font-size:12px}.drw-story-viewer{padding:0}.drw-story-stage{width:100vw;height:100dvh;max-height:none;aspect-ratio:auto;border-radius:0}.drw-story-caption{bottom:82px}.drw-story-viewer.is-open .drw-story-stage{transform:none}}@media(prefers-reduced-motion:reduce){.drw-story-highlight-ring,.drw-story-viewer,.drw-story-stage{transition:none!important}}

/* 1.24.58 — make story highlight item background fully transparent */
.drw-story-highlights,
.drw-story-highlights > *{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.drw-story-highlight{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.drw-story-highlight::before,
.drw-story-highlight::after,
.drw-story-highlight-ring::before,
.drw-story-highlight-ring::after,
.drw-story-highlight-cover::before,
.drw-story-highlight-cover::after{
  display:none!important;
  content:none!important;
}
.drw-story-highlight:focus,
.drw-story-highlight:hover,
.drw-story-highlight:active{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
}

/* 1.24.61 — compact, content-height story strip on page builders and shortcode hosts. */
.drw-story-gallery{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:20px 0!important;
  padding:0!important;
  align-self:flex-start!important;
  justify-self:stretch!important;
  overflow:visible!important;
}
.drw-story-gallery-title{
  height:auto!important;
  min-height:0!important;
}
.drw-story-highlights{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:150px!important;
  margin:0!important;
  padding:6px 2px 10px!important;
  align-content:flex-start!important;
  align-items:flex-start!important;
}
.drw-story-highlight{
  height:auto!important;
  min-height:0!important;
  max-height:132px!important;
}
.drw-story-host{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-self:flex-start!important;
  overflow:visible!important;
}
.elementor-widget-shortcode:has(.drw-story-gallery),
.elementor-widget-shortcode:has(.drw-story-gallery) > .elementor-widget-container,
.wp-block-shortcode:has(.drw-story-gallery),
.wpb_wrapper:has(> .drw-story-gallery),
.wd-text-block:has(.drw-story-gallery){
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-self:flex-start!important;
}
@media(max-width:767px){
  .drw-story-gallery{margin:16px 0!important}
  .drw-story-highlights{max-height:126px!important;padding:5px 1px 8px!important}
  .drw-story-highlight{max-height:116px!important}
}

/* ===== 1.25.225: square highlight covers, saved crop, visible close control, no empty overlays ===== */
.drw-story-highlight{
  flex:0 0 84px!important;
  width:84px!important;
  min-width:84px!important;
  max-width:84px!important;
}
.drw-story-highlight-ring{
  position:relative!important;
  flex:0 0 76px!important;
  width:76px!important;
  min-width:76px!important;
  max-width:76px!important;
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  overflow:hidden!important;
}
.drw-story-highlight-cover{
  position:relative!important;
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  overflow:hidden!important;
}
.drw-story-highlight-cover .drw-story-highlight-cover-image{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
.drw-story-highlight-cover .drw-story-highlight-cover-image.has-custom-crop{
  inset:auto!important;
  left:var(--drw-cover-left)!important;
  top:var(--drw-cover-top)!important;
  width:var(--drw-cover-w)!important;
  height:var(--drw-cover-h)!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
}
.drw-story-topbar{z-index:30!important;pointer-events:none!important}
.drw-story-topbar>div,.drw-story-current-title{pointer-events:auto!important}
.drw-story-topbar .drw-story-close{
  position:relative!important;
  z-index:35!important;
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:0!important;
  border:2px solid rgba(255,255,255,.92)!important;
  border-radius:50%!important;
  background:var(--drw-story-primary)!important;
  color:#fff!important;
  box-shadow:0 7px 24px rgba(0,0,0,.34),0 0 0 2px rgba(0,0,0,.10)!important;
  text-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.drw-story-close-svg{display:block!important;width:22px!important;height:22px!important;overflow:visible!important;pointer-events:none!important}
.drw-story-close-svg path{fill:none!important;stroke:#fff!important;stroke-width:2.6!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke!important}
.drw-story-action[hidden],.drw-story-caption[hidden],.drw-story-action:empty{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.drw-story-action:not([href]),.drw-story-action[href=""],.drw-story-action[href="#"]{display:none!important}
@media(max-width:767px){
  .drw-story-highlight{flex-basis:72px!important;width:72px!important;min-width:72px!important;max-width:72px!important}
  .drw-story-highlight-ring{flex-basis:66px!important;width:66px!important;min-width:66px!important;max-width:66px!important;height:66px!important;min-height:66px!important;max-height:66px!important}
  .drw-story-topbar .drw-story-close{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;flex-basis:40px!important}
}
