
/* JDSAS Performance 4.6.7 — CINEMATIC SNAP
   Mobile only. Desktop HTML/styles retained.
   Existing six Elementor category widgets remain editable and linked.
*/
@media(max-width:767px) {
  html,body {max-width:100%;overflow-x:clip;}
  body .jdsas42-categories {
    display:block!important;
    position:relative!important;
    padding:27px 0 22px!important;
    margin:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    background:radial-gradient(ellipse at 20% 20%,rgba(118,9,27,.15),transparent 52%),
               linear-gradient(180deg,#090c11,#11151c 58%,#090c11)!important;
  }
  body .jdsas42-categories > .e-con-inner {padding:0!important;max-width:100%!important;width:100%!important;}
  body .jdsas42-categories .jdsas42-category-grid {
    display:flex!important;
    flex-flow:row nowrap!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:5px 16px 16px!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:16px!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none!important;
    transform:none!important;
    opacity:1!important;
    mask-image:none!important;
    touch-action:pan-x;
  }
  body .jdsas42-categories .jdsas42-category-grid::-webkit-scrollbar {display:none!important;}
  body .jdsas42-categories .jdsas42-category-grid > .jdsas42-category-card {
    box-sizing:border-box!important;
    position:relative!important;
    display:block!important;
    flex:0 0 min(82vw,330px)!important;
    width:min(82vw,330px)!important;
    min-width:min(82vw,330px)!important;
    max-width:min(82vw,330px)!important;
    height:clamp(310px,105vw,410px)!important;
    min-height:clamp(310px,105vw,410px)!important;
    max-height:410px!important;
    margin:0!important;
    padding:0!important;
    border-radius:23px!important;
    border:1px solid rgba(238,34,62,.58)!important;
    background:#101217!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 12px 24px rgba(0,0,0,.27)!important;
    overflow:hidden!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    isolation:isolate!important;
  }
  body .jdsas42-categories .jdsas42-category-card::after {
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(5,6,10,.30) 0%,rgba(4,5,10,.04) 24%,rgba(4,5,9,.05) 40%,rgba(3,4,7,.68) 71%,#05070c 100%)!important;
  }
  body .jdsas42-categories .jdsas42-category-card > .jdsas42-category-image {
    position:absolute!important;inset:0!important;z-index:0!important;
    width:100%!important;height:100%!important;margin:0!important;
    display:block!important;transform:none!important;opacity:1!important;
  }
  body .jdsas42-categories .jdsas42-category-image .elementor-widget-container,
  body .jdsas42-categories .jdsas42-category-image img {
    display:block!important;width:100%!important;height:100%!important;
    position:relative!important;object-fit:cover!important;object-position:center!important;
    max-width:none!important;margin:0!important;border:0!important;
  }
  body .jdsas42-categories .jdsas42-category-image img {
    filter:contrast(1.07) saturate(.95)!important;
    transform:none!important;
  }
  body .jdsas42-categories .jdsas42-category-card .jdsas42-category-caption {
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-items:flex-start!important;
    gap:9px!important;
    position:absolute!important;
    z-index:3!important;
    inset:auto 18px 18px 18px!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    transform:none!important;
    opacity:1!important;
  }
  body .jdsas42-categories .jdsas42-category-icon {
    display:block!important;
    width:auto!important;height:auto!important;
    margin:0 0 2px!important;
    color:#fff!important;
    font-size:26px!important;
  }
  body .jdsas42-categories .jdsas42-category-title {
    width:100%!important;flex:0 0 auto!important;
    margin:0!important;padding:0!important;
  }
  body .jdsas42-categories .jdsas42-category-title .elementor-heading-title {
    color:#fff!important;
    font:italic 900 clamp(33px,9vw,45px)/1 'Barlow Condensed',Arial,sans-serif!important;
    text-shadow:0 2px 15px rgba(0,0,0,.65)!important;
    margin:0!important;
    text-transform:uppercase!important;
    letter-spacing:.02em!important;
  }
  body .jdsas42-categories .jdsas42-category-action {
    display:block!important;
    width:auto!important;height:auto!important;
    flex:0 0 auto!important;
    margin:3px 0 0!important;
  }
  body .jdsas42-categories .jdsas42-category-action .elementor-button {
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:46px!important;height:46px!important;
    min-width:46px!important;
    border-radius:50%!important;
    clip-path:none!important;
    padding:0!important;
    color:#fff!important;
    font-size:24px!important;
    background:linear-gradient(140deg,#f21d37,#a9071b)!important;
    box-shadow:0 8px 22px rgba(191,9,32,.35)!important;
  }
  body .jdsas42-categories .jdsas467-category-subtitle {
    font:400 13px/1.45 Inter,Arial,sans-serif!important;
    color:#d4d8df!important;
    margin:0!important;
    text-shadow:0 2px 5px #0009;
    order:2;
  }
  body .jdsas42-categories .jdsas42-category-action {order:3;}
  body .jdsas42-categories .jdsas467-carousel-controls {
    width:100%!important;
    box-sizing:border-box!important;
    display:flex!important;
    gap:11px;
    justify-content:space-between;
    align-items:center;
    padding:3px 17px 2px!important;
    color:#fff;
    font:700 12px/1.3 Inter,Arial,sans-serif;
    letter-spacing:.09em;
  }
  body .jdsas42-categories .jdsas467-count {white-space:nowrap;min-width:54px;}
  body .jdsas42-categories .jdsas467-progress {
    display:block;flex:1 1 auto;overflow:hidden;
    background:#353942;height:3px;border-radius:99px;
  }
  body .jdsas42-categories .jdsas467-progress-fill {
    display:block;width:16.666%;height:100%;
    background:#e21d2b;border-radius:99px;
    transition:width .25s linear;
  }
  body .jdsas42-categories .jdsas467-prev,
  body .jdsas42-categories .jdsas467-next {
    display:grid;place-items:center;
    flex:0 0 35px;
    width:35px;height:35px;min-height:0;
    padding:0;
    color:#fff;background:#1b2029;
    border:1px solid #3f4651;border-radius:50%;
    font:400 24px/1 Arial,sans-serif;
    cursor:pointer;
  }
  body .jdsas42-categories .jdsas467-prev:disabled,
  body .jdsas42-categories .jdsas467-next:disabled {opacity:.38;cursor:default;}
  body .jdsas42-categories .jdsas465-carousel-controls {display:none!important;}
}
@media(min-width:768px){.jdsas467-carousel-controls,.jdsas467-category-subtitle{display:none!important;}}
@media(prefers-reduced-motion:reduce){
  body .jdsas42-categories .jdsas42-category-grid{scroll-behavior:auto!important}
  body .jdsas42-categories .jdsas467-progress-fill{transition:none!important}
}
