.reels-page{background:#f5f5f7;min-height:calc(100vh - 80px);padding:1.05rem .72rem .35rem;}
.site-footer{margin-top:0;}
.reels-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;}
.reels-shell{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:.72rem;}
.reels-hero{max-width:924px;width:100%;margin:0 auto;background:#fff;border:1px solid #e9edf2;border-radius:20px;box-shadow:0 16px 32px rgba(15,23,42,.07);padding:1.1rem 1.1rem .95rem;}
.reels-title{margin:0;color:#1f2937;font-family:'Inter',sans-serif;font-size:1.55rem;font-weight:700;}
.reels-subtitle{margin:.45rem 0 0;color:#4b5563;font-family:'Inter',sans-serif;font-size:.96rem;line-height:1.45;}
.reels-controls{margin-top:.92rem;display:flex;gap:.72rem;align-items:center;flex-wrap:wrap;}
.reels-location-wrap{position:relative;flex:1 1 360px;min-width:220px;}
.reels-location-icon{position:absolute;left:.8rem;top:.72rem;color:#6b7280;font-size:20px;}
.reels-location-input{width:100%;border:1px solid #d5dce6;border-radius:999px;background:#fff;padding:.7rem .95rem .7rem 2.35rem;color:#111827;font-family:'Inter',sans-serif;font-size:.98rem;outline:none;}
.reels-location-geo{position:absolute;right:.42rem;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:999px;border:1px solid #cdd6e3;background:#fff;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.reels-location-geo .material-symbols-outlined{font-size:19px;line-height:1;}
.reels-location-input:focus{border-color:#65b1dd;box-shadow:0 0 0 3px rgba(101,177,221,.2);}
.reels-mode-group{display:inline-flex;align-items:center;border-radius:999px;background:linear-gradient(180deg,#edf2f9,#e7edf6);padding:.23rem;border:1px solid #cfd9e7;gap:.24rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);}
.reels-mode-btn{border:1px solid transparent;background:transparent;color:#475569;padding:.6rem 1.35rem;border-radius:999px;font-family:'Inter',sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;transition:all 140ms ease;letter-spacing:.01em;}
.reels-mode-btn{display:inline-flex;align-items:center;justify-content:center;gap:.34rem;}
.reels-mode-btn .reels-mode-icon{font-size:18px;line-height:1;}
.reels-mode-btn:hover{color:#0f172a;background:rgba(255,255,255,.45);}
.reels-mode-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(101,177,221,.28);}
.reels-mode-btn:active{transform:translateY(1px);}
.reels-mode-btn.is-active{border-color:#65b1dd;background:#65b1dd;color:#fff;box-shadow:0 10px 18px rgba(101,177,221,.34);}
.reels-context-header{max-width:924px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:.7rem;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 75%);border:1px solid #dfe7f1;border-radius:18px;padding:.82rem 1rem;color:#1f2937;font-family:'Inter',sans-serif;box-shadow:0 12px 24px rgba(15,23,42,.07);}
.reels-context-kicker{margin:0;color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.reels-context-title{font-size:1.08rem;font-weight:800;line-height:1.2;color:#0f172a;}
.reels-context-sub{font-size:.8rem;color:#64748b;background:#ffffffd6;border:1px solid #dde7f3;border-radius:999px;padding:.3rem .58rem;white-space:nowrap;}
.reels-suggestions{position:absolute;top:calc(100% + .4rem);left:0;right:0;background:#fff;border:1px solid #dbe3ee;border-radius:14px;box-shadow:0 20px 38px rgba(15,23,42,.13);display:none;z-index:30;overflow:hidden;}
.reels-suggestion-item{width:100%;border:none;background:#fff;display:flex;align-items:center;gap:.55rem;padding:.62rem .75rem;color:#1f2937;font-family:'Inter',sans-serif;font-size:.92rem;cursor:pointer;text-align:left;}
.reels-suggestion-item:hover,.reels-suggestion-item.is-active{background:#f1f5f9;}
.reels-results{margin-top:.02rem;}
.reels-empty,.reels-no-results{max-width:924px;width:100%;margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:1rem 1.05rem;color:#4b5563;font-family:'Inter',sans-serif;box-shadow:0 10px 24px rgba(15,23,42,.06);}
.reels-chip-row{margin-top:.85rem;display:flex;flex-wrap:wrap;gap:.5rem;}
.reels-chip{border:1px solid #d2dce9;background:#fff;color:#1e293b;border-radius:999px;font-family:'Inter',sans-serif;font-weight:600;font-size:.85rem;padding:.45rem .8rem;cursor:pointer;}
.reels-chip:hover{border-color:#adc0d6;background:#f8fbff;}
.reels-chip:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(101,177,221,.28);}
.reels-fallback-link{margin-top:.75rem;display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;border:1px solid #c9d5e3;border-radius:999px;padding:.48rem .85rem;color:#1f2937;font-weight:600;}
.reel-feed-wrap{position:relative;max-width:924px;margin:0 auto;}
.reel-feed{--feed-height:calc(100vh - 238px);max-width:100%;margin:0;display:flex;flex-direction:column;gap:.62rem;height:var(--feed-height);overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-padding:0 0 34px;padding:0 .1rem .4rem .02rem;overscroll-behavior-y:contain;}
.reel-feed::-webkit-scrollbar{width:8px;}.reel-feed::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;}
.reel-feed-cue{position:absolute;left:50%;bottom:.14rem;transform:translateX(-50%);font-family:'Inter',sans-serif;font-size:.73rem;font-weight:700;letter-spacing:.01em;color:#475569;background:rgba(248,250,252,.94);border:1px solid #d8e2ef;border-radius:999px;padding:.28rem .62rem;pointer-events:none;transition:opacity .2s ease;box-shadow:0 8px 16px rgba(15,23,42,.08);}
.reel-feed-cue.is-hidden{opacity:0;}
.reel-feed-wrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(180deg,rgba(245,245,247,0),rgba(245,245,247,.9));pointer-events:none;border-radius:0 0 18px 18px;}
.reel-card{background:transparent;border:none;border-radius:18px;overflow:hidden;box-shadow:none;scroll-snap-align:start;scroll-snap-stop:always;min-height:var(--feed-height);display:flex;flex-direction:column;transition:transform .2s ease, box-shadow .2s ease;}
.reel-card.is-active{box-shadow:none;}
.reel-media-layout{display:flex;align-items:stretch;gap:.56rem;padding:0;height:100%;min-height:0;flex:1 1 auto;}
.reel-video-wrap{position:relative;background:#f5f5f7;border-radius:18px;overflow:hidden;aspect-ratio:9/16;flex:1 1 auto;min-height:0;height:100%;max-height:none;}
.reel-video-wrap.is-media-loading::before{display:none;}
.reel-video-wrap.is-media-ready::before{display:none;}
.reel-unclaimed-badge{
  position:absolute;
  top:10px;
  left:10px;
  background:#ffe082;
  padding:8px 13px;
  border-radius:10px;
  font-size:15px;
  line-height:1.2;
  font-weight:700;
  color:#1f2937;
  z-index:3;
}
.reel-video-wrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:56%;background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0.2),transparent);pointer-events:none;}
.reel-video-wrap video,
.reel-video-wrap iframe{width:100%;height:100%;display:block;background:#f5f5f7;}
.reel-video-wrap video{object-fit:contain;}
.reel-video-wrap iframe{border:0;}
.reel-external-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#f3f4f6;}
.reel-external-embed-frame{
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  height:100%;
  border:0;
  opacity:1;
  pointer-events:none;
  background:#f3f4f6;
  transform-origin:center center;
  transform:translate(-50%,-50%) scale(1.02);
}
.reel-external-fallback-card{
  position:absolute;
  inset:0;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#0f172a;
}
.reel-external-fallback-card--initially-hidden{display:none;}
.reel-external-fallback-card--static{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
}
.reel-external-fallback-thumb{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.45);
}
.reel-external-fallback-content{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.65rem;
  padding:1rem;
  text-align:center;
}
.reel-external-fallback-pill{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.2rem .58rem;
  border-radius:999px;
  background:rgba(15,23,42,.7);
  border:1px solid rgba(255,255,255,.28);
  font-family:'Inter',sans-serif;
  font-size:.78rem;
  font-weight:700;
  color:#f8fafc;
}
.reel-external-fallback-link{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.45rem .8rem;
  border-radius:999px;
  background:#ffffff;
  color:#0f172a;
  font-family:'Inter',sans-serif;
  font-size:.82rem;
  font-weight:700;
  text-decoration:none;
}
.reel-external-fallback-link .material-symbols-outlined{font-size:16px;}
.reel-video-overlay{position:absolute;left:0;right:0;bottom:78px;display:flex;flex-direction:column;gap:.56rem;padding:.72rem .78rem;z-index:2;pointer-events:none;}
.reel-overlay-top{display:flex;align-items:center;gap:.38rem;flex-wrap:wrap;}
.reel-discovery-source-note{
  flex-basis:100%;
  margin:.08rem 0 0;
  font-family:'Inter',sans-serif;
  font-size:.68rem;
  font-weight:600;
  line-height:1.25;
  color:#e2e8f0;
  text-shadow:0 4px 12px rgba(2,6,23,.55);
  opacity:.9;
}
.reel-mode-badge,.reel-distance-badge{display:inline-flex;align-items:center;border-radius:999px;font-family:'Inter',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.01em;padding:.26rem .56rem;}
.reel-mode-badge{color:#0f172a;background:#f5e8a7;border:1px solid #f1db7f;}
.reel-mode-badge.is-rent{background:#dbeafe;border-color:#bfdbfe;color:#1e3a8a;}
.reel-distance-badge{background:rgba(15,23,42,.52);border:1px solid rgba(255,255,255,.42);color:#e2e8f0;}
.reel-overlay-main{min-width:0;color:#fff;display:flex;flex-direction:column;gap:.16rem;}
.reel-overlay-price{margin:0;font-family:'Inter',sans-serif;font-size:1.82rem;font-weight:900;line-height:1.02;text-shadow:0 6px 16px rgba(2,6,23,.55);}
.reel-overlay-address{margin:0;font-family:'Inter',sans-serif;font-size:.93rem;font-weight:700;line-height:1.25;color:#f8fafc;text-shadow:0 4px 12px rgba(2,6,23,.55);}
.reel-overlay-address-link{text-decoration:none;display:inline-block;}
.reel-overlay-address-link:hover{text-decoration:underline;}
.reel-overlay-meta{margin:0;display:flex;flex-wrap:nowrap;align-items:center;gap:.24rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'Inter',sans-serif;font-size:.82rem;font-weight:600;line-height:1.32;color:#e8edf5;text-shadow:0 4px 14px rgba(2,6,23,.62);}
.reel-overlay-discovery-note{margin:.08rem 0 0;font-family:'Inter',sans-serif;font-size:.76rem;font-weight:700;line-height:1.3;color:#e8edf5;text-shadow:0 4px 14px rgba(2,6,23,.62);}
.reel-overlay-dot{opacity:.72;}
.reel-overlay-actions{pointer-events:auto;display:flex;flex-wrap:wrap;gap:.36rem;margin-top:.12rem;}
.reel-share-rail{display:flex;flex-direction:column;gap:.4rem;align-items:center;justify-content:center;width:72px;flex:0 0 72px;padding-top:.25rem;}
.reel-share-btn{width:63px;height:63px;border-radius:999px;border:1px solid #7f8b9a;background:#8d98a8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all 120ms ease;box-shadow:0 8px 14px rgba(15,23,42,.16);}
.reel-share-btn:hover,.reel-share-btn:focus-visible{border-color:#6f7c8d;background:#7d8999;outline:none;transform:scale(1.05);}
.reel-share-btn svg{width:29px;height:29px;fill:currentColor;}.reel-share-btn .material-symbols-outlined{font-size:27px;}
.reel-share-btn.is-copied{border-color:#65b1dd;color:#0f172a;background:#e7f4fc;}
.reel-share-btn[data-tooltip]{position:relative;}
.reel-share-btn[data-tooltip]::after{content:attr(data-tooltip);position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#0f172a;color:#fff;border-radius:8px;padding:.22rem .42rem;font-family:'Inter',sans-serif;font-size:.68rem;font-weight:600;line-height:1;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .14s ease;}
.reel-share-btn[data-tooltip]:hover::after,.reel-share-btn[data-tooltip]:focus-visible::after{opacity:1;}
.reel-action-item--report-mobile{display:none !important;}
.reel-share-launch-mobile{display:none;}
.reel-media-stack{
  flex:0 1 auto;
  min-width:0;
  width:min(66vw,620px);
  max-width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.4rem;
}
.reel-video-wrap{
  width:100%;
  max-width:100%;
}
@media (max-width: 900px){
  .reel-media-stack{
    width:100%;
    flex:1 1 auto;
  }
}
.reel-meta{font-size:12px;color:#6B7280;text-align:center;width:100%;margin:0 auto;}
.reel-meta-mobile{display:none;}
.reel-actions{display:none;}
.reel-primary-cta,.reel-secondary-btn{border-radius:999px;border:1px solid #cfd6df;padding:.5rem .9rem;min-height:40px;font-family:'Inter',sans-serif;font-size:.88rem;font-weight:700;text-decoration:none;cursor:pointer;background:#fff;color:#384150;display:inline-flex;align-items:center;gap:.34rem;box-shadow:0 1px 2px rgba(15,23,42,.04);}
.reel-primary-cta .material-symbols-outlined,.reel-secondary-btn .material-symbols-outlined{font-size:18px;}
.reel-primary-cta:hover,.reel-secondary-btn:hover{background:#f8fafc;border-color:#bfc9d5;}
.reel-primary-cta:focus-visible,.reel-secondary-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(148,163,184,.24);}
.reel-secondary-btn.is-saved{border-color:#65b1dd;color:#0f172a;background:#eef7fd;}
.reel-secondary-btn.is-disabled{opacity:.55;pointer-events:none;}
.reel-video-overlay .reel-primary-cta{background:#65b1dd;border-color:#65b1dd;color:#fff;box-shadow:0 10px 20px rgba(6,78,118,.35);}
.reel-video-overlay .reel-primary-cta:hover{background:#56a5d6;border-color:#56a5d6;}
.reel-video-overlay .reel-secondary-btn{background:rgba(15,23,42,.36);border-color:rgba(255,255,255,.58);color:#fff;backdrop-filter:blur(3px);box-shadow:none;}
.reel-video-overlay .reel-secondary-btn:hover{background:rgba(15,23,42,.5);border-color:rgba(255,255,255,.72);}
.reel-video-overlay .reel-secondary-btn.is-saved{background:rgba(101,177,221,.4);border-color:rgba(201,234,255,.8);color:#fff;}
.reel-share-toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,22px);opacity:0;transition:opacity .18s ease,transform .18s ease;z-index:1200;background:#111827;color:#fff;border-radius:999px;font-family:'Inter',sans-serif;font-size:.84rem;padding:.45rem .85rem;box-shadow:0 12px 28px rgba(0,0,0,.25);}
.reel-share-toast.is-visible{opacity:1;transform:translate(-50%,0);}
.reel-share-helper{position:fixed;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(2px);z-index:1150;display:none;align-items:center;justify-content:center;padding:1rem;}
.reel-share-helper.is-open{display:flex;}
.reel-share-helper__card{width:min(430px,96vw);border-radius:16px;background:#fff;padding:1rem 1.05rem;box-shadow:0 28px 44px rgba(15,23,42,.25);font-family:'Inter',sans-serif;}
.reel-share-helper__title{margin:0;font-size:1rem;color:#0f172a;font-weight:700;}
.reel-share-helper__text{margin:.55rem 0 .8rem;color:#475569;font-size:.9rem;line-height:1.5;}
.reel-share-helper__actions{display:flex;gap:.55rem;justify-content:flex-end;}
.reel-share-helper__btn{border-radius:999px;border:1px solid #d4deea;background:#fff;color:#1f2937;font-family:'Inter',sans-serif;font-size:.84rem;font-weight:600;padding:.45rem .8rem;cursor:pointer;}
.reel-share-helper__btn--primary{border-color:#65b1dd;background:#65b1dd;color:#fff;}
.reel-card--terminal{min-height:calc(var(--feed-height) * .72);display:flex;align-items:center;justify-content:center;padding:1rem;}
.reel-terminal{width:min(600px,100%);border:1px solid #d6dfeb;border-radius:16px;background:#fff;padding:1rem 1.05rem;font-family:'Inter',sans-serif;color:#1f2937;box-shadow:0 12px 22px rgba(15,23,42,.08);}
.reel-terminal-title{margin:0;font-size:1.12rem;font-weight:800;color:#0f172a;}
.reel-terminal-copy{margin:.48rem 0 0;font-size:.9rem;color:#475569;line-height:1.45;}
.reel-terminal-actions{margin-top:.78rem;display:flex;flex-wrap:wrap;gap:.45rem;}
.reel-terminal-btn{display:inline-flex;align-items:center;gap:.28rem;border:1px solid #cfd9e6;border-radius:999px;padding:.46rem .8rem;background:#fff;color:#1f2937;font-family:'Inter',sans-serif;font-size:.84rem;font-weight:700;text-decoration:none;}
.reel-terminal-btn:hover{background:#f8fafc;border-color:#b8c6da;}
.reel-terminal-btn.is-primary{background:#65b1dd;border-color:#65b1dd;color:#fff;box-shadow:0 8px 16px rgba(101,177,221,.34);}
.reel-terminal-btn.is-primary:hover{background:#56a5d6;border-color:#56a5d6;}
.reels-top-pills{display:none;}
.reels-top-pill{text-decoration:none;}
@media (max-width:768px){
  .reels-page{padding:.95rem .6rem .28rem;}
  .reels-shell{gap:.72rem;}
  .reels-controls{align-items:stretch;}
  .reels-location-wrap{flex:1 1 100%;}
  .reels-mode-group{width:100%;justify-content:stretch;}
  .reels-mode-btn{flex:1 1 50%;text-align:center;padding:.62rem .85rem;}
  .reels-context-header{padding:.72rem .8rem;}
  .reels-context-title{font-size:.98rem;}
  .reels-context-sub{font-size:.74rem;padding:.25rem .52rem;}
  .reel-feed-wrap{max-width:100%;}
  .reel-feed{--feed-height:calc(100vh - 286px);height:var(--feed-height);padding:0 .04rem .3rem;}
  .reel-feed-wrap::after{height:56px;}
  .reel-feed-cue{font-size:.68rem;bottom:.03rem;}
  .reel-card{min-height:var(--feed-height);border-radius:16px;}
  .reel-media-layout{flex-direction:column;gap:.4rem;padding:0;}
  .reel-video-wrap{min-height:0;height:calc(100% - 52px);max-height:none;border-radius:16px;}
  .reel-video-overlay{bottom:74px;padding:.56rem .6rem;gap:.44rem;}
  .reel-overlay-price{font-size:1.36rem;}
  .reel-overlay-address{font-size:.84rem;}
  .reel-overlay-meta{font-size:.74rem;}
  .reel-overlay-actions{gap:.28rem;}
  .reel-share-rail{width:100%;flex:1 1 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;padding:.05rem 0 .12rem;gap:.4rem;}
  .reel-share-btn{width:40px;height:40px;flex:0 0 40px;}
  .reel-share-btn[data-tooltip]::after{display:none;}
  .reel-primary-cta,.reel-secondary-btn{padding:.48rem .74rem;font-size:.82rem;min-height:38px;}
  .reel-card--terminal{min-height:calc(var(--feed-height) * .64);padding:.65rem;}
  .reel-terminal{padding:.82rem .82rem .86rem;}
}

.reels-page{background:radial-gradient(1200px 440px at 14% -10%,#232b39 0%,#10131a 58%,#0a0c11 100%);padding:.9rem .8rem 1rem;}
.reels-shell{max-width:1360px;display:grid;grid-template-columns:236px minmax(0,1fr) 248px;gap:1rem;align-items:start;}
.reels-main-column{min-width:0;}
.reels-hero,.reels-context-header,.reel-feed-wrap,.reels-empty,.reels-no-results{max-width:none;width:100%;margin:0;}
.reels-hero,.reels-context-header,.reels-empty,.reels-no-results,.reel-feed-wrap,.reels-side-nav,.reels-side-panel{border:1px solid #2a3241;background:#121722;color:#dce6f7;box-shadow:0 18px 34px rgba(2,6,23,.45);}
.reels-side-nav,.reels-side-panel{position:sticky;top:.85rem;border-radius:20px;padding:.85rem;}
.reels-side-brand{display:flex;align-items:center;gap:.45rem;font-family:'Inter',sans-serif;font-size:1rem;font-weight:800;color:#fff;margin-bottom:.7rem;}
.reels-mobile-bottom-nav{display:none;}
.reels-side-brand .material-symbols-outlined{font-size:22px;color:#f58ea2;}
.reels-side-menu{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.75rem;}
.reels-side-item{display:flex;align-items:center;gap:.42rem;border:1px solid transparent;border-radius:11px;padding:.42rem .46rem;font-family:'Inter',sans-serif;font-size:.86rem;font-weight:600;color:#d5e0f4;background:transparent;text-decoration:none;cursor:pointer;}
.reels-side-item .material-symbols-outlined{font-size:19px;color:#aab7cc;}
.reels-side-item.is-active{border-color:#3b4560;background:linear-gradient(140deg,rgba(233,65,102,.22) 0%,rgba(233,65,102,.08) 100%);color:#fff;}
.reels-more-wrap{position:relative;}
.reels-more-panel{display:none;position:absolute;left:0;right:0;top:calc(100% + .3rem);background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:.35rem;z-index:80;box-shadow:0 10px 20px rgba(2,6,23,.12);}
.reels-more-panel.is-open{display:block;}
.reels-more-link{display:flex;align-items:center;gap:.42rem;border-radius:10px;padding:.42rem .45rem;text-decoration:none;color:#1f2937;font-family:'Inter',sans-serif;font-size:.82rem;font-weight:600;}
.reels-more-link:hover{background:#f3f4f6;}
.reels-more-link .material-symbols-outlined{font-size:18px;color:#6b7280;}
.reels-side-nav .reels-controls{margin-top:0;display:flex;flex-direction:column;align-items:stretch;gap:.5rem;}
.reels-side-nav .reels-location-wrap{flex:1 1 auto;min-width:0;}
.reels-side-nav .reels-mode-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}
.reels-side-nav .reels-mode-btn{width:100%;padding:.46rem .55rem;}
.reels-side-note{border:1px solid #303a4e;border-radius:13px;background:#161d2a;padding:.6rem .65rem;font-family:'Inter',sans-serif;}
.reels-side-note p{margin:0;color:#c8d3e6;font-size:.8rem;line-height:1.4;}
.reels-title{color:#fff;}
.reels-subtitle,.reels-context-kicker,.reels-context-sub{color:#aebbd0;}
.reels-location-input{background:#0f131d;border-color:#364054;color:#f8fafc;}
.reels-mode-group{background:#141925;border-color:#323b4f;}
.reels-mode-btn{color:#c8d3e5;background:#181f2d;border-color:#364157;}
.reels-mode-btn:hover{background:#1d2738;color:#fff;}
.reels-mode-btn.is-active{background:linear-gradient(140deg,#5caadf 0%,#2f91d6 100%);border-color:#76bae6;}
.reels-context-header{background:linear-gradient(145deg,#171f2e 0%,#111722 100%);}
.reels-context-title{color:#fff;}
.reels-context-sub{background:#1b2536;border-color:#34445f;}
.reels-empty,.reels-no-results{color:#d2dced;}
.reels-chip{background:#192131;border-color:#374661;color:#dce6f8;}
.reels-chip:hover{background:#202b3f;border-color:#5e7598;}
.reel-feed{--feed-height:calc(100vh - 245px);}
.reel-feed-wrap::after{background:linear-gradient(180deg,rgba(17,23,34,0),rgba(17,23,34,.95));}
.reel-card{border-radius:16px;border:1px solid #313b50;background:#0f141e;}
.reel-video-wrap{background:#090c12;border-radius:14px;}
.reel-video-wrap video{object-fit:cover;background:#090c12;}
.reel-video-wrap iframe{background:#090c12;}
.reel-share-btn{width:52px;height:52px;border-color:#485773;background:#1b2436;}
.reel-share-btn:hover,.reel-share-btn:focus-visible{background:#27354e;border-color:#7894ba;}
.reel-feed-cue{background:rgba(20,27,40,.94);border-color:#374763;color:#dbe5f7;}
.reels-side-panel h3{margin:0;color:#fff;font-family:'Inter',sans-serif;font-size:.95rem;font-weight:800;}
.reels-side-panel p{margin:.34rem 0 0;color:#b0bed5;font-family:'Inter',sans-serif;font-size:.82rem;line-height:1.45;}
.reels-side-link{display:inline-flex;align-items:center;gap:.25rem;margin-top:.48rem;color:#bde5ff;font-family:'Inter',sans-serif;font-size:.8rem;font-weight:700;text-decoration:none;}
@media (max-width:1200px){.reels-shell{grid-template-columns:220px minmax(0,1fr);} .reels-side-panel{display:none;}}
@media (max-width:900px){.reels-shell{grid-template-columns:1fr;} .reels-side-nav{position:static;} .reels-side-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.24rem;} .reels-side-item{justify-content:center;font-size:.74rem;padding:.35rem .2rem;} .reels-side-item .material-symbols-outlined{font-size:17px;} .reel-feed{--feed-height:calc(100vh - 326px);} .reel-card{min-height:var(--feed-height);} .reel-share-btn{width:40px;height:40px;}}

body{background:#090f18;}
.reels-page{
  min-height:100vh;
  padding:1rem 1.1rem;
  background:
    radial-gradient(1040px 420px at 50% -12%,rgba(111,166,227,.28),rgba(111,166,227,0) 60%),
    linear-gradient(180deg,#111a27 0%,#0c1420 58%,#0a111b 100%);
}
.reels-shell{
  max-width:1460px;
  grid-template-columns:280px minmax(0,1fr);
  gap:1.1rem;
  align-items:start;
}
.reels-main-column{min-width:0;display:flex;flex-direction:column;gap:.72rem;}
.reels-side-nav{
  position:sticky;
  top:1rem;
  max-height:calc(100vh - 2rem);
  overflow:auto;
  border:1px solid rgba(118,142,182,.33);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(23,33,49,.95),rgba(17,25,39,.95));
  box-shadow:0 22px 46px rgba(2,6,23,.52);
  padding:1rem .95rem .92rem;
}
.reels-side-nav::-webkit-scrollbar{width:6px;}
.reels-side-nav::-webkit-scrollbar-thumb{background:#3e4f69;border-radius:999px;}
.reels-side-brand{
  color:#f7fbff;
  margin-bottom:.84rem;
}
.reels-side-brand-logo{
  display:block;
  width:100%;
  max-width:221px;
  height:auto;
  object-fit:contain;
}
.reels-side-brand .material-symbols-outlined{color:#8ec6f0;}
.reels-controls{margin-top:0;display:flex;flex-direction:column;gap:.56rem;align-items:stretch;margin-bottom:.68rem;}
.reels-location-wrap{flex:1 1 auto;min-width:0;}
.reels-location-icon{top:.66rem;color:#9eb3cc;}
.reels-location-input{
  border-color:#3c4e69;
  background:#111a29;
  color:#f3f8ff;
  padding:.64rem .95rem .64rem 2.35rem;
  font-size:.93rem;
}
.reels-location-input::placeholder{color:#8da2be;}
.reels-location-input:focus{border-color:#6db7e7;box-shadow:0 0 0 3px rgba(108,183,231,.24);}
.reels-suggestions{
  border-color:#2f4058;
  background:#101b2b;
  box-shadow:0 20px 34px rgba(2,6,23,.48);
}
.reels-suggestion-item{
  background:#101b2b;
  color:#d7e5f9;
  font-size:.88rem;
  padding:.6rem .7rem;
}
.reels-suggestion-item .material-symbols-outlined{font-size:18px;color:#95afd0;}
.reels-suggestion-item:hover,.reels-suggestion-item.is-active{background:#1a2a3f;}
.reels-mode-group{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border:1px solid #3d4e67;
  background:#131d2e;
}
.reels-mode-btn{
  background:#1a2538;
  border-color:transparent;
  color:#cfddf1;
  font-size:.86rem;
  padding:.45rem .2rem;
}
.reels-mode-btn:hover{background:#22314a;color:#fff;}
.reels-mode-btn.is-active{
  background:linear-gradient(140deg,#64b1dd 0%,#4c9ed3 100%);
  border-color:#8bc7ea;
  color:#fff;
  box-shadow:0 8px 16px rgba(67,143,197,.38);
}
.reels-unclaimed-group{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:.34rem;
  position:relative;
  z-index:16;
  align-items:stretch;
}
.reels-unclaimed-btn{
  min-height:34px;
  border-radius:10px;
  border:1px solid #3d4e67;
  background:#1a2538;
  color:#cfddf1;
  font-family:'Inter',sans-serif;
  font-size:.78rem;
  font-weight:650;
  text-align:center;
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.3rem .45rem;
  cursor:pointer;
  pointer-events:auto;
  position:relative;
  z-index:16;
  width:100%;
  min-width:0;
  margin:0;
  box-sizing:border-box;
}
.reels-unclaimed-btn:hover{background:#22314a;color:#fff;}
.reels-unclaimed-btn.is-active{
  background:linear-gradient(140deg,#64b1dd 0%,#4c9ed3 100%);
  border-color:#8bc7ea;
  color:#fff;
}
.reels-primary-group{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.34rem;
  flex-wrap:nowrap;
  overflow-x:auto;
  padding:0;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.reels-primary-group::-webkit-scrollbar{display:none;width:0;height:0;}
.reels-primary-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.3rem;
  min-height:34px;
  border-radius:10px;
  border:1px solid #3d4e67;
  background:#1a2538;
  color:#cfddf1;
  font-family:'Inter',sans-serif;
  font-size:.78rem;
  font-weight:650;
  text-align:center;
  text-decoration:none;
  padding:.3rem .52rem;
  white-space:nowrap;
  flex:0 0 auto;
}
.reels-primary-btn .material-symbols-outlined{font-size:16px;line-height:1;}
.reels-primary-btn:hover{background:#22314a;color:#fff;}
.reels-primary-btn.is-active{
  background:linear-gradient(140deg,#64b1dd 0%,#4c9ed3 100%);
  border-color:#8bc7ea;
  color:#fff;
}
@media (max-width:900px){
  /* Prevent first-paint flash of desktop unclaimed pill styling on mobile. */
  #reelsSearchForm .reels-unclaimed-group{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    gap:.34rem !important;
    width:100% !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #reelsSearchForm .reels-unclaimed-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:.3rem !important;
    width:auto !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    min-height:38px !important;
    padding:.46rem .72rem !important;
    border-radius:999px !important;
    border:1px solid #d8dde6 !important;
    background:#ffffff !important;
    color:#111827 !important;
    box-shadow:0 1px 3px rgba(15,23,42,.08) !important;
    font-family:'Inter',sans-serif !important;
    font-size:.86rem !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }
  #reelsSearchForm .reels-unclaimed-btn .material-symbols-outlined{
    font-size:16px !important;
    line-height:1 !important;
  }
  #reelsSearchForm .reels-unclaimed-btn:hover{
    background:#f8fafc !important;
    border-color:#cfd7e3 !important;
    color:#111827 !important;
  }
  #reelsSearchForm .reels-unclaimed-btn.is-active{
    background:#777c84 !important;
    border-color:#777c84 !important;
    color:#ffffff !important;
    box-shadow:none !important;
  }
  #reelsSearchForm .reels-primary-group{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:.34rem !important;
    width:100% !important;
    padding:0 .02rem !important;
    overflow-x:auto !important;
  }
  #reelsSearchForm .reels-primary-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:.3rem !important;
    width:auto !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    min-height:38px !important;
    padding:.46rem .72rem !important;
    border-radius:999px !important;
    border:1px solid #d8dde6 !important;
    background:#ffffff !important;
    color:#111827 !important;
    box-shadow:0 1px 3px rgba(15,23,42,.08) !important;
    font-family:'Inter',sans-serif !important;
    font-size:.86rem !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }
  #reelsSearchForm .reels-primary-btn .material-symbols-outlined{
    font-size:16px !important;
    line-height:1 !important;
  }
  #reelsSearchForm .reels-primary-btn:hover{
    background:#f8fafc !important;
    border-color:#cfd7e3 !important;
    color:#111827 !important;
  }
  #reelsSearchForm .reels-primary-btn.is-active{
    background:#777c84 !important;
    border-color:#777c84 !important;
    color:#ffffff !important;
    box-shadow:none !important;
  }
}
.reel-meta{display:flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:wrap;}
.reel-meta-line{color:#6B7280;}
.reel-meta-link{color:#3b82f6;text-decoration:none;font-weight:700;}
.reel-meta-link:hover{text-decoration:underline;}
.reel-meta-mobile-link{color:#dbeafe;text-decoration:underline;font-weight:700;}
.reel-meta-mobile-link:hover{color:#eff6ff;}
.reel-overlay-youtube-link{
  display:none;
  margin-top:.08rem;
  font-family:'Inter',sans-serif;
  font-size:.76rem;
  font-weight:700;
  line-height:1.2;
  color:#dbeafe;
  text-decoration:underline;
  pointer-events:auto;
}
.reel-overlay-youtube-link:hover{color:#eff6ff;}
@media (min-width:901px){
  .reel-overlay-youtube-link{display:inline-block;}
  .reel-meta-link--youtube{display:none !important;}
}
.reel-nonofficial-note{color:#6B7280;font-weight:600;}
.reels-side-menu{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.62rem;}
.reels-side-item{
  min-height:42px;
  border-radius:12px;
  padding:.48rem .62rem;
  gap:.55rem;
  color:#d9e5f7;
  font-size:.9rem;
  font-weight:650;
}
.reels-side-item.is-hidden{display:none !important;}
.reels-side-item .material-symbols-outlined{color:#9fb3cd;}
.reels-side-item:hover{background:#1a273b;border-color:#31435e;color:#fff;}
.reels-side-item.is-active{
  background:linear-gradient(145deg,rgba(109,183,231,.26),rgba(109,183,231,.09));
  border-color:#6ba4cd;
  color:#fff;
}
.reels-side-item.is-active .material-symbols-outlined{color:#d7efff;}
.reels-tab-helper{
  border:1px solid #314259;
  border-radius:12px;
  background:rgba(23,34,51,.78);
  color:#b8c9e0;
  font-family:'Inter',sans-serif;
  font-size:.8rem;
  font-weight:500;
  line-height:1.45;
  padding:.55rem .62rem;
}
.reels-tab-helper strong{display:block;color:#e7f2ff;font-size:.81rem;font-weight:700;margin-bottom:.14rem;}
.reels-more-wrap{position:relative;}
.reels-more-panel{
  border:1px solid #3b4a60;
  border-radius:14px;
  background:#0f1724;
  box-shadow:0 20px 34px rgba(2,6,23,.56);
}
.reels-more-link{color:#d8e6fa;font-size:.84rem;}
.reels-more-link .material-symbols-outlined{color:#9cb4d4;}
.reels-more-link:hover{background:#1a2940;color:#fff;}
.reels-hero{display:none;}
.reels-context-header{
  display:flex;
  border:1px solid rgba(111,134,167,.34);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(19,30,46,.92),rgba(14,23,35,.92));
  box-shadow:0 12px 26px rgba(2,6,23,.42);
  padding:.62rem .88rem;
}
.reels-context-kicker{color:#8ba4c3;font-size:.68rem;}
.reels-context-title{color:#f3f8ff;font-size:.98rem;font-weight:760;}
.reels-context-sub{
  border:1px solid #3c4e6a;
  background:#192537;
  color:#c5d7ef;
}
.reel-feed-wrap{
  border:1px solid rgba(111,134,167,.34);
  border-radius:26px;
  background:linear-gradient(180deg,#0f1826,#0b131f);
  box-shadow:0 24px 52px rgba(2,6,23,.55);
  padding:.72rem;
}
.reel-feed{
  --feed-height:calc(100vh - 4.4rem);
  gap:.88rem;
  padding:.08rem .08rem .66rem;
}
.reel-feed{scrollbar-width:none;}
.reel-feed::-webkit-scrollbar{width:0;height:0;}
.reel-scroll-controls{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:.5rem;
  z-index:7;
}
.reel-scroll-btn{
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(15,23,42,.5);
  color:#e2e8f0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:transform .15s ease,background .15s ease,border-color .15s ease;
}
.reel-scroll-btn:hover,.reel-scroll-btn:focus-visible{background:rgba(15,23,42,.7);border-color:rgba(255,255,255,.55);outline:none;transform:translateY(-1px);}
.reel-scroll-btn:disabled{opacity:.4;cursor:default;transform:none;}
.reel-scroll-btn .material-symbols-outlined{font-size:22px;line-height:1;}
.reel-feed::-webkit-scrollbar-thumb{background:#3a4a61;}
.reel-feed-wrap::after{
  left:.72rem;
  right:.72rem;
  bottom:.72rem;
  height:96px;
  background:linear-gradient(180deg,rgba(10,17,27,0),rgba(10,17,27,.96));
  border-radius:0 0 20px 20px;
}
.reel-feed-cue{
  bottom:.95rem;
  border-color:#3f5270;
  background:rgba(17,28,43,.95);
  color:#d2e2f7;
}
.reel-card{
  border-radius:22px;
  border:1px solid rgba(84,107,141,.38);
  background:linear-gradient(160deg,#111d2e 0%,#0e1725 100%);
  box-shadow:0 16px 34px rgba(2,6,23,.5);
  padding:.54rem;
  opacity:.8;
}
.reel-card.is-active{
  border-color:#7aa5cf;
  box-shadow:0 24px 42px rgba(3,10,24,.6);
  transform:translateY(-2px);
  opacity:1;
}
.reel-media-layout{
  justify-content:center;
  gap:1rem;
}
.reel-video-wrap{
  border-radius:20px;
  background:#050911;
  box-shadow:inset 0 0 0 1px rgba(120,144,182,.2);
  max-width:min(66vw,620px);
}
.reel-video-wrap::after{
  height:72%;
  background:linear-gradient(to top,rgba(2,7,14,.96),rgba(2,7,14,.58),rgba(2,7,14,.18),transparent);
}
.reel-video-wrap video{background:#050911;}
.reel-video-overlay{
  bottom:0;
  gap:.74rem;
  padding:1.18rem 1.12rem 1.02rem;
}
.reel-mode-badge{background:#f6e69e;border-color:#ead37d;color:#29374e;}
.reel-mode-badge.is-rent{background:#d7e9ff;border-color:#b3d5f8;color:#1e3d6e;}
.reel-distance-badge{background:rgba(11,20,34,.62);border-color:rgba(227,237,252,.45);color:#e2ebfa;}
.reel-overlay-price{
  font-size:2.06rem;
  letter-spacing:-.01em;
  text-shadow:0 8px 24px rgba(2,8,18,.78);
}
.reel-overlay-address{
  font-size:1.01rem;
  color:#ebf3ff;
  text-shadow:0 6px 18px rgba(2,8,18,.72);
}
.reel-overlay-meta{font-size:.86rem;color:#d2e2f8;}
.reel-overlay-actions{gap:.44rem;}
.reel-primary-cta,.reel-secondary-btn{
  min-height:42px;
  font-size:.88rem;
  font-weight:720;
}
.reel-video-overlay .reel-primary-cta{
  background:#65b1dd;
  border-color:#65b1dd;
  color:#fff;
  box-shadow:0 10px 22px rgba(56,128,182,.44);
}
.reel-video-overlay .reel-primary-cta:hover{background:#56a4d2;border-color:#56a4d2;transform:translateY(-1px);}
.reel-video-overlay .reel-secondary-btn{
  background:rgba(9,18,31,.42);
  border-color:rgba(223,234,248,.56);
  color:#ecf4ff;
}
.reel-video-overlay .reel-secondary-btn:hover{background:rgba(9,18,31,.58);border-color:rgba(223,234,248,.72);transform:translateY(-1px);}
.reel-video-overlay .reel-save-cta{background:rgba(9,18,31,.28);border-color:rgba(195,210,229,.44);color:#d7e5f8;}
.reel-video-overlay .reel-save-cta.is-saved{background:rgba(101,177,221,.28);border-color:rgba(170,215,245,.84);color:#f2fbff;}
.reel-share-rail{
  width:58px;
  flex:0 0 58px;
  gap:.46rem;
}
.reel-share-btn{
  width:48px;
  height:48px;
  border-color:#4f6483;
  background:rgba(17,29,45,.88);
  color:#d4e4f8;
  box-shadow:0 10px 20px rgba(2,6,23,.36);
}
.reel-share-btn:hover,.reel-share-btn:focus-visible{
  border-color:#7ea9d5;
  background:#23364f;
  color:#fff;
  transform:translateY(-1px);
}
.reel-share-btn svg{width:22px;height:22px;}
.reel-share-btn .material-symbols-outlined{font-size:22px;}
.reel-share-btn.is-copied{border-color:#8fd6ff;background:#235a82;color:#fff;}
.reel-share-btn[data-tooltip]::after{
  background:#0a111c;
  border:1px solid #37455d;
  color:#e8f2ff;
}
.reel-card--terminal{min-height:calc(var(--feed-height) * .82);}
.reel-terminal{
  border:1px solid rgba(130,157,195,.45);
  border-radius:18px;
  background:linear-gradient(160deg,rgba(23,35,53,.95),rgba(16,27,42,.95));
  box-shadow:0 18px 32px rgba(2,6,23,.42);
  color:#d7e7fb;
}
.reel-terminal-title{color:#f5f9ff;}
.reel-terminal-copy{color:#bed0e8;}
.reel-terminal-btn{
  border-color:#5e7ba1;
  background:rgba(18,30,47,.85);
  color:#e3f0ff;
}
.reel-terminal-btn:hover{background:#223952;border-color:#83add8;}
.reel-terminal-btn.is-primary{
  background:#65b1dd;
  border-color:#65b1dd;
  color:#fff;
}
.reels-empty,.reels-no-results{
  border-color:rgba(111,134,167,.35);
  background:linear-gradient(180deg,#101a29,#0d1624);
  color:#cfdef3;
}
.reels-fallback-link{
  border-color:#436187;
  color:#e4f2ff;
}
.reels-fallback-link:hover{background:#1d2f47;}
.reels-side-panel{display:none;}
@media (max-width:1240px){
  .reels-shell{grid-template-columns:250px minmax(0,1fr);}
  .reel-feed{--feed-height:calc(100vh - 4.1rem);}
  .reel-video-wrap{max-width:min(70vw,590px);}
}
@media (max-width:960px){
  .reels-page{padding:.86rem .66rem 1rem;}
  .reels-shell{grid-template-columns:1fr;gap:.72rem;}
  .reels-side-nav{
    position:static;
    max-height:none;
    border-radius:18px;
    padding:.78rem .74rem;
  }
  .reels-side-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.28rem;}
  .reels-side-item{justify-content:center;min-height:40px;padding:.42rem .24rem;font-size:.78rem;}
  .reels-side-item .material-symbols-outlined{font-size:18px;}
  .reels-context-header{padding:.6rem .72rem;}
  .reels-context-title{font-size:.92rem;}
  .reels-context-sub{font-size:.72rem;}
  .reel-feed-wrap{border-radius:18px;padding:.5rem;}
  .reel-feed{--feed-height:calc(100vh - 330px);gap:.56rem;padding:0 0 .44rem;}
  .reel-feed-wrap::after{left:.5rem;right:.5rem;bottom:.5rem;height:72px;}
  .reel-card{border-radius:16px;padding:.34rem;}
  .reel-media-layout{gap:.54rem;}
  .reel-video-wrap{border-radius:14px;max-width:none;}
  .reel-video-overlay{padding:.72rem .74rem .72rem;gap:.5rem;}
  .reel-overlay-price{font-size:1.5rem;}
  .reel-overlay-address{font-size:.9rem;}
  .reel-overlay-meta{font-size:.77rem;}
  .reel-overlay-actions{gap:.3rem;}
  .reel-primary-cta,.reel-secondary-btn{min-height:38px;padding:.46rem .72rem;font-size:.81rem;}
  .reel-share-rail{
    width:100%;
    flex:1 1 auto;
    flex-direction:row;
    justify-content:flex-start;
    overflow-x:auto;
    gap:.35rem;
  }
  .reel-share-btn{width:40px;height:40px;flex:0 0 40px;}
  .reel-share-btn svg{width:18px;height:18px;}
  .reel-share-btn .material-symbols-outlined{font-size:18px;}
  .reel-share-btn[data-tooltip]::after{display:none;}
  .reel-card--terminal{min-height:calc(var(--feed-height) * .66);padding:.62rem;}
  .reel-terminal{padding:.86rem .9rem;border-radius:14px;}
  .reel-terminal-title{font-size:1rem;}
  .reel-terminal-copy{font-size:.84rem;}
}

/* Theme pass: align reels palette with preview_sale.html */
:root{
  --reels-page-bg:#f5f5f7;
  --reels-card-bg:#ffffff;
  --reels-card-border:#d9e0ea;
  --reels-card-shadow:0 3px 12px rgba(17,24,39,.06);
  --reels-heading:#111827;
  --reels-muted:#6b7280;
  --reels-chip-bg:#f5f5f7;
  --reels-chip-border:#d6dde8;
  --reels-primary:#65b1dd;
  --reels-cta-gray:#74767e;
  --reels-cta-gray-hover:#5f6169;
}
body{background:var(--reels-page-bg) !important;}
.reels-page{background:var(--reels-page-bg) !important;}
.reels-shell{max-width:1380px;}
.reels-side-nav,
.reel-feed-wrap,
.reels-context-header,
.reels-empty,
.reels-no-results{
  background:var(--reels-card-bg) !important;
  border:1px solid var(--reels-card-border) !important;
  box-shadow:var(--reels-card-shadow) !important;
}
.reels-side-brand{color:var(--reels-heading);}
.reels-location-icon{color:var(--reels-muted);}
.reels-location-input{
  background:#fff;
  color:var(--reels-heading);
  border-color:var(--reels-card-border);
}
.reels-location-input::placeholder{color:#9aa3b2;}
.reels-location-input:focus{border-color:#9ec7e2;box-shadow:0 0 0 3px rgba(101,177,221,.2);}
.reels-suggestions{
  background:#fff;
  border-color:var(--reels-card-border);
  box-shadow:0 8px 18px rgba(0,0,0,.1);
}
.reels-suggestion-item{background:#fff;color:var(--reels-heading);}
.reels-suggestion-item:hover,.reels-suggestion-item.is-active{background:#f8fafc;}
.reels-mode-group{
  background:var(--reels-chip-bg);
  border-color:var(--reels-chip-border);
}
.reels-mode-btn{
  background:#fff;
  color:#334155;
  border-color:transparent;
}
.reels-mode-btn:hover{background:#f8fafc;color:var(--reels-heading);}
.reels-mode-btn.is-active{
  background:var(--reels-primary);
  border-color:var(--reels-primary);
  color:#fff;
}
.reels-side-item{
  color:#1f2937;
  border-color:transparent;
}
.reels-side-item .material-symbols-outlined{color:#6b7280;}
.reels-side-item:hover{
  background:#f8fafc;
  border-color:var(--reels-card-border);
  color:var(--reels-heading);
}
.reels-side-item.is-active{
  background:#eef4ff;
  border-color:#b9cbe6;
  color:var(--reels-heading);
}
.reels-side-item.is-active .material-symbols-outlined{color:#4f6d93;}
.reels-tab-helper{
  background:#fff;
  border-color:var(--reels-card-border);
  color:#556276;
}
.reels-tab-helper strong{color:#1f2937;}
.reels-more-panel{
  background:#fff;
  border-color:var(--reels-card-border);
  box-shadow:0 10px 20px rgba(0,0,0,.12);
}
.reels-more-link{color:#1f2937;}
.reels-more-link .material-symbols-outlined{color:#6b7280;}
.reels-more-link:hover{background:#f8fafc;}
.reels-context-kicker{color:#6b7280;}
.reels-context-title{color:#1f2937;}
.reels-context-sub{
  background:var(--reels-chip-bg);
  border-color:var(--reels-chip-border);
  color:#556276;
}
.reel-feed-wrap{background:#f8fafc;}
.reel-feed-wrap::after{
  background:linear-gradient(180deg,rgba(245,245,247,0),rgba(245,245,247,.96));
}
.reel-feed::-webkit-scrollbar-thumb{background:#cfd8e3;}
.reel-feed-cue{
  background:#fff;
  border-color:var(--reels-card-border);
  color:#556276;
}
.reel-card{
  border:1px solid var(--reels-card-border);
  background:#fff;
  box-shadow:var(--reels-card-shadow);
}
.reel-card.is-active{
  border-color:#c7d5e6;
  box-shadow:0 10px 22px rgba(17,24,39,.08);
}
.reel-video-wrap{
  background:#000;
  border:1px solid #e5e7eb;
  box-shadow:none;
}
.reel-video-wrap video{background:#000;}
.reel-video-wrap::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
.reel-feed-wrap::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
.reel-share-rail{width:62px;flex-basis:62px;}
.reel-share-btn{
  border-color:#777c84;
  background:#777c84;
  color:#fff;
  box-shadow:0 8px 20px rgba(15,23,42,.18);
}
.reel-share-btn:hover,.reel-share-btn:focus-visible{
  border-color:#676c74;
  background:#676c74;
  color:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.2);
}
.reel-share-btn[data-tooltip]::after{
  background:#0f172a;
  border-color:#0f172a;
  color:#fff;
}
.reel-video-overlay .reel-primary-cta{
  background:var(--reels-primary);
  border-color:var(--reels-primary);
}
.reel-video-overlay .reel-secondary-btn{
  background:rgba(31,41,55,.82);
  border-color:rgba(255,255,255,.52);
  color:#fff;
}
.reel-video-overlay .reel-save-cta{
  background:rgba(15,23,42,.68);
  border-color:rgba(209,213,219,.62);
}
.reel-terminal{
  border-color:var(--reels-card-border);
  background:#fff;
  box-shadow:var(--reels-card-shadow);
  color:#334155;
}
.reel-terminal-title{color:#1f2937;}
.reel-terminal-copy{color:#4b5563;}
.reel-terminal-btn{
  border-color:var(--reels-card-border);
  background:#fff;
  color:#1f2937;
}
.reel-terminal-btn:hover{background:#f8fafc;}
.reel-terminal-btn.is-primary{
  background:var(--reels-primary);
  border-color:var(--reels-primary);
}
.reel-share-toast{
  border-color:#111827;
  background:#111827;
  color:#fff;
}
.reel-share-helper{background:rgba(15,23,42,.5);}
.reel-share-helper__card{
  border-color:#e5e7eb;
  background:#fff;
  color:#1f2937;
}
.reel-share-helper__title{color:#0f172a;}
.reel-share-helper__text{color:#4b5563;}
.reel-share-helper__btn{
  border-color:#d1d5db;
  background:#fff;
  color:#1f2937;
}
.reel-share-helper__btn--primary{
  border-color:#93c5fd;
  background:#eff6ff;
  color:#1d4ed8;
}

/* Requested pass: left rail to far-left + transparent box chrome */
:root{
  --reels-primary:#0071e3;
}
.reels-page{
  padding:.68rem .78rem .78rem .14rem !important;
}
.reels-shell{
  width:100%;
  max-width:none !important;
  margin:0 !important;
  justify-content:flex-start;
  grid-template-columns:252px minmax(0,1fr) !important;
}
.reels-side-nav{
  margin-left:0 !important;
}
.reels-side-nav,
.reel-feed-wrap,
.reels-context-header,
.reels-empty,
.reels-no-results,
.reel-card,
.reel-terminal,
.reels-tab-helper{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
.reels-mode-group,
.reels-side-item,
.reels-context-sub,
.reels-more-panel,
.reels-suggestions,
.reels-suggestion-item,
.reel-feed-cue{
  background:transparent !important;
}
.reels-location-input,
.reels-mode-group,
.reels-context-sub,
.reels-tab-helper,
.reel-feed-cue,
.reels-more-panel,
.reels-suggestions{
  border-color:rgba(30,41,59,.22) !important;
}
.reels-location-wrap{
  position:relative;
  z-index:30 !important;
}
.reels-location-icon{
  left:.76rem !important;
  top:.71rem !important;
  font-size:20px !important;
  color:#6b7280 !important;
}
.reels-location-input{
  background:#fff !important;
  border:1.6px solid #d9dee6 !important;
  border-radius:12px !important;
  box-shadow:0 3px 10px rgba(15,23,42,.06) !important;
  color:#444 !important;
  padding:.68rem .9rem .68rem 2.2rem !important;
}
.reels-location-input::placeholder{
  color:#868e9a !important;
}
.reels-location-input:focus{
  border-color:#c8d0db !important;
  box-shadow:0 0 0 2px rgba(160,174,192,.16) !important;
}
.reels-side-item{
  border:0 !important;
  border-color:transparent !important;
  border-radius:10px !important;
  padding:.56rem .62rem !important;
  gap:.62rem !important;
  font-size:1rem !important;
  font-weight:500 !important;
  line-height:1.2 !important;
}
.reels-side-item .material-symbols-outlined{
  font-size:23px !important;
  line-height:1 !important;
  color:#111827 !important;
}
.reels-mode-btn{
  min-height:36px !important;
  padding:.42rem .78rem !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#4b5563 !important;
  font-size:.92rem !important;
  font-weight:700 !important;
  line-height:1 !important;
  box-shadow:none !important;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease !important;
  width:100% !important;
  min-width:0 !important;
  flex:1 1 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  position:relative !important;
  z-index:60 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
.reels-mode-group{
  display:flex !important;
  align-items:stretch !important;
  width:100% !important;
  gap:.22rem !important;
  padding:.18rem !important;
  border-radius:999px !important;
  border:0 !important;
  background:#e7e9ee !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92) !important;
  position:relative !important;
  z-index:60 !important;
  overflow:hidden !important;
  cursor:pointer !important;
}
.reels-mode-btn:hover{
  background:rgba(255,255,255,.55) !important;
  color:#374151 !important;
}
.reels-mode-btn.is-active{
  background:var(--reels-primary) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(0,113,227,.34) !important;
}
.reels-mode-btn + .reels-mode-btn{
  margin-left:0 !important;
}
.reels-side-item.is-active{
  background:#e5e7eb !important;
  border-color:transparent !important;
  color:#111827 !important;
}
.reels-side-item.is-active:hover{
  background:#d9dde3 !important;
}
.reels-side-item.is-active .material-symbols-outlined{
  color:#374151 !important;
}
.reels-more-panel,
.reels-suggestions{
  backdrop-filter:blur(8px);
}
.reels-suggestions{
  background:#ffffff !important;
  border:1px solid #cfd7e3 !important;
  box-shadow:0 12px 28px rgba(15,23,42,.18) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  top:calc(100% + .25rem) !important;
  max-height:220px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  display:none !important;
  pointer-events:none !important;
  z-index:220 !important;
}
.reels-suggestions.is-open{
  display:block !important;
  pointer-events:auto !important;
}
.reels-suggestion-item{
  background:#ffffff !important;
  color:#111827 !important;
}
.reels-suggestion-item .material-symbols-outlined{
  color:#64748b !important;
}
.reels-suggestion-item:hover,
.reels-suggestion-item.is-active{
  background:#f3f4f6 !important;
  color:#0f172a !important;
}
.reels-suggestions__header{
  padding:.5rem .75rem !important;
  font-family:'Inter',sans-serif !important;
  font-size:.8rem !important;
  font-weight:700 !important;
  color:#6b7280 !important;
  background:#e5e7eb !important;
  border-bottom:1px solid #d1d5db !important;
}
.reels-suggestion-item:hover,
.reels-suggestion-item.is-active{
  background:#f0f0f0 !important;
}
.reels-suggestions::-webkit-scrollbar{
  width:8px !important;
}
.reels-suggestions::-webkit-scrollbar-thumb{
  background:#94a3b8 !important;
  border-radius:999px !important;
}
.reel-media-frame{width:100% !important;height:100% !important;}
.reel-media-frame video,
.reel-media-frame iframe{width:100% !important;height:100% !important;display:block !important;}
.reel-engagement-rail{
  order:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:stretch !important;
  width:92px !important;
  flex-basis:92px !important;
  gap:.6rem !important;
}
.reel-share-rail{
  order:-1 !important;
  align-items:center !important;
  width:92px !important;
  flex-basis:92px !important;
  gap:.6rem !important;
}
.reel-share-btn{
  position:relative !important;
  overflow:hidden !important;
  width:78px !important;
  height:78px !important;
}
.reel-share-btn svg{
  width:43px !important;
  height:43px !important;
}
.reel-share-btn .material-symbols-outlined{
  font-size:43px !important;
}
.reel-action-item{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.2rem !important;
}
.reel-action-label,
.reel-action-count{
  font-family:'Inter',sans-serif !important;
  color:#fff !important;
  text-shadow:0 2px 8px rgba(2,8,18,.55) !important;
  line-height:1 !important;
}
.reel-engagement-rail .reel-action-label,
.reel-engagement-rail .reel-action-count{
  display:none !important;
}
.reel-engagement-rail .js-like-count{
  display:block !important;
  margin-top:.18rem !important;
  min-height:1em !important;
  font-size:.82rem !important;
  font-weight:800 !important;
  color:#777c84 !important;
  text-shadow:none !important;
}
.reel-action-label{
  font-size:.8rem !important;
  font-weight:700 !important;
}
.reel-action-count{
  font-size:.72rem !important;
  font-weight:600 !important;
  opacity:.95 !important;
}
.reel-action-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
}
.reel-action-btn.is-disabled{
  pointer-events:none !important;
  opacity:.45 !important;
}
.reel-action-btn.is-liked .material-symbols-outlined{
  font-variation-settings:'FILL' 1 !important;
  color:#facc15 !important;
}
.reel-action-btn.is-saved .material-symbols-outlined{
  font-variation-settings:'FILL' 1 !important;
  color:#ff8fa7 !important;
}
.reel-action-item--creator .reel-action-btn.is-disabled{
  opacity:1 !important;
}
.reel-creator-avatar{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:999px !important;
}
.reel-creator-fallback{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  border-radius:999px !important;
  background:#5f6f84 !important;
  color:#fff !important;
  font-family:'Inter',sans-serif !important;
  font-weight:800 !important;
  font-size:1.35rem !important;
}
.reel-follow-badge{
  position:absolute !important;
  right:-6px !important;
  bottom:-6px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  height:28px !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#22c55e !important;
  border:3px solid #22c55e !important;
  box-shadow:0 6px 12px rgba(2,6,23,.28) !important;
  z-index:8 !important;
}
.reel-follow-badge.is-hidden{
  display:none !important;
}
.reel-follow-badge{cursor:pointer;}
.reel-follow-badge.is-following{
  background:#22c55e !important;
  color:#fff !important;
  border-color:#16a34a !important;
}
.reel-follow-glyph{
  font-family:'Inter',sans-serif !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
}
.reel-action-item--creator .reel-action-btn{
  overflow:visible !important;
  position:relative !important;
  border-width:.8px !important;
}
@media (min-width:901px){
  .reel-share-launch,
  .reel-source-badge{
    display:none !important;
  }
  /* Desktop: keep reel frame narrower to reduce side letterboxing without extra zoom. */
  .reel-media-stack{
    width:min(54vw,520px) !important;
  }
  .reel-video-wrap{
    max-width:min(54vw,520px) !important;
  }
  .reel-shell--youtube .reel-media-frame{
    position:relative !important;
    overflow:hidden !important;
    background:#000 !important;
  }
  .reel-shell--youtube .reel-media-frame iframe{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    width:132% !important;
    height:132% !important;
    margin:0 !important;
    transform:translate(-50%,-50%) translateZ(0) !important;
    -webkit-transform:translate(-50%,-50%) translateZ(0) !important;
    backface-visibility:hidden !important;
  }
  :root{
    --reels-left-scale:1.2;
  }
  .reels-main-column{
    min-height:100dvh;
  }
  .reel-feed-wrap{
    height:100dvh !important;
    display:flex;
    flex-direction:column;
    padding:0 !important;
  }
  .reel-feed{
    --feed-height:100dvh !important;
    height:100dvh !important;
    padding:0 !important;
  }
  .reel-card{
    min-height:100dvh !important;
  }
  .reel-media-layout{
    height:100% !important;
  }
  .reel-video-wrap{
    height:100% !important;
    max-height:100% !important;
  }
  .reels-shell{
    grid-template-columns:calc(278px * var(--reels-left-scale)) minmax(0,1fr) !important;
  }
  .reels-side-nav{
    border-radius:calc(22px * var(--reels-left-scale)) !important;
    padding:calc(1rem * var(--reels-left-scale)) calc(.95rem * var(--reels-left-scale)) calc(.92rem * var(--reels-left-scale)) !important;
  }
  .reels-side-brand{
    margin-bottom:calc(.84rem * var(--reels-left-scale)) !important;
  }
  .reels-side-brand-logo{
    max-width:calc(221px * var(--reels-left-scale)) !important;
  }
  .reels-controls{
    gap:calc(.56rem * var(--reels-left-scale)) !important;
    margin-bottom:calc(.68rem * var(--reels-left-scale)) !important;
  }
  .reels-location-icon{
    left:calc(.76rem * var(--reels-left-scale)) !important;
    top:calc(.71rem * var(--reels-left-scale)) !important;
    font-size:calc(20px * var(--reels-left-scale)) !important;
  }
  .reels-location-input{
    padding:calc(.68rem * var(--reels-left-scale)) calc(.9rem * var(--reels-left-scale)) calc(.68rem * var(--reels-left-scale)) calc(2.2rem * var(--reels-left-scale)) !important;
    font-size:calc(.93rem * var(--reels-left-scale)) !important;
    border-radius:calc(12px * var(--reels-left-scale)) !important;
  }
  .reels-mode-group{
    gap:calc(.24rem * var(--reels-left-scale)) !important;
    padding:calc(.18rem * var(--reels-left-scale)) !important;
  }
  .reels-mode-btn{
    min-height:calc(36px * var(--reels-left-scale)) !important;
    padding:calc(.42rem * var(--reels-left-scale)) calc(.78rem * var(--reels-left-scale)) !important;
    font-size:calc(.92rem * var(--reels-left-scale)) !important;
  }
  .reels-side-menu{
    gap:calc(.16rem * var(--reels-left-scale)) !important;
  }
  .reels-side-item{
    border-radius:calc(10px * var(--reels-left-scale)) !important;
    padding:calc(.56rem * var(--reels-left-scale)) calc(.62rem * var(--reels-left-scale)) !important;
    gap:calc(.62rem * var(--reels-left-scale)) !important;
    font-size:calc(1rem * var(--reels-left-scale)) !important;
  }
  .reels-side-item .material-symbols-outlined{
    font-size:calc(23px * var(--reels-left-scale)) !important;
  }
}
@media (min-width:1200px){
  .reels-main-column{
    transform:translateX(calc((278px * var(--reels-left-scale)) / -2));
  }
}
@media (max-width:900px){
  :root{--subbar-h:0px;}
  :root{--reels-mobile-bottom-h:calc(86px + env(safe-area-inset-bottom));}
  :root{--reels-mobile-slot-h:calc(100vh - var(--topbar-h) - var(--subbar-h) - var(--reels-mobile-bottom-h));}
  :root{--reels-mobile-slot-h:calc(100dvh - var(--topbar-h) - var(--subbar-h) - var(--reels-mobile-bottom-h));}
  body{padding-top:var(--topbar-h) !important;}
  .sub-navbar,
  .site-launch-strip{display:none !important;}
  body,
  .reels-page{background:#000 !important;}
  html,body{overflow-x:hidden !important;} /* prevent scrollbar during swipe-to-home */
  .topbar{background:#000 !important;}
  .reels-page{padding:0 !important;}
  #feedbackFab,
  #mle-launch{display:none !important;}
  #reelsSearchForm .reels-mode-group{display:none !important;}
  .reels-shell{grid-template-columns:1fr !important;}
  .reels-shell{gap:0 !important;}
  .reels-shell{position:relative !important;}
  .reels-side-menu{display:none !important;}
  .reels-mobile-bottom-nav{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:1200 !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    align-items:center !important;
    gap:0 !important;
    height:var(--reels-mobile-bottom-h) !important;
    min-height:var(--reels-mobile-bottom-h) !important;
    background:#000 !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
    padding:8px 6px calc(10px + env(safe-area-inset-bottom)) !important;
    box-sizing:border-box !important;
  }
  .reels-mobile-bottom-nav__item{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    min-height:66px !important;
    text-decoration:none !important;
    color:#dbe3ef !important;
    font-family:'Inter',sans-serif !important;
    font-size:.8rem !important;
    font-weight:700 !important;
    line-height:1.1 !important;
    opacity:.72 !important;
    transition:opacity .16s ease,color .16s ease,transform .16s ease !important;
  }
  .reels-mobile-bottom-nav__item .material-symbols-outlined{
    font-size:34px !important;
    color:#dbe3ef !important;
    line-height:1 !important;
    font-family:'Material Symbols Outlined' !important;
    font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24 !important;
    transition:transform .16s ease,color .16s ease,font-variation-settings .16s ease !important;
  }
  .reels-mobile-bottom-nav__item.is-active{
    font-weight:800 !important;
    color:#ffffff !important;
    opacity:1 !important;
    transform:translateY(-1px) !important;
  }
  .reels-mobile-bottom-nav__item.is-active .material-symbols-outlined{
    color:#ffffff !important;
    font-variation-settings:'FILL' 1,'wght' 700,'GRAD' 0,'opsz' 24 !important;
    transform:scale(1.2) !important;
  }
  #reelsSearchForm .reels-mode-group{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:.5rem !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  #reelsSearchForm .reels-mode-btn{
    min-height:44px !important;
    border-radius:10px !important;
    border:1px solid #d8dde6 !important;
    background:#ffffff !important;
    color:#1f2937 !important;
    font-size:1rem !important;
    font-weight:700 !important;
    box-shadow:none !important;
  }
  #reelsSearchForm .reels-mode-btn .reels-mode-icon{font-size:17px !important;}
  #reelsSearchForm .reels-mode-btn:hover{
    background:#f8fafc !important;
    border-color:#cfd7e3 !important;
  }
  #reelsSearchForm .reels-mode-btn.is-active{
    background:#e5e7eb !important;
    border-color:#d1d5db !important;
    color:#111827 !important;
    box-shadow:none !important;
  }
  .reels-main-column{order:1 !important;}
  .reels-side-nav{order:2 !important;}
  .reels-side-nav{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:30 !important;
    padding:.55rem .5rem .46rem !important;
    border-radius:0 !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    max-height:none !important;
    overflow:visible !important;
    pointer-events:none !important;
  }
  .reels-controls,
  .reels-location-wrap,
  .reels-top-pills,
  .reels-top-pill,
  .reels-location-input,
  .reels-location-geo,
  .reels-suggestions{pointer-events:auto !important;}
  #reelsSearchForm .reels-top-pills{
    display:flex !important;
    align-items:center !important;
    gap:.34rem !important;
    overflow-x:auto !important;
    padding:0 .02rem !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
  }
  #reelsSearchForm .reels-top-pills::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important;}
  #reelsSearchForm .reels-top-pill{
    display:inline-flex !important;
    align-items:center !important;
    gap:.32rem !important;
    min-height:38px !important;
    border-radius:999px !important;
    border:1px solid #d8dde6 !important;
    background:#ffffff !important;
    color:#111827 !important;
    font-family:'Inter',sans-serif !important;
    font-size:.88rem !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    padding:.5rem .84rem !important;
    box-shadow:0 1px 3px rgba(15,23,42,.08) !important;
  }
  #reelsSearchForm .reels-top-pill .material-symbols-outlined{font-size:18px !important;line-height:1 !important;}
  #reelsSearchForm .reels-top-pill:hover{background:#f8fafc !important;border-color:#cfd7e3 !important;}
  #reelsSearchForm .reels-top-pill.is-active{
    background:#777c84 !important;
    border-color:#777c84 !important;
    color:#ffffff !important;
  }
  #reelsSearchForm .reels-top-pill.is-disabled{opacity:.55 !important;pointer-events:none !important;}
  #reelsSearchForm .reels-top-pill.is-disabled:hover{background:#ffffff !important;border-color:#d8dde6 !important;}
  .reels-controls{margin-bottom:.25rem !important;gap:.38rem !important;}
  .reels-controls{
    position:relative !important;
    overflow:visible !important;
    z-index:1400 !important;
  }
  #reelsSearchForm .reels-location-wrap{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 40px !important;
    align-items:center !important;
    column-gap:.42rem !important;
    position:relative !important;
    overflow:visible !important;
    z-index:1450 !important;
  }
  #reelsSearchForm .reels-location-input{
    grid-column:1 !important;
    width:100% !important;
    height:44px !important;
    min-height:44px !important;
    box-sizing:border-box !important;
    padding-right:.9rem !important;
  }
  #reelsSearchForm .reels-location-icon{
    top:50% !important;
    transform:translateY(-50%) !important;
  }
  #reelsSearchForm .reels-location-geo{
    position:static !important;
    transform:none !important;
    grid-column:2 !important;
    width:44px !important;
    height:44px !important;
    min-height:44px !important;
    box-sizing:border-box !important;
    border-radius:10px !important;
    border:1px solid #d8dde6 !important;
    background:#ffffff !important;
    box-shadow:none !important;
  }
  #reelsSearchForm .reels-suggestions{
    grid-column:1 / -1 !important;
    z-index:1600 !important;
    background:#ffffff !important;
    border:1px solid #d8dde6 !important;
    box-shadow:0 14px 28px rgba(15,23,42,.2) !important;
  }
  .reels-main-column{gap:0 !important;}
  .reels-main-column,
  .reels-results,
  .reel-feed-wrap,
  .reel-feed{
    height:calc(100vh - var(--topbar-h) - var(--reels-mobile-bottom-h)) !important;
    min-height:calc(100vh - var(--topbar-h) - var(--reels-mobile-bottom-h)) !important;
    max-height:calc(100vh - var(--topbar-h) - var(--reels-mobile-bottom-h)) !important;
    height:var(--reels-mobile-slot-h) !important;
    min-height:var(--reels-mobile-slot-h) !important;
    max-height:var(--reels-mobile-slot-h) !important;
  }
  .reel-feed{
    overflow-y:auto !important;
    scroll-snap-type:y mandatory !important;
    scroll-padding-top:0 !important;
    scroll-padding-bottom:0 !important;
  }
  .reel-feed > .reel-card,
  .reel-feed > .reel-item,
  .reel-card{
    flex:0 0 calc(100vh - var(--topbar-h) - var(--reels-mobile-bottom-h)) !important;
    height:calc(100vh - var(--topbar-h) - var(--reels-mobile-bottom-h)) !important;
    min-height:calc(100vh - var(--topbar-h) - var(--reels-mobile-bottom-h)) !important;
    max-height:calc(100vh - var(--topbar-h) - var(--reels-mobile-bottom-h)) !important;
    flex:0 0 var(--reels-mobile-slot-h) !important;
    height:var(--reels-mobile-slot-h) !important;
    min-height:var(--reels-mobile-slot-h) !important;
    max-height:var(--reels-mobile-slot-h) !important;
    display:flex !important;
    flex-direction:column !important;
  }
  .reels-results{margin-top:0 !important;}
  .reels-side-brand{display:none !important;}
  .reel-item{padding:0 !important;}
  .reel-shell{
    position:relative !important;
    display:flex !important;
    justify-content:center !important;
    align-items:stretch !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
  }
  .reel-media-stage{
    position:relative !important;
    width:100% !important;
    margin:0 auto !important;
    height:calc(100vh - var(--topbar-h) - var(--reels-mobile-bottom-h)) !important;
    min-height:calc(100vh - var(--topbar-h) - var(--reels-mobile-bottom-h)) !important;
    height:100% !important;
    min-height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
    overflow:visible !important;
  }
  .reel-media-frame{
    position:relative !important;
    width:100% !important;
    height:calc(100vh - var(--topbar-h) - var(--reels-mobile-bottom-h)) !important;
    min-height:calc(100vh - var(--topbar-h) - var(--reels-mobile-bottom-h)) !important;
    height:100% !important;
    min-height:100% !important;
    aspect-ratio:auto !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background:#000 !important;
  }
  .reel-media-frame video,
  .reel-media-frame iframe{
    width:100% !important;
    height:100% !important;
    display:block !important;
    background:#000 !important;
  }
  .reel-media-frame video{object-fit:cover !important;}
  .reel-shell--youtube .reel-media-frame{
    position:relative !important;
    overflow:hidden !important;
    background:#000 !important;
  }
  .reel-shell--youtube .reel-media-frame iframe{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    width:132% !important;
    height:132% !important;
    margin:0 !important;
    transform:translate(-50%,-50%) translateZ(0) !important;
    -webkit-transform:translate(-50%,-50%) translateZ(0) !important;
    backface-visibility:hidden !important;
    filter:brightness(1.22) contrast(1.05) !important;
  }
  .reel-shell--youtube .reel-overlay-layer{
    background:linear-gradient(to top,rgba(2,7,14,.56),rgba(2,7,14,.1) 52%,rgba(2,7,14,.02) 74%,transparent 100%) !important;
  }
  .reel-overlay-layer{
    position:absolute !important;
    inset:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    padding:.64rem .62rem .68rem !important;
    z-index:3 !important;
    pointer-events:none !important;
    background:linear-gradient(to top,rgba(2,7,14,.82),rgba(2,7,14,.18) 52%,rgba(2,7,14,.05) 74%,transparent 100%) !important;
  }
  .reel-top-badges{
    display:flex !important;
    align-items:center !important;
    gap:.34rem !important;
    flex-wrap:wrap !important;
    pointer-events:auto !important;
    order:2 !important;
    margin:.22rem 0 .12rem !important;
  }
  .reel-source-badge{
    display:inline-flex !important;
    align-items:center !important;
    border-radius:999px !important;
    padding:.22rem .48rem !important;
    background:rgba(9,18,31,.42) !important;
    border:1px solid rgba(223,234,248,.56) !important;
    color:#ecf4ff !important;
    font-family:'Inter',sans-serif !important;
    font-size:.65rem !important;
    font-weight:700 !important;
    letter-spacing:.01em !important;
  }
  .reel-bottom-info{pointer-events:none !important;}
  .reel-bottom-info{order:1 !important;}
  .reel-overlay-actions.reel-bottom-cta-row{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:.28rem !important;
    margin-top:.42rem !important;
    pointer-events:auto !important;
    max-width:calc(100% - 60px) !important;
    order:3 !important;
  }
  .reel-bottom-cta-row .reel-share-launch{display:none !important;}
  .reel-side-rail{
    position:absolute !important;
    right:7px !important;
    bottom:14px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:.3rem !important;
    z-index:5 !important;
    width:auto !important;
    flex-basis:auto !important;
  }
  .reel-side-rail .reel-share-launch-mobile{
    display:inline-flex !important;
    width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    border-radius:999px !important;
    border-color:#777c84 !important;
    background:#777c84 !important;
    color:#ffffff !important;
  }
  .reel-side-rail .reel-share-launch-mobile .material-symbols-outlined{font-size:18px !important;line-height:1 !important;}
  .reel-side-rail .reel-action-item--report-mobile{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
  }
  .reel-side-rail .reel-action-item--report-mobile .reel-report-btn{
    display:inline-flex !important;
    width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    border-radius:999px !important;
    border-color:#777c84 !important;
    background:#777c84 !important;
    color:#fff !important;
  }
  .reel-side-rail .reel-action-item--report-mobile .reel-report-btn .material-symbols-outlined{font-size:18px !important;line-height:1 !important;}
  .reel-side-rail .reel-action-item--report-mobile .reel-action-label{
    font-size:.58rem !important;
    color:#cbd5e1 !important;
    margin-top:.08rem !important;
  }
  .reel-share-panel{
    position:absolute !important;
    right:56px !important;
    bottom:14px !important;
    z-index:6 !important;
    display:none !important;
    width:auto !important;
    padding:.34rem !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.26) !important;
    background:rgba(10,18,30,.86) !important;
    backdrop-filter:blur(5px) !important;
    grid-template-columns:repeat(3,40px) !important;
    gap:.32rem !important;
    justify-content:start !important;
  }
  .reel-share-panel.is-open{display:grid !important;}
  .reel-share-panel .reel-report-btn{display:none !important;}
  .reel-share-panel .reel-share-btn{width:40px !important;height:40px !important;}
  .reel-share-panel .reel-share-btn svg{width:18px !important;height:18px !important;}
  .reel-share-panel .reel-share-btn .material-symbols-outlined{font-size:18px !important;}
  .reel-shell--youtube .reel-media-stage{padding-right:0 !important;}
  .reel-shell--youtube .reel-media-frame{width:100% !important;}
  .reel-shell--youtube .reel-side-rail{right:7px !important;}
  .reel-shell--youtube .reel-bottom-cta-row{max-width:calc(100% - 60px) !important;}
  .reel-card{padding:0 !important;border-radius:0 !important;display:flex !important;flex-direction:column !important;}
  .reel-media-layout{
    position:relative !important;
    justify-content:flex-start !important;
    align-items:stretch !important;
    display:flex !important;
    flex:1 1 auto !important;
    height:100% !important;
    min-height:100% !important;
  }
  .reel-video-wrap{
    max-width:none !important;
    width:100% !important;
    height:calc(100vh - var(--topbar-h) - var(--reels-mobile-bottom-h)) !important;
    min-height:calc(100vh - var(--topbar-h) - var(--reels-mobile-bottom-h)) !important;
    height:100% !important;
    min-height:100% !important;
    flex:1 1 auto !important;
    aspect-ratio:auto !important;
    border-radius:0 !important;
    border-color:#000 !important;
  }
  .reel-card{border-color:#000 !important;}
  .reel-media-frame{border-radius:0 !important;}
  .reel-feed-wrap{padding:0 !important;border:none !important;border-radius:0 !important;box-shadow:none !important;}
  .reel-feed{gap:0 !important;padding:0 !important;scrollbar-width:none !important;-ms-overflow-style:none !important;}
  .reel-feed::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important;}
  .reel-overlay-price{font-size:1.42rem !important;}
  .reel-overlay-address{font-size:.82rem !important;}
  .reel-overlay-meta{font-size:.72rem !important;}
  .reel-meta-mobile{
    display:block !important;
    font-size:.72rem !important;
    font-weight:600 !important;
    color:#e8edf5 !important;
    text-shadow:0 4px 14px rgba(2,6,23,.62) !important;
    margin:.2rem 0 .3rem !important;
    pointer-events:auto !important;
  }
  .reel-meta-mobile span{display:block;}
  .reel-meta-mobile-link{pointer-events:auto !important; position:relative; z-index:7;}
  .reel-bottom-cta-row .reel-primary-cta,
  .reel-bottom-cta-row .reel-secondary-btn{
    min-height:34px !important;
    padding:.36rem .6rem !important;
    font-size:.74rem !important;
  }
  .reel-bottom-cta-row .reel-primary-cta{
    background:#65b1dd !important;
    border-color:#65b1dd !important;
    color:#ffffff !important;
    box-shadow:0 10px 20px rgba(6,78,118,.35) !important;
  }
  .reel-bottom-cta-row .reel-primary-cta:hover{
    background:#56a4d2 !important;
    border-color:#56a4d2 !important;
  }
  .reel-bottom-cta-row .reel-secondary-btn{
    background:rgba(9,18,31,.42) !important;
    border-color:rgba(223,234,248,.56) !important;
    color:#ecf4ff !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .reel-bottom-cta-row .reel-secondary-btn:hover{
    background:rgba(9,18,31,.58) !important;
    border-color:rgba(223,234,248,.72) !important;
    transform:translateY(-1px) !important;
  }
  .reel-bottom-cta-row .reel-inline-toggle-pill.is-active{
    background:#ffffff !important;
    border-color:#ffffff !important;
    color:#111827 !important;
  }
  .reel-bottom-cta-row .reel-inline-toggle-pill.is-active:hover{
    background:#ffffff !important;
    border-color:#ffffff !important;
    color:#111827 !important;
  }
  .reel-bottom-cta-row .reel-map-cta{display:none !important;}
  .reel-bottom-cta-row .reel-inline-toggle-pill .material-symbols-outlined{font-size:18px !important;}
  .reel-bottom-cta-row .reel-inline-toggle-pill[href*="tab=saved"],
  .reel-bottom-cta-row .reel-inline-toggle-pill[href*="saved"]{display:none !important;}
  .reel-bottom-cta-row .reel-save-cta{display:none !important;}
  .reel-share-btn{width:42px !important;height:42px !important;}
  .reel-share-btn svg{width:18px !important;height:18px !important;}
  .reel-share-btn .material-symbols-outlined{font-size:18px !important;}
  .reel-action-item--home .reel-share-btn .material-symbols-outlined{
    font-size:24px !important;
    line-height:1 !important;
  }
  .reel-action-item--creator .reel-share-btn{
    border:2px solid #777c84 !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
    overflow:visible !important;
    border-radius:999px !important;
  }
  .reel-action-item--creator .reel-follow-badge{
    right:-3px !important;
    bottom:-3px !important;
    width:20px !important;
    height:20px !important;
    border-width:2px !important;
    z-index:12 !important;
  }
  .reel-action-item--creator .reel-follow-glyph{
    font-size:13px !important;
  }
  .reel-action-item--creator .reel-creator-avatar{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center !important;
    transform:none !important;
    display:block !important;
  }
  .reel-action-item--creator .reel-creator-avatar,
  .reel-action-item--creator .reel-creator-fallback{
    border-radius:999px !important;
  }
  .reel-action-label{font-size:.7rem !important;}
  .reel-action-count{font-size:.66rem !important;}
  .reel-creator-fallback{font-size:1rem !important;}
}
/* Hard override: keep Buy/Rent as equal hit areas and pointer cursor everywhere */
#reelsSearchForm .reels-mode-group{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  column-gap:.22rem !important;
  align-items:stretch !important;
}
#reelsSearchForm .reels-mode-btn{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
}
#reelsSearchForm .reels-mode-group,
#reelsSearchForm .reels-mode-group *{
  cursor:pointer !important;
}
#reelsSearchForm .reels-unclaimed-group,
#reelsSearchForm .reels-unclaimed-group *{
  cursor:pointer !important;
}
#reelsSearchForm .reels-unclaimed-group{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  column-gap:.22rem !important;
  align-items:stretch !important;
  width:100% !important;
  padding:.18rem !important;
  border-radius:999px !important;
  border:0 !important;
  background:#e7e9ee !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92) !important;
}
#reelsSearchForm .reels-unclaimed-btn{
  min-height:36px !important;
  padding:.42rem .78rem !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#4b5563 !important;
  font-size:.92rem !important;
  font-weight:700 !important;
  line-height:1 !important;
  box-shadow:none !important;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease !important;
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#reelsSearchForm .reels-unclaimed-btn .material-symbols-outlined{
  font-size:16px !important;
  line-height:1 !important;
}
#reelsSearchForm .reels-unclaimed-btn:hover{
  background:rgba(255,255,255,.55) !important;
  color:#374151 !important;
}
#reelsSearchForm .reels-unclaimed-btn.is-active{
  background:var(--reels-primary) !important;
  border-color:var(--reels-primary) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(0,113,227,.34) !important;
}
@media (min-width:901px){
  /* Keep left rail controls above the shifted main reel column on wide screens. */
  .reels-shell{position:relative !important;}
  .reels-side-nav{
    position:sticky !important;
    z-index:2600 !important;
    pointer-events:auto !important;
  }
  .reels-main-column{
    position:relative !important;
    z-index:1 !important;
  }
  /* Desktop uses the left sidebar buttons for feed modes. */
  #reelsSearchForm .reels-primary-group{
    display:none !important;
  }
}
@media (max-width:900px){
  #reelsSearchForm .reels-mode-group{display:none !important;}
  #reelsSearchForm .reels-location-wrap{order:1 !important;}
  #reelsSearchForm .reels-primary-group{
    order:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
  }
  #reelsSearchForm .reels-top-pills{
    order:2 !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }
  #reelsSearchForm .reels-unclaimed-group{
    order:3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    gap:.34rem !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
  }
  #reelsSearchForm .reels-unclaimed-btn{
    min-height:38px !important;
    border-radius:999px !important;
    border:1px solid #d8dde6 !important;
    background:#ffffff !important;
    color:#111827 !important;
    font-family:'Inter',sans-serif !important;
    font-size:.86rem !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    padding:.46rem .72rem !important;
    box-shadow:0 1px 3px rgba(15,23,42,.08) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:.3rem !important;
    width:auto !important;
    min-width:0 !important;
    flex:0 0 auto !important;
  }
  #reelsSearchForm .reels-unclaimed-btn .material-symbols-outlined{
    font-size:16px !important;
    line-height:1 !important;
  }
  #reelsSearchForm .reels-unclaimed-btn:hover{
    background:#f8fafc !important;
    border-color:#cfd7e3 !important;
    color:#111827 !important;
  }
  #reelsSearchForm .reels-unclaimed-btn.is-active{
    background:#777c84 !important;
    border-color:#777c84 !important;
    color:#ffffff !important;
    box-shadow:none !important;
  }
  .reel-scroll-controls{display:none;}
}
@media (max-width:900px){
  :root{--reels-mobile-slot-h:calc(100dvh - var(--topbar-h, 76px) - var(--subbar-h, 0px) - var(--reels-mobile-bottom-h));}
  #reelsSearchForm .reels-controls{
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
  }
  #reelsSearchForm .reels-location-wrap{
    order:1 !important;
    width:100% !important;
  }
  #reelsSearchForm .reels-primary-group,
  #reelsSearchForm .reels-top-pills{
    order:2 !important;
    width:100% !important;
  }
  #reelsSearchForm .reels-unclaimed-group{
    order:3 !important;
    width:100% !important;
  }
  .reels-main-column,
  .reels-results,
  .reel-feed-wrap,
  .reel-feed,
  .reel-feed > .reel-card,
  .reel-feed > .reel-item,
  .reel-card,
  .reel-media-layout,
  .reel-video-wrap,
  .reel-media-stage,
  .reel-media-frame{
    height:var(--reels-mobile-slot-h) !important;
    min-height:var(--reels-mobile-slot-h) !important;
    max-height:var(--reels-mobile-slot-h) !important;
  }
}

/* ── Advertiser profile modal ── */
.adv-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:9990;opacity:0;pointer-events:none;transition:opacity .22s ease;}
.adv-modal-overlay.is-open{opacity:1;pointer-events:auto;}
.adv-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);z-index:9991;width:94vw;max-width:1150px;max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 24px 64px rgba(15,23,42,.22);overflow:hidden;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.2,.9,.3,1),opacity .22s ease;}
.adv-modal.is-open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto;}
.adv-modal__close{position:absolute;top:12px;right:14px;z-index:10;width:38px;height:38px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);}
.adv-modal__close:hover{background:#f1f5f9;color:#1e293b;}
.adv-modal__body{flex:1;overflow-y:auto;padding:1.5rem 1.75rem 1.25rem;-webkit-overflow-scrolling:touch;}
.adv-modal__loading{display:flex;align-items:center;justify-content:center;min-height:260px;color:#94a3b8;font-family:'Inter',sans-serif;font-size:.95rem;}

/* ── Profile content styles (shared modal + page) ── */
.adv-profile__header{display:flex;gap:1.25rem;align-items:flex-start;margin-bottom:.75rem;}
.adv-profile__avatar-wrap{flex-shrink:0;width:88px;height:88px;border-radius:999px;overflow:hidden;border:3px solid #e2e8f0;background:#f1f5f9;}
.adv-profile__avatar{width:100%;height:100%;object-fit:cover;}
.adv-profile__avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#5f6f84;color:#fff;font-family:'Inter',sans-serif;font-weight:800;font-size:2rem;border-radius:999px;}
.adv-profile__identity{flex:1;min-width:0;}
.adv-profile__name{margin:0;font-family:'Inter',sans-serif;font-size:1.35rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;}
.adv-profile__badge{color:#3b82f6;display:inline-flex;align-items:center;}
.adv-profile__badge .material-symbols-outlined{font-size:20px;font-variation-settings:'FILL' 1;}
.adv-profile__type{display:inline-block;margin-top:.15rem;padding:.15rem .6rem;border-radius:999px;background:#f0f4ff;color:#4361c2;font-family:'Inter',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.02em;}
.adv-profile__headline{margin:.35rem 0 0;color:#475569;font-family:'Inter',sans-serif;font-size:.92rem;line-height:1.4;}
.adv-profile__location,.adv-profile__area{display:flex;align-items:center;gap:.2rem;margin-top:.2rem;color:#6b7280;font-family:'Inter',sans-serif;font-size:.82rem;}
.adv-profile__location-icon,.adv-profile__area-icon{font-size:16px;}

.adv-profile__bio{margin:.6rem 0;color:#374151;font-family:'Inter',sans-serif;font-size:.9rem;line-height:1.5;}
.adv-profile__bio--empty{color:#9ca3af;font-style:italic;}

.adv-profile__stats{display:flex;gap:0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:.65rem 0;margin:.5rem 0 .75rem;}
.adv-profile__stat{flex:1;text-align:center;display:flex;flex-direction:column;gap:.08rem;}
.adv-profile__stat-value{font-family:'Inter',sans-serif;font-size:1.15rem;font-weight:700;color:#1f2937;}
.adv-profile__stat-label{font-family:'Inter',sans-serif;font-size:.72rem;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-weight:500;}

.adv-profile__actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem;}
.adv-profile__btn{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem 1.1rem;border-radius:999px;font-family:'Inter',sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:all .15s ease;}
.adv-profile__btn .material-symbols-outlined{font-size:18px;}
.adv-profile__btn--follow{background:#3b82f6;color:#fff;border-color:#3b82f6;}
.adv-profile__btn--follow:hover{background:#2563eb;}
.adv-profile__btn--follow.is-following{background:#fff;color:#3b82f6;border-color:#3b82f6;}
.adv-profile__btn--message{background:#111827;color:#fff;border-color:#111827;}
.adv-profile__btn--message:hover{background:#1f2937;}
.adv-profile__btn--message[disabled]{opacity:.45;cursor:default;}
.adv-profile__btn--secondary{background:#fff;color:#374151;border-color:#d1d5db;}
.adv-profile__btn--secondary:hover{background:#f9fafb;border-color:#9ca3af;}

.adv-profile__member-since{color:#9ca3af;font-family:'Inter',sans-serif;font-size:.78rem;display:flex;align-items:center;gap:.25rem;margin-bottom:.6rem;}
.adv-profile__member-since .material-symbols-outlined{font-size:15px;}

.adv-profile__tabs{display:flex;border-bottom:2px solid #e5e7eb;margin-bottom:.75rem;gap:0;}
.adv-profile__tab{flex:1;padding:.65rem 0;border:none;background:transparent;font-family:'Inter',sans-serif;font-size:.9rem;font-weight:600;color:#9ca3af;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;}
.adv-profile__tab .material-symbols-outlined{font-size:18px;}
.adv-profile__tab:hover{color:#374151;}
.adv-profile__tab.is-active{color:#1f2937;border-bottom-color:#1f2937;}
.adv-profile__panel{display:none;}
.adv-profile__panel.is-visible{display:block;}

.adv-profile__reel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;}
.adv-profile__reel-card{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff;min-width:0;}
.adv-profile__reel-media-btn{position:relative;display:block;width:100%;padding:0;border:none;background:#f1f5f9;cursor:pointer;aspect-ratio:9/16;overflow:hidden;}
.adv-profile__reel-media-btn[disabled]{cursor:default;}
.adv-profile__reel-thumb{width:100%;height:100%;object-fit:cover;display:block;}
.adv-profile__reel-thumb--empty{display:flex;align-items:center;justify-content:center;color:#94a3b8;width:100%;height:100%;}
.adv-profile__reel-thumb--empty .material-symbols-outlined{font-size:32px;}
.adv-profile__reel-player{position:absolute;inset:0;width:100%;height:100%;display:block;background:#0f172a;border:none;z-index:2;object-fit:cover;}
.adv-profile__reel-play-indicator{position:absolute;inset:auto auto 8px 8px;width:34px;height:34px;border-radius:999px;background:rgba(15,23,42,.66);color:#fff;display:inline-flex;align-items:center;justify-content:center;z-index:3;}
.adv-profile__reel-play-indicator .material-symbols-outlined{font-size:21px;line-height:1;}
.adv-profile__reel-media-btn.is-playing .adv-profile__reel-play-indicator{display:none;}
.adv-profile__reel-badge{position:absolute;top:6px;left:6px;padding:.12rem .5rem;border-radius:999px;font-family:'Inter',sans-serif;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;z-index:3;}
.adv-profile__reel-badge--buy{background:rgba(59,130,246,.9);color:#fff;}
.adv-profile__reel-badge--rent{background:rgba(16,185,129,.9);color:#fff;}
.adv-profile__reel-info{padding:.58rem .72rem .34rem;display:flex;flex-direction:column;gap:.16rem;}
.adv-profile__reel-price{font-family:'Inter',sans-serif;font-size:1rem;font-weight:700;color:#1f2937;}
.adv-profile__reel-address{font-family:'Inter',sans-serif;font-size:.81rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.adv-profile__reel-meta{font-family:'Inter',sans-serif;font-size:.78rem;color:#9ca3af;min-height:1.1rem;}
.adv-profile__reel-cta{display:block;padding:.45rem .75rem;text-align:center;font-family:'Inter',sans-serif;font-size:.82rem;font-weight:600;color:#3b82f6;border-top:1px solid #f1f5f9;text-decoration:none;}
.adv-profile__reel-cta:hover{color:#2563eb;background:#f8fafc;}
.adv-profile__reel-cta--disabled{color:#94a3b8;background:#f8fafc;pointer-events:none;}

.adv-profile__listing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;}
.adv-profile__listing-card{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s;}
.adv-profile__listing-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);border-color:#cbd5e1;}
.adv-profile__listing-img-wrap{position:relative;aspect-ratio:16/10;background:#f1f5f9;overflow:hidden;}
.adv-profile__listing-img{width:100%;height:100%;object-fit:cover;}
.adv-profile__listing-img--empty{display:flex;align-items:center;justify-content:center;color:#94a3b8;}
.adv-profile__listing-img--empty .material-symbols-outlined{font-size:28px;}
.adv-profile__listing-badge{position:absolute;top:8px;left:8px;padding:.12rem .5rem;border-radius:999px;font-family:'Inter',sans-serif;font-size:.68rem;font-weight:700;text-transform:uppercase;}
.adv-profile__listing-badge--buy{background:rgba(59,130,246,.9);color:#fff;}
.adv-profile__listing-badge--rent{background:rgba(16,185,129,.9);color:#fff;}
.adv-profile__listing-info{padding:.6rem .75rem .35rem;display:flex;flex-direction:column;gap:.15rem;}
.adv-profile__listing-price{font-family:'Inter',sans-serif;font-size:1.05rem;font-weight:700;color:#1f2937;}
.adv-profile__listing-address{font-family:'Inter',sans-serif;font-size:.82rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.adv-profile__listing-meta{font-family:'Inter',sans-serif;font-size:.78rem;color:#9ca3af;}
.adv-profile__listing-cta{display:block;padding:.45rem .75rem;text-align:center;font-family:'Inter',sans-serif;font-size:.82rem;font-weight:600;color:#3b82f6;border-top:1px solid #f1f5f9;}
.adv-profile__listing-card:hover .adv-profile__listing-cta{color:#2563eb;}

.adv-profile__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;color:#94a3b8;font-family:'Inter',sans-serif;font-size:.9rem;text-align:center;gap:.5rem;}
.adv-profile__empty .material-symbols-outlined{font-size:36px;}

.reels-no-results{
  border:none;
  background:transparent;
  box-shadow:none;
  border-radius:0;
  padding:2rem 1.35rem;
}
.reels-empty-state{
  max-width:560px;
  margin:0 auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.52rem;
  font-family:'Inter',sans-serif;
}
.reels-empty-state__icon{
  width:64px;
  height:64px;
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#dfeafd;
  color:#3b82f6;
  box-shadow:inset 0 0 0 1px #c9dbfb;
}
.reels-empty-state__icon .material-symbols-outlined{
  width:28px;
  height:28px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  line-height:1;
  border:2px solid #3b82f6;
}
.reels-empty-state__title{
  margin:.22rem 0 0;
  font-size:2rem;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--reels-heading, #111827);
}
.reels-empty-state__text{
  margin:.12rem 0 0;
  font-size:.95rem;
  line-height:1.55;
  color:var(--reels-heading, #111827);
  opacity:1;
}
.reels-empty-state__actions{
  margin-top:.5rem;
  display:flex;
  gap:.58rem;
  flex-wrap:wrap;
  justify-content:center;
}
.reels-empty-state__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.34rem;
  min-height:40px;
  padding:.52rem .88rem;
  border-radius:11px;
  border:1px solid #89a8d2;
  background:#fff;
  color:#0f172a;
  text-decoration:none;
  font-family:'Inter',sans-serif;
  font-size:.85rem;
  font-weight:600;
}
.reels-empty-state__btn .material-symbols-outlined{font-size:18px;}
.reels-empty-state__btn:hover{background:#f8fbff;border-color:#6c93c7;}
.reels-empty-state__btn--primary{
  border-color:#3b82f6;
  background:#3b82f6;
  color:#fff;
}
.reels-empty-state__btn--primary:hover{background:#2563eb;border-color:#2563eb;}
.reels-orientation-guard{
  display:none;
  position:fixed;
  inset:0;
  z-index:5000;
  align-items:center;
  justify-content:center;
  padding:1rem;
  background:rgba(2,6,12,.94);
}
.reels-orientation-guard__card{
  width:min(340px,92vw);
  border:1px solid rgba(255,255,255,.2);
  border-radius:14px;
  background:rgba(10,18,29,.92);
  box-shadow:0 16px 34px rgba(0,0,0,.42);
  padding:1rem .95rem;
  text-align:center;
  color:#fff;
  font-family:'Inter',sans-serif;
}
.reels-orientation-guard__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  margin:0 auto .45rem;
}
.reels-orientation-guard__icon .material-symbols-outlined{
  font-size:25px;
  line-height:1;
}
.reels-orientation-guard__title{
  margin:0;
  font-size:1rem;
  font-weight:700;
}
.reels-orientation-guard__text{
  margin:.36rem 0 0;
  font-size:.86rem;
  line-height:1.45;
  color:#d8e2f1;
}
@media(max-width:767px){
  .reels-no-results{padding:1.1rem .9rem;border-radius:0;}
  .reels-empty-state{gap:.52rem;}
  .reels-empty-state__title{font-size:1.22rem;}
  .reels-empty-state__text{font-size:.86rem;line-height:1.5;}
  .reels-empty-state__actions{gap:.44rem;width:100%;}
  .reels-empty-state__btn{flex:1 1 100%;width:100%;}
}
.reels-orientation-guard.is-open{display:flex !important;}

/* Legacy iPhone (e.g. iPhone 8 / 375px) needs stronger YouTube iframe overscan. */
@media (max-width:380px){
  .reel-shell--youtube .reel-media-frame iframe{
    width:182% !important;
    height:182% !important;
    left:50.5% !important;
  }
}

@media(max-width:767px){
  .adv-modal{inset:0;top:0;left:0;width:100%;height:100%;max-width:none;max-height:none;border-radius:0;transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.9,.3,1),opacity .22s ease;}
  .adv-modal.is-open{transform:translateY(0);}
  .adv-modal__close{top:8px;right:8px;}
  .adv-modal__body{padding:1rem 1rem .75rem;}
  .adv-profile__header{gap:.85rem;}
  .adv-profile__avatar-wrap{width:68px;height:68px;}
  .adv-profile__name{font-size:1.15rem;}
  .adv-profile__actions{gap:.4rem;}
  .adv-profile__btn{padding:.45rem .75rem;font-size:.82rem;}
  .adv-profile__reel-grid{grid-template-columns:repeat(2,1fr);gap:3px;}
  .adv-profile__listing-grid{grid-template-columns:1fr;}
}