.baggage-showcase{background:var(--bg-primary)}.bag-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:center}.bag-dashboard,.bag-full-dashboard,.timeline-card{border:1px solid var(--border-color);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.bag-dashboard{padding:22px}.bag-head,.bfd-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--border-color)}.bag-head span,.bfd-top small{font-size:.55rem;letter-spacing:.11em;color:var(--gold-primary);font-weight:800}.bag-head h3,.bfd-top h3{margin:4px 0;font-size:1.12rem}.bag-head p,.bfd-top span{margin:0;color:var(--text-muted);font-size:.61rem}.bag-health,.bfd-ready{min-width:83px;text-align:center;padding:10px;border:1px solid var(--border-color);border-radius:12px;background:rgba(212,175,55,.06)}.bag-health strong,.bfd-ready b{display:block;color:var(--gold-primary);font-size:1.35rem}.bag-health span,.bfd-ready span{font-size:.48rem;color:var(--text-muted);font-weight:800}.bag-stats,.bfd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:17px 0}.bag-stats>div,.bfd-kpis article{padding:12px;border:1px solid var(--border-color);border-radius:11px;background:var(--surface-elevated)}.bag-stats span,.bfd-kpis span{display:block;color:var(--text-muted);font-size:.53rem}.bag-stats b,.bfd-kpis strong{display:block;margin:4px 0;font-size:1rem}.bag-stats small,.bfd-kpis small{font-size:.5rem;color:var(--text-muted)}.bag-stats .warning b,.bfd-kpis .danger strong{color:#d7a949}.bag-progress-list{display:grid;gap:10px}.bag-progress-list>div{display:grid;grid-template-columns:130px 1fr 45px;gap:10px;align-items:center}.bag-progress-list span,.bag-progress-list strong{font-size:.56rem}.bag-progress-list strong{text-align:right}.bag-progress-list i{height:6px;border-radius:999px;background:var(--surface-elevated);overflow:hidden}.bag-progress-list i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-primary),var(--gold-secondary))}.bag-alert{display:flex;align-items:center;gap:10px;margin-top:16px;padding:11px;border:1px solid rgba(212,175,55,.25);border-radius:10px;background:rgba(212,175,55,.055)}.bag-alert div{flex:1}.bag-alert b,.bag-alert small{display:block}.bag-alert b{font-size:.6rem}.bag-alert small{color:var(--text-muted);font-size:.5rem}.bag-alert a{color:var(--gold-primary);font-size:.54rem;font-weight:800}.bag-phone{max-width:300px;margin:auto;padding:13px;border:1px solid var(--border-color);border-radius:28px;background:#080808;color:#fff;box-shadow:0 25px 80px rgba(0,0,0,.3)}.bag-phone.large{max-width:330px}.phone-top{display:flex;justify-content:space-between;font-size:.48rem;color:#aaa;padding:5px 4px 15px}.phone-top b{color:#fff}.scanner-title span{font-size:.53rem;color:var(--gold-primary);font-weight:800}.scanner-title h3{margin:4px 0}.scanner-title p{margin:0 0 14px;color:#999;font-size:.58rem}.scanner-box{position:relative;height:205px;border-radius:15px;background:radial-gradient(circle,#242424,#101010);display:grid;place-items:center;overflow:hidden}.bag-icon{font-size:3.1rem}.scanner-box>i{position:absolute;left:16px;right:16px;top:50%;height:1px;background:var(--gold-primary);box-shadow:0 0 12px var(--gold-primary)}.scan-corner{position:absolute;width:25px;height:25px;border-color:var(--gold-primary);border-style:solid}.tl{left:15px;top:15px;border-width:2px 0 0 2px}.tr{right:15px;top:15px;border-width:2px 2px 0 0}.bl{left:15px;bottom:15px;border-width:0 0 2px 2px}.br{right:15px;bottom:15px;border-width:0 2px 2px 0}.scan-result{margin-top:11px;padding:11px;border:1px solid #292929;border-radius:11px;background:#151515}.scan-result small,.scan-result strong,.scan-result>span{display:block}.scan-result small{color:var(--gold-primary);font-size:.48rem;font-weight:800}.scan-result strong{margin:4px 0;font-size:.72rem}.scan-result>span{color:#999;font-size:.5rem}.scan-result>div{display:flex;gap:6px;margin-top:8px}.scan-result>div b{padding:5px 7px;background:#202020;border-radius:6px;font-size:.48rem}.bag-phone button{width:100%;margin-top:10px;padding:11px;border:0;border-radius:9px;background:var(--gold-primary);color:#080808;font-weight:800;font-family:inherit;font-size:.58rem}.bag-features{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:25px}.bag-features article{padding:13px;border:1px solid var(--border-color);border-radius:11px;background:var(--surface)}.bag-features b,.bag-features span{display:block}.bag-features b{font-size:.61rem}.bag-features span{margin-top:5px;color:var(--text-muted);font-size:.52rem}.bag-page-hero{padding:150px 0 80px;background:radial-gradient(circle at 75% 25%,rgba(212,175,55,.14),transparent 28%),var(--bg-primary)}.bag-page-grid{display:grid;grid-template-columns:1fr .62fr;gap:70px;align-items:center}.bag-page-copy h1{margin:10px 0 18px;font-size:clamp(3rem,5.4vw,5rem);line-height:1.01;letter-spacing:-.06em}.bag-page-copy h1 span{color:var(--gold-primary)}.bag-page-copy>p{color:var(--text-secondary);line-height:1.7}.bag-mini-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.bag-mini-points span{padding:7px 9px;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:.56rem}.bag-tag-card{max-width:370px;margin:auto;padding:24px;border:1px solid var(--border-color);border-radius:20px;background:var(--surface);text-align:center}.tag-brand{display:flex;justify-content:space-between;font-size:.58rem}.tag-brand span{color:var(--gold-primary);font-weight:800}.tag-qr{margin:25px auto 15px;font-size:6rem;line-height:1}.bag-tag-card>strong,.bag-tag-card>span,.bag-tag-card>small{display:block}.bag-tag-card>span{margin-top:4px;color:var(--text-muted);font-size:.6rem}.tag-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.tag-meta b{padding:9px;border:1px solid var(--border-color);border-radius:8px;font-size:.55rem}.bag-tag-card>small{color:var(--gold-primary);font-size:.52rem}.bag-full-dashboard{padding:24px}.bfd-table-wrap{overflow-x:auto}.bfd-table-wrap table{width:100%;min-width:760px;border-collapse:collapse}.bfd-table-wrap th,.bfd-table-wrap td{padding:12px 10px;border-bottom:1px solid var(--border-color);font-size:.6rem;text-align:left}.bfd-table-wrap th{color:var(--text-muted);font-size:.52rem}.bfd-table-wrap b.ok{color:#53b887}.bfd-table-wrap b.warn{color:#d7a949}.bfd-table-wrap b.problem{color:#d46a6a}.app-scan-grid{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:center}.app-scan-copy h2{margin:8px 0 12px;font-size:2.5rem}.app-scan-copy>p{color:var(--text-secondary);line-height:1.65}.scan-flow{display:grid;gap:10px;margin-top:22px}.scan-flow>div{display:flex;gap:12px;padding:12px;border:1px solid var(--border-color);border-radius:11px;background:var(--surface)}.scan-flow>div>b{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:rgba(212,175,55,.08);color:var(--gold-primary);font-size:.58rem}.scan-flow strong,.scan-flow small{display:block}.scan-flow small{margin-top:3px;color:var(--text-muted);font-size:.54rem}.timeline-card{padding:23px}.timeline-head{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.timeline-head small{color:var(--gold-primary);font-size:.55rem}.timeline-head h3{margin:4px 0 0}.timeline-head>b{align-self:center;color:#53b887;font-size:.54rem}.bag-timeline{display:grid;grid-template-columns:repeat(7,1fr);margin-top:25px}.bag-timeline>div{position:relative;padding:28px 8px 0;text-align:center}.bag-timeline>div:before{content:"";position:absolute;top:8px;left:0;right:0;height:2px;background:var(--gold-primary)}.bag-timeline i{position:absolute;top:2px;left:50%;transform:translateX(-50%);width:14px;height:14px;border:3px solid var(--surface);border-radius:50%;background:var(--gold-primary)}.bag-timeline b,.bag-timeline small{display:block}.bag-timeline b{font-size:.58rem}.bag-timeline small{margin-top:4px;color:var(--text-muted);font-size:.48rem}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.problem-grid article{padding:18px;border:1px solid var(--border-color);border-radius:13px;background:var(--surface)}.problem-grid span,.problem-grid b,.problem-grid strong,.problem-grid small{display:block}.problem-grid b{margin-top:10px;font-size:.65rem}.problem-grid strong{margin:5px 0;font-size:1.7rem}.problem-grid small{color:var(--text-muted);font-size:.52rem}@media(max-width:1024px){.bag-layout,.bag-page-grid,.app-scan-grid{grid-template-columns:1fr}.bag-features{grid-template-columns:repeat(3,1fr)}.bag-timeline{grid-template-columns:1fr}.bag-timeline>div{padding:10px 0 10px 35px;text-align:left}.bag-timeline>div:before{top:0;bottom:0;left:9px;right:auto;width:2px;height:auto}.bag-timeline i{top:13px;left:10px}.problem-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.bag-stats,.bfd-kpis{grid-template-columns:repeat(2,1fr)}.bag-features{grid-template-columns:repeat(2,1fr)}.bag-progress-list>div{grid-template-columns:95px 1fr 38px}.bag-page-hero{padding-top:125px}.bag-page-copy h1{font-size:2.75rem}.problem-grid{grid-template-columns:1fr}.bag-full-dashboard{padding:15px}.app-scan-copy h2{font-size:2rem}}
/* UMRAGO V4.8 — Flow-based Luggage Tracking */
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.category-grid article{padding:18px;border:1px solid var(--border-color);border-radius:14px;background:var(--surface)}.category-grid span,.category-grid b,.category-grid strong,.category-grid small{display:block}.category-grid>article>span{font-size:1.4rem}.category-grid b{margin-top:10px;font-size:.7rem}.category-grid strong{margin:5px 0;font-size:1.35rem}.category-grid small{color:var(--text-muted);font-size:.54rem}
.journey-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:9px;align-items:center}.journey-flow article{min-height:125px;padding:16px;border:1px solid var(--border-color);border-radius:13px;background:var(--surface)}.journey-flow article>span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(212,175,55,.08);color:var(--gold-primary);font-size:.55rem;font-weight:800}.journey-flow b,.journey-flow small{display:block}.journey-flow b{margin-top:15px;font-size:.65rem}.journey-flow small{margin-top:4px;color:var(--text-muted);font-size:.52rem;line-height:1.45}.journey-flow>i{color:var(--gold-primary);font-style:normal}.journey-flow .noscan{border-style:dashed}
.noscan-example{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.noscan-example>div{position:relative;padding:14px 14px 14px 40px;border:1px solid var(--border-color);border-radius:11px;background:var(--surface)}.noscan-example b,.noscan-example small{display:block}.noscan-example b{font-size:.6rem}.noscan-example small{margin-top:3px;color:var(--text-muted);font-size:.51rem}.status-dot{position:absolute;left:15px;top:18px;width:11px;height:11px;border-radius:50%}.status-dot.scanned{background:#53b887;box-shadow:0 0 0 4px rgba(83,184,135,.1)}.status-dot.no-scan{background:transparent;border:2px solid #888}.flow-note{margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--gold-primary);background:rgba(212,175,55,.05);color:var(--text-secondary);font-size:.62rem;line-height:1.6}
.return-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center}.return-flow>div{padding:17px;border:1px solid var(--border-color);border-radius:13px;background:var(--surface)}.return-flow span,.return-flow b,.return-flow small{display:block}.return-flow span{color:var(--gold-primary);font-size:.5rem;font-weight:800;letter-spacing:.06em}.return-flow b{margin:8px 0 4px;font-size:.64rem}.return-flow small{color:var(--text-muted);font-size:.52rem}.return-flow>i{color:var(--gold-primary);font-style:normal}.zamzam-callout{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:24px;padding:20px;border:1px solid var(--border-strong);border-radius:16px;background:linear-gradient(120deg,rgba(212,175,55,.06),transparent),var(--surface)}.zz-icon{font-size:2.5rem}.zamzam-callout h3{margin:5px 0;font-size:1rem}.zamzam-callout p{margin:0;color:var(--text-secondary);font-size:.62rem;line-height:1.6}.zz-code{padding:13px 18px;border:1px solid var(--border-color);border-radius:11px;text-align:center}.zz-code b,.zz-code span,.zz-code small{display:block}.zz-code b{color:var(--gold-primary);font-size:.7rem}.zz-code span{margin-top:4px;font-size:.58rem}.zz-code small{margin-top:3px;color:var(--text-muted);font-size:.5rem}
.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.role-grid article{padding:18px;border:1px solid var(--border-color);border-radius:13px;background:var(--surface)}.role-grid b{display:block;margin-bottom:11px;color:var(--gold-primary);font-size:.72rem}.role-grid span{display:block;padding:6px 0;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.55rem}.role-grid span:last-child{border-bottom:0}.bag-timeline.compact{grid-template-columns:repeat(5,1fr)}.bag-timeline .no-scan-step:before{background:#777}.bag-timeline .no-scan-step i{background:var(--surface);border-color:#777;box-shadow:0 0 0 1px #777}.bag-timeline .no-scan-step small{font-weight:700;color:#999}
@media(max-width:1024px){.category-grid,.role-grid{grid-template-columns:repeat(2,1fr)}.journey-flow,.return-flow{grid-template-columns:1fr}.journey-flow>i,.return-flow>i{transform:rotate(90deg);text-align:center}.noscan-example{grid-template-columns:repeat(2,1fr)}.zamzam-callout{grid-template-columns:auto 1fr}.zz-code{grid-column:1/-1}.bag-timeline.compact{grid-template-columns:1fr}}
@media(max-width:650px){.category-grid,.role-grid,.noscan-example{grid-template-columns:1fr}.zamzam-callout{grid-template-columns:1fr}.zz-icon{font-size:2rem}}

/* V4.9 Journey / airport / intercity transfer */
.route-config,.airport-example{display:flex;align-items:stretch;justify-content:center;gap:10px;margin:0 0 24px}.route-config>div,.airport-example>div{flex:1;padding:14px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface)}.route-config>div span,.route-config>div b,.route-config>div small,.airport-example small,.airport-example b,.airport-example span{display:block}.route-config>div span,.airport-example small{font-size:.5rem;color:var(--text-muted)}.route-config>div b,.airport-example b{margin-top:5px;font-size:.72rem}.route-config>div small,.airport-example span{margin-top:3px;font-size:.48rem;color:var(--gold-primary)}.route-config>i,.airport-example>i{align-self:center;color:var(--gold-primary);font-style:normal}.hotel-transfer-section{background:var(--bg-primary)}.transfer-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px}.transfer-card{padding:18px;border:1px solid var(--border-color);border-radius:14px;background:var(--surface)}.transfer-card.active{border-color:var(--border-strong);background:linear-gradient(145deg,rgba(212,175,55,.07),transparent),var(--surface)}.transfer-title span,.transfer-title b{display:block}.transfer-title span{color:var(--gold-primary);font-size:.5rem;font-weight:800;letter-spacing:.08em}.transfer-title b{margin-top:4px;font-size:.83rem}.transfer-steps{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:15px}.transfer-steps span{padding:7px 8px;border-radius:7px;background:var(--surface-elevated);font-size:.51rem}.transfer-steps i{font-style:normal;color:var(--gold-primary);font-size:.55rem}.transfer-monitor{margin-top:14px;padding:20px;border:1px solid var(--border-color);border-radius:15px;background:var(--surface)}.tm-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.tm-head small,.tm-head h3,.tm-head span{display:block}.tm-head small{color:var(--gold-primary);font-size:.5rem}.tm-head h3{margin:4px 0;font-size:1rem}.tm-head span{color:var(--text-muted);font-size:.54rem}.tm-head>b{font-size:1.25rem;color:var(--gold-primary)}.tm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.tm-grid article{padding:11px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-elevated)}.tm-grid span,.tm-grid strong,.tm-grid small{display:block}.tm-grid span{font-size:.5rem;color:var(--text-muted)}.tm-grid strong{margin:5px 0;font-size:.78rem}.tm-grid small{font-size:.46rem;color:var(--gold-primary)}.transfer-monitor>p{margin:14px 0 0;color:var(--text-secondary);font-size:.56rem;line-height:1.55}.airport-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.airport-grid article{padding:22px;border:1px solid var(--border-color);border-radius:14px;background:var(--surface);text-align:center}.airport-grid article span,.airport-grid article b,.airport-grid article small{display:block}.airport-grid article span{font-size:1.6rem;font-weight:800;color:var(--gold-primary)}.airport-grid article b{margin:4px 0;font-size:.75rem}.airport-grid article small{font-size:.5rem;color:var(--text-muted)}.airport-example{margin-top:14px}.bag-timeline.extended{grid-template-columns:repeat(8,1fr)}
@media(max-width:900px){.route-config,.airport-example{display:grid;grid-template-columns:1fr 1fr}.route-config>i,.airport-example>i{display:none}.transfer-switch{grid-template-columns:1fr}.tm-grid{grid-template-columns:1fr 1fr}.bag-timeline.extended{grid-template-columns:1fr}}
@media(max-width:600px){.route-config,.airport-example,.airport-grid,.tm-grid{grid-template-columns:1fr}}

/* V4.10 Dynamic Journey */
.dynamic-route-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 22px}.dynamic-route-grid article{padding:20px;border:1px solid var(--border-color);border-radius:14px;background:var(--surface)}.dynamic-route-grid article>span{color:var(--gold-primary);font-size:.54rem;font-weight:800;letter-spacing:.09em}.dynamic-route-grid h3{margin:7px 0 4px;font-size:1.25rem}.dynamic-route-grid p{margin:0;color:var(--text-secondary);font-size:.62rem}.dynamic-route-grid small{display:block;margin-top:12px;color:var(--text-muted);font-size:.54rem}.mini-route{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px}.mini-route b{padding:7px 9px;border:1px solid var(--border-color);border-radius:8px;font-size:.56rem}.mini-route i{color:var(--gold-primary);font-style:normal}@media(max-width:700px){.dynamic-route-grid{grid-template-columns:1fr}}

/* =========================================================
   UMRAGO V4.12 — Luggage feature-card alignment
   4 cards + 3 centered cards on desktop
   ========================================================= */
@media (min-width:1025px){
  .bag-features{
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:12px;
    max-width:1120px;
    margin:30px auto 0;
  }
  .bag-features article{
    grid-column:span 3;
    min-height:96px;
    padding:16px 17px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
  }
  .bag-features article:nth-child(5){grid-column:2 / span 3}
  .bag-features article:nth-child(6){grid-column:5 / span 3}
  .bag-features article:nth-child(7){grid-column:8 / span 3}
  .bag-features b{font-size:.68rem;line-height:1.3}
  .bag-features span{font-size:.56rem;line-height:1.55}
}