/* ShowCarQR Moments Grid (v1.4.2) */

.scqr-moments{max-width:1200px;margin:0 auto;padding:12px;}
.scqr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
@media (max-width:1024px){.scqr-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.scqr-moments{padding:8px;}.scqr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}}

.scqr-tile{position:relative;width:100%;border:0;padding:0;background:#fff;overflow:hidden;cursor:pointer;text-align:left;display:block;appearance:none;-webkit-appearance:none;touch-action:manipulation;}
.scqr-tile:focus{outline:2px solid rgba(37,150,190,.45);outline-offset:2px;}
.scqr-tile img{display:block;width:100%;height:auto;object-fit:cover;}
.scqr-moments[data-aspect="square"] .scqr-tile img{aspect-ratio:1/1;}
.scqr-moments[data-aspect="fourfive"] .scqr-tile img{aspect-ratio:4/5;}
.scqr-moments[data-aspect="auto"] .scqr-tile img{aspect-ratio:auto;}
.scqr-tile__placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#eee;color:#777;font-weight:700;}
.scqr-tile__meta{position:absolute;left:0;right:0;bottom:0;padding:10px 10px 8px;background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,0));color:#fff;}
.scqr-tile__date{font-size:12px;font-weight:700;opacity:.95;}
.scqr-tile__multi{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);color:#fff;}
.scqr-empty{padding:20px;text-align:center;opacity:.7;}
.scqr-loadmore-wrap{display:flex;justify-content:center;padding:16px 0 10px;}
.scqr-loadmore{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;background:#1B5377;color:#fff;text-decoration:none;font-weight:800;}

html.scqr-viewer-lock,body.scqr-viewer-lock{overflow:hidden;overscroll-behavior:none;}
.scqr-modal{position:fixed;inset:0;display:none;z-index:9999;background:#08131d;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.scqr-modal.is-open{display:block;}
.scqr-modal__backdrop{position:absolute;inset:0;background:rgba(8,19,29,.72);}
.scqr-modal__dialog{position:relative;width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh;margin:0;background:transparent;border-radius:0;overflow:hidden;box-shadow:none;}
.scqr-modal__content{width:100%;height:100%;padding:0;overflow:hidden;max-height:none;overscroll-behavior:contain;}
.scqr-modal-body,.scqr-modal,.scqr-modal__dialog,.scqr-modal__content{height:100vh;height:100dvh;}
.scqr-modal-body{--scqr-header-h:60px;position:relative;width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding-top:calc(env(safe-area-inset-top,0px) + var(--scqr-header-h));}
.scqr-modal-body::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(env(safe-area-inset-top,0px) + var(--scqr-header-h));background:linear-gradient(to bottom,rgba(7,18,29,.995) 0%,rgba(7,18,29,.985) 78%,rgba(7,18,29,.965) 100%);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 12px 28px rgba(0,0,0,.24), inset 0 -1px 0 rgba(255,255,255,.02);z-index:10;pointer-events:none;}
.scqr-modal__close{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);right:12px;min-width:48px;height:40px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#7eb3f2;color:#fff;font-size:18px;font-weight:800;line-height:1;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.18);}

.scqr-modal-media{position:relative;flex:1 1 auto;min-height:0;height:auto;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden;}
.scqr-slider{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;touch-action:none;}
.scqr-slide{position:absolute;inset:0;display:none;align-items:center;justify-content:center;overflow:hidden;padding:12px;box-sizing:border-box;}
.scqr-slide.is-active{display:flex;}
.scqr-slide__img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center center;will-change:transform;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;touch-action:none;border:6px solid #fff;border-radius:18px;outline:2px solid rgba(255,255,255,.55);outline-offset:0;box-sizing:border-box;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.9), 0 14px 34px rgba(0,0,0,.26);} 

.scqr-modal-topbar{position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:16;padding:0 76px 0 16px;pointer-events:none;}
.scqr-modal-row--top{display:flex;gap:12px;align-items:center;justify-content:flex-start;min-height:40px;}
.scqr-modal-vehicle,.scqr-modal-vehicle:visited,.scqr-modal-vehicle:hover,.scqr-modal-vehicle:active{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:#ffffff !important;font-weight:700;font-size:18px;letter-spacing:.01em;text-decoration:none;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.28);box-shadow:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;}
.scqr-modal-vehicle::after{content:"›";font-size:18px;line-height:1;opacity:1;font-weight:700;color:#ffffff;}

.scqr-modal-meta{position:relative;left:auto;right:auto;bottom:auto;z-index:15;flex:0 0 auto;padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px));color:#fff;background:linear-gradient(to top,rgba(8,19,29,.94) 0%,rgba(8,19,29,.86) 42%,rgba(8,19,29,.52) 78%,rgba(8,19,29,0) 100%);}
.scqr-dots{display:flex;gap:6px;justify-content:center;z-index:20;}
.scqr-dots--meta{margin:0 0 10px;}
.scqr-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.45);cursor:pointer;}
.scqr-dot.is-active{background:#fff;}
.scqr-meta-panel{position:relative;margin-top:2px;padding:14px 16px 16px;background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.035) 100%);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.18);overflow:hidden;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
.scqr-meta-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:28px;background:linear-gradient(to bottom,rgba(255,255,255,.08),rgba(255,255,255,0));pointer-events:none;}
.scqr-modal-caption{position:relative;font-size:16px;line-height:1.52;overflow-wrap:anywhere;word-break:break-word;text-shadow:0 1px 2px rgba(0,0,0,.32);}
.scqr-moment-arrows,.scqr-nav{display:none !important;}
.scqr-moment-nav{display:none;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;}
.scqr-moment-nav__btn{appearance:none;-webkit-appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease;}
.scqr-moment-nav__btn:hover,.scqr-moment-nav__btn:focus{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);outline:none;}
.scqr-moment-nav__btn:active{transform:translateY(1px);}
.scqr-moment-nav__btn--next{margin-left:auto;}
.scqr-moment-nav__spacer{display:block;flex:1 1 0;min-width:0;}

@media (max-width:820px){
  .scqr-modal-body{--scqr-header-h:56px;padding-top:calc(env(safe-area-inset-top,0px) + var(--scqr-header-h));}
  .scqr-modal__close{top:calc(env(safe-area-inset-top,0px) + 8px);right:10px;min-width:44px;height:40px;padding:0 12px;font-size:16px;}
  .scqr-modal-topbar{top:calc(env(safe-area-inset-top,0px) + 8px);padding:0 64px 0 12px;}
  .scqr-modal-vehicle{font-size:16px;}
  .scqr-modal-meta{padding:12px 12px calc(16px + env(safe-area-inset-bottom,0px));}
  .scqr-meta-panel{padding:13px 14px 15px;border-radius:12px;}
  .scqr-moment-nav{display:none !important;}
}

@media (min-width:821px){
  .scqr-modal-body{--scqr-header-h:60px;padding:calc(env(safe-area-inset-top,0px) + var(--scqr-header-h)) 16px 24px;box-sizing:border-box;}
  .scqr-modal-media,.scqr-modal-meta{width:min(100%,1280px);margin-left:auto;margin-right:auto;}
  .scqr-modal-topbar{left:50%;right:auto;transform:translateX(-50%);width:min(calc(100% - 32px),1280px);padding:10px 16px 0;box-sizing:border-box;}
  .scqr-modal-meta{padding-left:16px;padding-right:16px;border-bottom-left-radius:14px;border-bottom-right-radius:14px;}
  .scqr-meta-panel{max-width:min(100%,880px);margin-left:auto;margin-right:auto;}
  .scqr-modal-media{border-top-left-radius:14px;border-top-right-radius:14px;}
  .scqr-swipe-hint{display:none !important;}
  .scqr-moment-nav{display:flex;}
}

.scqr-modal-meta,.scqr-modal-caption,.scqr-dots--meta{touch-action:pan-x;}


.scqr-swipe-hint{display:flex !important;align-items:center;justify-content:center;gap:10px;margin:2px 0 12px;color:rgba(255,255,255,.82);font-size:12px;font-weight:700;letter-spacing:.02em;opacity:.92;pointer-events:none;user-select:none;-webkit-user-select:none;transition:opacity .18s ease, max-height .18s ease, margin .18s ease;max-height:40px;overflow:hidden;}
.scqr-swipe-hint.is-hidden{opacity:0;max-height:0;margin:0;}
.scqr-swipe-hint__text{opacity:.82;}
.scqr-swipe-hint__chev{display:inline-block;font-size:18px;line-height:1;opacity:.92;animation:scqrSwipeHintNudge 1.8s ease-in-out infinite;}
.scqr-swipe-hint__chev--left{animation-name:scqrSwipeHintNudgeLeft;}
.scqr-swipe-hint__chev--right{animation-name:scqrSwipeHintNudgeRight;}

@keyframes scqrSwipeHintNudgeLeft{
  0%,100%{transform:translateX(0);}
  50%{transform:translateX(-5px);}
}
@keyframes scqrSwipeHintNudgeRight{
  0%,100%{transform:translateX(0);}
  50%{transform:translateX(5px);}
}

@media (prefers-reduced-motion: reduce){
  .scqr-swipe-hint__chev{animation:none !important;transform:none;}
}


/* v1.4.0: desktop moment nav only on true desktop/pointer devices */
@media (hover: none), (pointer: coarse) {
  .scqr-moment-nav{display:none !important;}
  .scqr-swipe-hint{display:flex !important;}
}
@media (hover: hover) and (pointer: fine) {
  .scqr-moment-nav{display:flex;}
}


/* v1.4.1 robust desktop/mobile nav visibility */
@media (min-width:821px) and (hover: hover) and (pointer: fine) {
  .scqr-swipe-hint{display:none !important;}
  .scqr-moment-nav{display:flex !important;}
}
@media (hover: none), (pointer: coarse) {
  .scqr-moment-nav{display:none !important;}
  .scqr-swipe-hint{display:flex !important;}
}


/* v1.4.2 runtime modality visibility + polished caption panel */
.scqr-modal.is-desktop-nav .scqr-swipe-hint{display:none !important;}
.scqr-modal.is-desktop-nav .scqr-moment-nav{display:flex !important;}
.scqr-modal.is-touch-nav .scqr-moment-nav{display:none !important;}
.scqr-modal.is-touch-nav .scqr-swipe-hint{display:flex !important;}