/* band-baaja-baraat.html — scoped under .bb-app + recoloured.
   Source: _work/band-baaja-baraat.html's own <style> (7.6KB). */
.bb-app{
  --ink:#182033;--muted:#697386;--paper:#f7f8fc;--card:#fff;--line:#e8eaf0;
  --accent:var(--navy);--accent2:var(--gold-ink);--green:#18a77a;--shadow:0 14px 38px rgba(35,38,65,.10);
}.bb-app *{box-sizing:border-box}.bb-app{margin:0;background:linear-gradient(180deg,#f7f4ff 0,#f8fafc 38%,#f5f6fa 100%);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}.bb-app button, .bb-app input{font:inherit}.bb-app button{cursor:pointer}.bb-app .app{max-width:1100px;margin:auto;padding:16px 14px 100px}.bb-app .top{background:linear-gradient(135deg,var(--navy),#5d3ca4 58%,#bd4f9c);color:white;border-radius:26px;padding:22px 20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.bb-app .top:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-50px;top:-70px;background:rgba(255,255,255,.10)}.bb-app .eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;opacity:.75;font-weight:800}.bb-app h1{margin:5px 0 5px;font-family:Georgia,serif;font-size:31px;line-height:1.08}.bb-app .sub{opacity:.84;font-size:13px}.bb-app .toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px;position:relative;z-index:2}.bb-app .action{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.13);color:#fff;border-radius:13px;padding:10px 12px;font-weight:800;font-size:13px;backdrop-filter:blur(8px)}.bb-app .action.primary{background:#fff;color:#3d286e;border-color:#fff}.bb-app .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.bb-app .stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px;box-shadow:0 7px 22px rgba(30,34,55,.06)}.bb-app .stat b{display:block;font-size:19px}.bb-app .stat span{font-size:13px;color:var(--muted);font-weight:700}.bb-app .controls{background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:0 8px 25px rgba(30,34,55,.06);position:sticky;top:8px;z-index:20}.bb-app .search{display:flex;gap:8px}.bb-app .search input{flex:1;border:1px solid var(--line);background:#f8f9fc;border-radius:13px;padding:12px 13px;outline:none}.bb-app .chips{display:flex;gap:7px;overflow:auto;margin-top:10px;padding-bottom:2px}.bb-app .chip{white-space:nowrap;border:1px solid var(--line);background:#fff;color:#596174;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:800}.bb-app .chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.bb-app .section-head{display:flex;align-items:end;justify-content:space-between;margin:22px 2px 10px}.bb-app .section-head h2{margin:0;font-family:Georgia,serif;font-size:23px}.bb-app .section-head span{font-size:13px;color:var(--muted);font-weight:700}.bb-app .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bb-app .card{background:var(--card);border:1px solid rgba(225,227,236,.95);border-radius:24px;overflow:hidden;box-shadow:0 10px 30px rgba(30,34,55,.065);transition:.22s}.bb-app .card.selected{border:2px solid var(--accent);transform:translateY(-2px);box-shadow:0 12px 30px rgba(118,87,217,.16)}.bb-app .card-top{padding:17px;min-height:138px;position:relative}.bb-app .c1{background:linear-gradient(135deg,#fff1e8,#ffe1ed)}.bb-app .c2{background:linear-gradient(135deg,#eaf4ff,#e5e1ff)}.bb-app .c3{background:linear-gradient(135deg,#e7fff6,#dff7ff)}.bb-app .c4{background:linear-gradient(135deg,#fff8df,#ffe9bf)}.bb-app .c5{background:linear-gradient(135deg,#f3eaff,#ffe4f1)}.bb-app .c6{background:linear-gradient(135deg,#e9f7ff,#e2efff)}.bb-app .icon{width:50px;height:50px;border-radius:17px;background:rgba(255,255,255,.82);display:grid;place-items:center;font-size:28px;box-shadow:0 8px 18px rgba(30,30,50,.09);border:1px solid rgba(255,255,255,.8)}.bb-app .card h3{margin:13px 0 4px;font-family:Georgia,serif;font-size:19px;letter-spacing:-.2px}.bb-app .desc{font-size:13px;color:#697386}.bb-app .check{position:absolute;right:14px;top:14px;width:29px;height:29px;border-radius:50%;border:1px solid rgba(40,40,70,.12);background:#fff;display:grid;place-items:center;color:transparent;font-weight:900}.bb-app .selected .check{background:var(--navy);color:#fff}.bb-app .card-body{padding:14px 15px 15px}.bb-app .price{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px}.bb-app .price strong{font-size:18px;letter-spacing:-.2px}.bb-app .meta{display:flex;gap:6px;flex-wrap:wrap}.bb-app .tag{background:#f5f4f8;color:#596174;border-radius:9px;padding:6px 9px;font-size:13px;font-weight:800;border:1px solid #ecebf2}.bb-app .row{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.bb-app .qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;overflow:hidden}.bb-app .qty button{border:0;background:#f7f8fb;width:31px;height:30px;font-weight:900}.bb-app .qty b{min-width:30px;text-align:center;font-size:13px}.bb-app .add{border:0;background:linear-gradient(135deg,#29203f,#4b347b);color:#fff;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:900;box-shadow:0 5px 12px rgba(39,32,63,.14)}.bb-app .selected .add{background:var(--navy)}.bb-app .package{border-radius:23px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;margin-top:12px}.bb-app .package .phead{padding:17px;background:linear-gradient(135deg,var(--navy),var(--navy));color:#fff}.bb-app .package .phead h3{margin:0;font-family:Georgia,serif;font-size:21px}.bb-app .package .pbody{padding:14px}.bb-app .pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bb-app .pkg{position:relative;border:1px solid #e6e3ee;border-radius:22px;padding:18px;background:linear-gradient(145deg,#ffffff,#faf9fd);box-shadow:0 8px 24px rgba(35,30,60,.06);overflow:hidden}.bb-app .pkg:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--navy),var(--gold-ink))}.bb-app .pkg h4{margin:0 0 6px;font-family:Georgia,serif;font-size:20px;letter-spacing:-.2px}.bb-app .pkg b{font-size:20px;color:#2b2344}.bb-app .pkg .included{margin-top:14px;padding:12px 13px;border-radius:15px;background:#f7f6fb;border:1px solid #ebe9f1}.bb-app .pkg .included-title{font-size:13px;letter-spacing:1.1px;text-transform:uppercase;color:#777187;font-weight:900;margin-bottom:8px}.bb-app .pkg ul{padding-left:17px;margin:0;color:#596174;font-size:13px;line-height:1.75}.bb-app .pkg li{margin-bottom:2px}.bb-app .pkg .more-items{display:none}.bb-app .pkg.expanded .more-items{display:block}.bb-app .pkg .more-btn{margin-top:11px;border:0;background:transparent;color:var(--navy);font-size:13px;font-weight:900;padding:4px 0}.bb-app .pkg .add{margin-top:13px;width:100%;padding:11px 12px}.bb-app .estimate{margin-top:16px;background:#1f1932;color:#fff;border-radius:22px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.bb-app .estimate small{opacity:.72}.bb-app .estimate strong{font-size:23px}.bb-app .bottom{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:10px max(14px,calc((100% - 1100px)/2));z-index:50}.bb-app .bottom-in{display:flex;align-items:center;justify-content:space-between;gap:10px}.bb-app .bottom b{font-size:15px}.bb-app .bottom span{font-size:13px;color:var(--muted);display:block}.bb-app .export{border:0;background:linear-gradient(135deg,var(--navy),var(--gold-ink));color:#fff;border-radius:13px;padding:12px 15px;font-weight:900}.bb-app .toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%) translateY(15px);background:#1e1930;color:#fff;padding:10px 14px;border-radius:12px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:100}.bb-app .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:680px){.bb-app .app{padding:10px 10px 100px}.bb-app .top{border-radius:21px;padding:19px 16px}.bb-app h1{font-size:27px}.bb-app .stats{grid-template-columns:repeat(2,1fr)}.bb-app .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bb-app .card-top{padding:13px;min-height:122px}.bb-app .card h3{font-size:16px}.bb-app .card-body{padding:11px}.bb-app .pgrid{grid-template-columns:1fr}.bb-app .toolbar .action{flex:1}.bb-app .section-head{margin-top:18px}}@media(max-width:390px){.bb-app .grid{grid-template-columns:1fr}.bb-app .pgrid{grid-template-columns:1fr}}


/* c1..c6 (Rule 1 cycling, already assigned per-item in the DATA array's
   own 'cls' field) mapped onto the AB tint hues instead of the page's
   original purple/pink pastel set. */
.bb-app .card-top.c1 { background: var(--tint-1-bg); }
.bb-app .card-top.c2 { background: var(--tint-2-bg); }
.bb-app .card-top.c3 { background: var(--tint-3-bg); }
.bb-app .card-top.c4 { background: var(--tint-4-bg); }
.bb-app .card-top.c5 { background: var(--tint-5-bg); }
.bb-app .card-top.c6 { background: var(--tint-6-bg); }