:root{
    --violet:#7C3AED; --violet-600:#6D28D9; --violet-100:#F3EEFF; --violet-50:#FAF7FF;
    --magenta:#C026D3; --fuchsia:#A855F7;
    --ink:#0F0A1E; --body-text:#4B4560; --muted:#7B7490;
    --line:#E9E4F5; --bg:#FBFAFE; --white:#fff;
    --green:#10B981; --green-bg:#ECFDF5; --amber:#D97706; --amber-bg:#FFFBEB;
    --rose:#E11D48; --rose-bg:#FFF1F4;
    --f:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --grad:linear-gradient(135deg,#6D28D9 0%,#7C3AED 30%,#A855F7 65%,#C026D3 100%);
    --sh-sm:0 1px 2px rgba(15,10,30,.05);
    --sh:0 4px 6px -1px rgba(15,10,30,.06),0 12px 28px -12px rgba(15,10,30,.16);
    --sh-lg:0 20px 50px -20px rgba(76,29,149,.35);
    --r:14px; --r-lg:20px; --r-xl:28px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none;cursor:pointer}
  button,input,select,textarea{font:inherit;color:inherit}
  .wrap{max-width:1424px;margin:0 auto;padding:0 40px}
  .view{display:none}.view.on{display:block}
  h1,h2,h3{letter-spacing:-.025em;margin:0}
  
.brandtext{
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1;
}

.brandtag{
  margin-top:5px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.02em;
  color:#746d8f;
  white-space:nowrap;
}

  /* ---------- nav ---------- */
  .nav{position:sticky;top:var(--beta-h,0px);z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
  .navrow{display:flex;align-items:center;gap:14px;height:78px}
  .brand{display:flex;align-items:center;gap:13px;cursor:pointer;flex:none}
  .logomark{width:46px;height:46px;flex:none;display:block;border-radius:29%;box-shadow:0 6px 16px -6px rgba(109,40,217,.5)}
  .wordmark{font-weight:800;font-size:27px;color:#16123A;letter-spacing:-.035em;line-height:1;white-space:nowrap}
  
  .wordmark .i{display:inline-block;vertical-align:baseline;position:relative;width:.17em;height:.52em;background:#16123A;border-radius:.055em;margin-left:.115em}
  .wordmark .i::before{content:"";position:absolute;left:-.01em;top:-.3em;width:.19em;height:.19em;border-radius:50%;background:var(--magenta)}
  .lock{display:flex;flex-direction:column;gap:8px}
  .tagline{font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
  .brand.big .logomark{width:58px;height:58px}
  .brand.big .wordmark{font-size:32px}
  .navmid{display:flex;gap:4px;margin:0 auto}
  .navitem{display:flex;align-items:center;gap:9px;padding:12px 20px;border-radius:12px;border:0;background:none;cursor:pointer;font-size:15.5px;font-weight:600;color:var(--body-text)}
  .navitem:hover{background:var(--violet-50);color:var(--violet)}
  .navitem.on{background:var(--violet-100);color:var(--violet)}
  .navitem svg{width:19px;height:19px;flex:none}
  .navright{display:flex;align-items:center;gap:10px;flex:none}
  .avatar{width:44px;height:44px;border-radius:50%;background:var(--violet-100);color:var(--violet);font-weight:700;font-size:17px;display:grid;place-items:center;border:0;cursor:pointer}
  .avatar:hover{background:var(--violet);color:#fff}
  .ibtn{width:44px;height:44px;border-radius:12px;border:0;background:none;color:var(--body-text);display:grid;place-items:center;cursor:pointer;position:relative}
  .ibtn:hover{background:var(--violet-50);color:var(--violet)}
  #savedBtn{color:var(--violet)}
  #savedBtn:hover{background:var(--violet-50);color:var(--violet-600)}
  .ibtn.saved-active{background:var(--violet-100);color:var(--violet)}
  .ibtn.saved-active .saved-heart-icon{fill:currentColor}
  .saved-heart-icon{transition:transform .15s ease,fill .15s ease,color .15s ease}
  #cartBtn{color:var(--body-text)}
  #cartBtn #cartCount{z-index:3;box-shadow:0 0 0 2px #fff;background:var(--magenta)!important;font-size:11px!important;font-weight:800!important}
  .ibtn:hover .saved-heart-icon{transform:scale(1.06)}

  [data-tooltip]{position:relative}
  [data-tooltip]::after{
    content:attr(data-tooltip);
    position:absolute;
    left:50%;
    top:calc(100% + 10px);
    transform:translateX(-50%) translateY(-2px);
    background:#241B3A;
    color:#fff;
    border-radius:8px;
    padding:7px 10px;
    font-size:12px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
    opacity:0;
    pointer-events:none;
    z-index:120;
    box-shadow:0 8px 22px rgba(36,27,58,.18);
    transition:opacity .12s ease,transform .12s ease;
  }
  [data-tooltip]::before{
    content:"";
    position:absolute;
    left:50%;
    top:calc(100% + 4px);
    transform:translateX(-50%);
    border:6px solid transparent;
    border-bottom-color:#241B3A;
    opacity:0;
    pointer-events:none;
    z-index:120;
    transition:opacity .12s ease;
  }
  [data-tooltip]:hover::after,
  [data-tooltip]:focus-visible::after,
  [data-tooltip]:hover::before,
  [data-tooltip]:focus-visible::before{
    opacity:1;
  }
  [data-tooltip]:hover::after,
  [data-tooltip]:focus-visible::after{
    transform:translateX(-50%) translateY(0);
  }

  .nav-unread-badge{
    position:absolute;
    top:4px;
    right:5px;
    min-width:19px;
    height:19px;
    padding:0 5px;
    border-radius:999px;
    background:var(--magenta);
    color:#fff;
    font-size:10.5px;
    font-weight:800;
    align-items:center;
    justify-content:center;
    box-shadow:0 0 0 2px #fff;
  }

  .dot{position:absolute;top:7px;right:7px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--magenta);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center}
  .btn{border:0;cursor:pointer;border-radius:12px;font-weight:600;font-size:15px;padding:12px 22px;transition:.15s;font-family:var(--f)}
  .btn:active{transform:translateY(1px)}
  .btn-p{background:var(--violet);color:#fff;box-shadow:0 8px 20px -8px rgba(124,58,237,.7)}
  .btn-p:hover{background:var(--violet-600)}
  .btn-g{background:#fff;border:1.5px solid var(--line);color:var(--ink)}
  .btn-g:hover{border-color:var(--violet);color:var(--violet)}
  .btn-w{background:#fff;color:var(--violet);font-weight:700}
  .btn-sm{padding:9px 16px;font-size:14px;border-radius:10px}
  .btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
  .menu{position:absolute;top:66px;right:40px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh);min-width:250px;padding:8px;display:none;z-index:70}
  .menu.on{display:block}
  .menu button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;padding:11px 13px;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500}
  .menu button:hover{background:var(--violet-50);color:var(--violet)}
  .menu button svg{
    width:20px;
    height:20px;
    min-width:20px;
    flex:none;
    display:block;
    opacity:1;
    visibility:visible;
    color:#2F2937;
    stroke:currentColor;
  }
  .menu button:hover svg{
    color:var(--violet);
  }
  .menu button>span:not(.menu-count){flex:1}
  .menu .mh{padding:11px 13px 7px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .menu hr{border:0;border-top:1px solid var(--line);margin:8px 0}
  .menu .menu-section-divider{border-top:1.5px solid #CFC8DC;margin:10px 4px}
  .menu-count{margin-left:auto;min-width:21px;height:21px;padding:0 7px;border-radius:999px;background:var(--magenta);color:#fff;font-size:11px;font-weight:800;align-items:center;justify-content:center;line-height:1}

  /* Favorites UI: enforce clean label/state even when older page markup is cached. */
  #savedDot{
    display:none !important;
  }

  #savedBtn::after{
    content:"My favorites" !important;
  }

  #userMenu [data-go="saved"] .menu-label,
  #userMenu [data-go="saved"] > span:not(.menu-count){
    font-size:0 !important;
  }

  #userMenu [data-go="saved"] .menu-label::after,
  #userMenu [data-go="saved"] > span:not(.menu-count)::after{
    content:"My favorites";
    font-size:15px;
    font-weight:500;
  }


  /* ---------- hero ---------- */
  .hero{background:var(--grad);color:#fff;position:relative;overflow:hidden;padding:78px 0 92px}
  .hero::before{content:"";position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,.28) 1px,transparent 1px);
    background-size:26px 26px;opacity:.55}
  .hero>*{position:relative}
  .hbadge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);padding:9px 18px;border-radius:999px;font-size:14.5px;font-weight:600;margin-bottom:28px}
  .hero h1{font-size:clamp(38px,4.6vw,60px);font-weight:800;line-height:1.06;max-width:19ch;margin-bottom:22px}
  .hero p{font-size:19px;color:rgba(255,255,255,.88);max-width:52ch;margin:0 0 42px;line-height:1.6}
  .searchbar{background:#fff;border-radius:22px;padding:12px;display:grid;grid-template-columns:1fr 220px 160px auto;gap:10px;box-shadow:var(--sh-lg);max-width:1100px}
  .sfield{display:flex;align-items:center;gap:12px;background:#F7F5FC;border-radius:14px;padding:0 18px;min-width:0}
  .sfield svg{color:var(--muted);flex:none}
  .sfield input,.sfield select{border:0;background:transparent;width:100%;padding:17px 0;font-size:16.5px;font-weight:500;outline:none}
  .sfield input::placeholder{color:#9C95AF;font-weight:400}
  .searchgo{background:var(--violet);color:#fff;border:0;border-radius:14px;padding:0 30px;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:9px}
  .searchgo:hover{background:var(--violet-600)}

  /* ---------- trust strip ---------- */
  .strip{background:#fff;border-bottom:1px solid var(--line)}
  .stripgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;padding:32px 0}
  .sitem{display:flex;gap:16px;align-items:center}
  .sicon{width:54px;height:54px;border-radius:15px;background:var(--violet-100);color:var(--violet);display:grid;place-items:center;flex:none}
  .sitem b{display:block;font-size:16.5px;font-weight:700}
  .sitem span{font-size:14.5px;color:var(--muted)}

  /* ---------- sections ---------- */
  .sec{padding:60px 0}
  .sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}
  .sechead h2{font-size:34px;font-weight:800}
  .sechead p{margin:6px 0 0;color:var(--muted);font-size:16px}
  .filterbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}
  .fchip{background:#fff;border:1.5px solid var(--line);border-radius:11px;padding:10px 18px;font-size:14.5px;font-weight:600;cursor:pointer;color:var(--body-text)}
  .fchip:hover{border-color:var(--violet);color:var(--violet)}
  .fchip.on{background:var(--violet);border-color:var(--violet);color:#fff}

  /* ---------- cards ---------- */
  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
  .card{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .25s}
  .card:hover{transform:translateY(-5px);box-shadow:var(--sh)}
  .card.dim{opacity:.62}
  .photo{position:relative;height:210px;cursor:pointer;overflow:hidden}
  .photo svg.scene{width:100%;height:100%;display:block}
  .catchip{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);padding:7px 15px;border-radius:999px;font-size:13px;font-weight:700}
  .tscore{position:absolute;top:16px;right:16px;background:var(--violet);color:#fff;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px}
  .savebtn{position:absolute;bottom:16px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.94);border:0;display:grid;place-items:center;cursor:pointer;color:var(--body-text);box-shadow:var(--sh-sm)}
  .savebtn:hover{color:var(--magenta)}
  .savebtn.on{color:var(--violet)}
  .cbody{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}
  .cbody h3{font-size:19px;font-weight:700;line-height:1.3;cursor:pointer}
  .cbody h3:hover{color:var(--violet)}
  .owner{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--muted)}
  .owner .vf{color:var(--violet);display:inline-flex}
  .rate{margin-left:auto;color:var(--ink);font-weight:600}
  .pricerow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:4px}
  .pricerow b{font-size:24px;font-weight:800}
  .pricerow b span{font-size:14px;font-weight:500;color:var(--muted)}
  .avpill{padding:6px 13px;border-radius:999px;font-size:13px;font-weight:700}
  .av-ok{background:var(--green-bg);color:var(--green)}
  .av-low{background:var(--amber-bg);color:var(--amber)}
  .av-no{background:#F4F2F8;color:var(--muted)}
  .av-short{background:var(--rose-bg);color:var(--rose)}
  .cacts{display:flex;gap:9px;margin-top:auto;padding-top:6px}
  .cacts .btn{flex:1}
  .qtybar{display:flex;gap:3px;height:8px;margin-top:2px}
  .qseg{flex:1;border-radius:3px;background:var(--line)}

  /* ---------- how / cta ---------- */
  .howline{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,3fr);align-items:stretch;gap:22px}
  .howintro{padding-right:24px;align-self:center;border-right:1px solid var(--line)}
  .howintro h2{font-size:34px;font-weight:800;margin:0}
  .howintro p{margin:6px 0 0;color:var(--muted);font-size:16px}
  .howgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch}
  .howcard{background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;padding:6px 24px}
  .hnum{width:36px;height:36px;border-radius:11px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px;margin-bottom:10px}
  .howcard h3{font-size:18px;font-weight:700;margin-bottom:6px}
  .howcard p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
  .ctaband{background:var(--grad);border-radius:var(--r-xl);padding:20px 30px;color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:center;position:relative;overflow:hidden}
  .ctaband::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.25) 1px,transparent 1px);background-size:26px 26px;opacity:.5}
  .ctaband>*{position:relative}
  .ctaband h2{font-size:clamp(25px,2.3vw,33px);font-weight:800;line-height:1.06;margin-bottom:7px}
  .ctaband p{color:rgba(255,255,255,.88);margin:0 0 12px;max-width:54ch;font-size:15px;line-height:1.42}
  .earnbox{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:var(--r-lg);padding:14px 18px}
  .erow{display:flex;justify-content:space-between;padding:5px 0;font-size:14px;border-bottom:1px solid rgba(255,255,255,.16)}
  .erow:last-of-type{border:0}
  .etotal{font-size:28px;font-weight:800;margin-top:6px}

  .footer-feedback{background:var(--violet-50);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .footer-feedback-inner{display:flex;align-items:center;justify-content:center;gap:34px;text-align:center;padding:28px 40px;flex-wrap:wrap}
  .footer-feedback h2{font-size:26px;font-weight:800;margin:0}
  .footer-feedback p{margin:5px 0 0;color:var(--muted);font-size:15px}
  .footer-feedback-btn{border:1.5px solid var(--ink);color:var(--ink);background:#fff;min-width:180px}
  .footer-feedback-btn:hover{border-color:var(--violet);color:var(--violet)}
  @media(max-width:700px){
    .footer-feedback-inner{padding:24px 18px;gap:18px}
    .footer-feedback h2{font-size:22px}
    .footer-feedback-btn{width:100%}
  }

  /* ---------- footer ---------- */
  footer.site-footer{background:#f4f1ee;border-top:1px solid var(--line);padding:30px 0 22px;margin-top:14px}
  .footer-main{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,3.28fr);gap:28px;align-items:start}
  .footer-mission{max-width:300px;padding:4px 26px 4px 0;border-right:1px solid rgba(123,116,144,.28);align-self:stretch}
  .footer-mission h2{font-size:clamp(28px,2.4vw,36px);line-height:1.03;font-weight:800;letter-spacing:-.035em;margin:0;color:var(--ink)}
  .footer-mission p{max-width:30ch;margin:10px 0 0;color:var(--body-text);font-size:14.5px;line-height:1.45}
  .fgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px}
  .fgrid h4{font-size:14px;font-weight:800;letter-spacing:0;color:var(--ink);margin:0 0 12px;text-transform:none}
  .fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px}
  .fgrid a{color:var(--body-text);cursor:pointer}
  .fgrid a:hover{color:var(--violet)}
  .footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid rgba(123,116,144,.22);font-size:13.5px;color:var(--muted)}
  .footer-brandline{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
  .footer-brandline .brand{gap:10px}
  .footer-brandline .logomark{width:40px;height:40px}
  .footer-brandline .wordmark{font-size:24px}
  .footer-brandline .tagline{font-size:9.5px}
  .footer-legal{display:flex;gap:18px;flex-wrap:wrap}
  .footer-legal a{cursor:pointer}
  .footer-legal a:hover{color:var(--violet)}
  @media(max-width:1100px){
    .footer-main{grid-template-columns:1fr}
    .footer-mission{max-width:none;padding:0 0 20px;border-right:0;border-bottom:1px solid rgba(123,116,144,.28)}
    .footer-mission h2 br{display:none}
    .fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  }
  @media(max-width:700px){
    footer.site-footer{padding:28px 0 20px}
    .footer-main{gap:22px}
    .footer-mission h2{font-size:30px}
    .fgrid{grid-template-columns:1fr 1fr;gap:24px 20px}
    .footer-bottom{margin-top:26px;align-items:flex-start;flex-direction:column}
  }

  /* ---------- pages ---------- */
  .page{padding:44px 0 90px}
  #vendorBody{padding-top:8px}
  .ptitle{font-size:38px;font-weight:800;margin-bottom:8px}
  .psub{color:var(--muted);font-size:16.5px;margin:0 0 32px}
  .crumb{display:flex;gap:9px;align-items:center;font-size:14px;color:var(--muted);padding:26px 0 20px}
  .crumb a:hover{color:var(--violet)}
  .dgrid{display:grid;grid-template-columns:1.4fr .6fr;gap:44px;align-items:start;padding-bottom:80px}
  .dhero{border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);height:400px;position:relative}
  /* Listing detail photos: keep the gallery compact so booking details remain above the fold. */
  .detail-listing-hero{height:280px}
  .dhero svg.scene{width:100%;height:100%}
  .dtitle{font-size:38px;font-weight:800;margin:30px 0 14px;line-height:1.1}
  .dmeta{display:flex;flex-wrap:wrap;gap:20px;align-items:center;color:var(--muted);font-size:15.5px;margin-bottom:30px}
  .specs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:34px}
  .spec{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
  .spec dt{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
  .spec dd{margin:0;font-size:17px;font-weight:700}
  .dsec{border-top:1px solid var(--line);padding:30px 0}
  .dsec h3{font-size:22px;font-weight:700;margin-bottom:14px}
  .dsec>p{color:var(--body-text);margin:0;max-width:64ch;font-size:16.5px}
  .feats{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:13px}
  .feats li{display:flex;gap:11px;color:var(--body-text);font-size:15.5px}
  .feats svg{color:var(--green);flex:none;margin-top:4px}
  .rev{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:13px}
  .rev .rt{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-bottom:9px}
  .rev p{margin:0;font-size:15.5px;color:var(--body-text)}
  .bookcard{position:sticky;top:calc(96px + var(--beta-h,0px));background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:26px;box-shadow:var(--sh)}
  .bprice{font-size:30px;font-weight:800;margin-bottom:20px}
  .bprice span{font-size:15px;font-weight:500;color:var(--muted)}
  .inrow{display:grid;grid-template-columns:1fr 1fr;gap:11px}
  .in{background:#F7F5FC;border-radius:13px;padding:11px 15px}
  .in.full{grid-column:span 2}
  .in label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
  .in input,.in select{border:0;background:transparent;width:100%;font-size:16px;font-weight:600;outline:none;padding:1px 0}
  .cl{display:flex;justify-content:space-between;padding:8px 0;font-size:15px;color:var(--muted)}
  .cl b{color:var(--ink);font-weight:600}
  .ctot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:12px;padding-top:14px;font-size:21px;font-weight:800}
  .note{font-size:13px;color:var(--muted);text-align:center;margin-top:14px}
  .warn{background:var(--rose-bg);color:var(--rose);font-size:14px;font-weight:600;padding:12px 14px;border-radius:12px;margin-bottom:14px}

  .block{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:28px;margin-bottom:20px}
  .block h3{font-size:21px;font-weight:700;margin-bottom:5px}
  .bhint{color:var(--muted);font-size:15px;margin:0 0 20px}
  .opt{display:flex;gap:14px;align-items:flex-start;border:1.5px solid var(--line);border-radius:var(--r);padding:16px 18px;cursor:pointer;margin-bottom:11px}
  .opt:hover{border-color:var(--violet)}
  .opt.sel{border-color:var(--violet);background:var(--violet-50)}
  .opt .rd{width:21px;height:21px;border-radius:50%;border:2px solid var(--line);flex:none;margin-top:2px;display:grid;place-items:center}
  .opt.sel .rd{border-color:var(--violet)}
  .opt.sel .rd::after{content:"";width:11px;height:11px;border-radius:50%;background:var(--violet)}
  .opt b{display:block;font-size:16px}
  .opt small{color:var(--muted);font-size:14px}
  .opt .amt{margin-left:auto;font-weight:700}
  .cowrap{display:grid;grid-template-columns:1.35fr .65fr;gap:40px;align-items:start}
  .steps{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:600;color:var(--muted);margin-bottom:28px}
  .steps b{color:var(--violet)}
  .steps i{width:34px;height:2px;background:var(--line);display:block}
  .ta{width:100%;background:#F7F5FC;border:0;border-radius:13px;padding:15px 17px;font-size:15.5px;resize:vertical;min-height:96px;outline:none;font-family:var(--f)}
  .fb{background:#F7F5FC;border-radius:13px;padding:11px 16px;margin-bottom:13px}
  .fb label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
  .fb input,.fb select{border:0;background:transparent;width:100%;font-size:16px;outline:none;padding:3px 0;font-weight:500}

  .rowc{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;display:grid;grid-template-columns:76px 1fr auto;gap:20px;align-items:center;margin-bottom:14px}
  .rowc .thumb{width:76px;height:76px;border-radius:16px;overflow:hidden}
  .rowc .thumb svg{width:100%;height:100%}
  .rowc h3{font-size:18px;font-weight:700;margin-bottom:4px}
  .rowc .meta{font-size:14.5px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
  .racts{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
  .tag{padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:700;text-transform:capitalize}
  .t-pending{background:var(--amber-bg);color:var(--amber)}
  .t-confirmed{background:var(--green-bg);color:var(--green)}
  .t-done{background:var(--violet-100);color:var(--violet)}
  .t-cancel{background:#F4F2F8;color:var(--muted)}
  .empty{background:#fff;border:1.5px dashed var(--line);border-radius:var(--r-xl);padding:64px;text-align:center}
  .empty h3{font-size:22px;font-weight:700;margin-bottom:10px}
  .empty p{color:var(--muted);margin:0 0 24px}
  .success{max-width:660px;margin:0 auto;text-align:center;padding:50px 0}
  .tick{width:88px;height:88px;border-radius:50%;background:var(--green-bg);color:var(--green);display:grid;place-items:center;margin:0 auto 26px}
  .receipt{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:28px;text-align:left;margin:30px 0}

  .scrim{position:fixed;inset:0;background:rgba(15,10,30,.55);backdrop-filter:blur(4px);z-index:100;display:none;align-items:center;justify-content:center;padding:24px}
  .scrim.on{display:flex}
  .modal{background:#fff;border-radius:var(--r-xl);width:100%;max-width:500px;max-height:88vh;overflow:auto;padding:32px}
  .modal h3{font-size:26px;font-weight:800;margin-bottom:7px}
  .mhint{color:var(--muted);margin:0 0 24px;font-size:15px}
  .mclose{float:right;background:none;border:0;cursor:pointer;color:var(--muted);font-size:26px;line-height:1;padding:0}
  .thread{max-height:310px;overflow:auto;display:flex;flex-direction:column;gap:11px;margin-bottom:18px;padding:4px}
  .bub{max-width:80%;padding:13px 17px;border-radius:18px;font-size:15px}
  .bub.me{align-self:flex-end;background:var(--violet);color:#fff;border-bottom-right-radius:6px}
  .bub.them{align-self:flex-start;background:#F4F1FB;border-bottom-left-radius:6px}
  .bub .who{font-size:11.5px;font-weight:700;opacity:.7;display:block;margin-bottom:4px}
  .quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
  .starpick{display:flex;gap:8px;font-size:38px;color:var(--line);cursor:pointer;margin-bottom:18px}
  .starpick span.on{color:#F59E0B}
  .fsec{margin-bottom:22px}
  .fsec h4{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 11px}
  .chk{display:flex;align-items:center;gap:11px;padding:8px 0;font-size:15.5px;cursor:pointer}
  .chk input{width:18px;height:18px;accent-color:var(--violet)}
  input[type=range]{width:100%;accent-color:var(--violet)}
  .toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(150%);background:var(--ink);color:#fff;padding:15px 26px;border-radius:14px;z-index:200;font-size:15px;font-weight:600;transition:transform .34s cubic-bezier(.2,.8,.2,1);box-shadow:0 20px 40px -14px rgba(0,0,0,.55);display:flex;gap:11px;align-items:center}
  .toast.on{transform:translateX(-50%) translateY(0)}
  :focus-visible{outline:3px solid var(--magenta);outline-offset:2px;border-radius:6px}

  @media(max-width:1100px){
    .wrap{padding:0 24px}
    .cards,.howgrid,.stripgrid{grid-template-columns:repeat(2,1fr)}
    .searchbar{grid-template-columns:1fr 1fr}
    .searchgo{grid-column:span 2;padding:17px}
    .dgrid,.cowrap,.ctaband{grid-template-columns:1fr}
    .bookcard{position:static}
    .navmid{display:none}
    .specs{grid-template-columns:repeat(2,1fr)}
  }
  @media(max-width:660px){
    .wrap{padding:0 18px}
    .cards,.howgrid,.stripgrid,.feats,.fgrid,.inrow,.specs{grid-template-columns:1fr}
    .searchbar{grid-template-columns:1fr}
    .searchgo{grid-column:span 1}
    .hero{padding:52px 0 62px}
    .rowc{grid-template-columns:1fr}
    .racts{justify-content:flex-start}
    .ptitle{font-size:30px}
  }

  /* ===== vendor auth (Etsy-style) ===== */
  .authtabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:-6px 0 26px}
  .authtab{background:none;border:0;padding:0 0 14px;font-size:19px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}
  .authtab.on{color:var(--ink);border-bottom-color:var(--violet)}
  .soc{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;background:#fff;border:1.5px solid #C9C3DB;border-radius:999px;padding:13px;font-size:15.5px;font-weight:600;cursor:pointer;margin-bottom:11px}
  .soc:hover{background:#F7F5FC;border-color:var(--ink)}
  .ordiv{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13.5px;font-weight:600;margin:20px 0}
  .ordiv::before,.ordiv::after{content:"";flex:1;height:1px;background:var(--line)}
  .lbl{display:block;font-size:14px;font-weight:600;margin:0 0 7px}
  .tin{width:100%;border:1.5px solid #C9C3DB;border-radius:10px;padding:13px 15px;font-size:16px;outline:none;background:#fff}
  .tin:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-100)}
  .pwrap{position:relative}
  .pwrap .peek{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:0;font-size:13.5px;font-weight:700;color:var(--violet);cursor:pointer;text-decoration:underline}
  .authrow{display:flex;justify-content:space-between;align-items:center;margin:16px 0 22px;font-size:14.5px}
  .authrow a{color:var(--violet);font-weight:600;text-decoration:underline}
  .bigbtn{width:100%;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:15px;font-size:16px;font-weight:700;cursor:pointer}
  .bigbtn:hover{background:#2A2350}
  .fineprint{font-size:12.5px;color:var(--muted);text-align:center;margin:18px 0 0;line-height:1.5}
  .fineprint a{color:var(--violet);text-decoration:underline}
  .sellnote{background:var(--violet-50);border:1px solid var(--violet-100);border-radius:14px;padding:14px 16px;font-size:14px;color:var(--body-text);margin-bottom:22px;display:flex;gap:11px}
  .sellnote svg{color:var(--violet);flex:none;margin-top:2px}

  /* ===== shop manager ===== */
  .shop{display:grid;grid-template-columns:252px 1fr;gap:36px;align-items:start}
  .sidebar{position:sticky;top:calc(96px + var(--beta-h,0px));background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:18px}
  .shophead{display:flex;gap:12px;align-items:center;padding:6px 8px 18px;border-bottom:1px solid var(--line);margin-bottom:12px}
  .shopav{width:46px;height:46px;border-radius:13px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;font-size:19px;flex:none}
  .shophead b{display:block;font-size:16px;line-height:1.25}
  .shophead span{font-size:13px;color:var(--muted)}
  .snav{display:flex;flex-direction:column;gap:3px}
  .snav button{display:flex;align-items:center;gap:12px;background:none;border:0;padding:12px 14px;border-radius:11px;cursor:pointer;font-size:15.5px;font-weight:600;color:var(--body-text);text-align:left;width:100%}
  .snav button:hover{background:var(--violet-50);color:var(--violet)}
  .snav button.on{background:var(--violet-100);color:var(--violet)}
  .snav button svg{width:19px;height:19px;flex:none}
  .snav .n{margin-left:auto;background:var(--magenta);color:#fff;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px}
  .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}
  .kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}
  .kpi dt{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
  .kpi dd{margin:0;font-size:27px;font-weight:800;letter-spacing:-.02em}
  .kpi .delta{font-size:13px;font-weight:600;color:var(--green);margin-top:4px}
  .tbl{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
  .tbl h3{font-size:18px;font-weight:700;padding:20px 22px;border-bottom:1px solid var(--line)}
  .trow{display:grid;grid-template-columns:1.7fr 1fr 1fr auto;gap:18px;padding:18px 22px;border-bottom:1px solid var(--line);align-items:center;font-size:14.5px}
  .trow:last-child{border-bottom:0}
  .trow b{font-size:15.5px;font-weight:700;display:block}
  .trow .sm{color:var(--muted);font-size:13.5px}
  .thead{background:#FAF9FD;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
  @media(max-width:1100px){.shop{grid-template-columns:1fr}.sidebar{position:static}.kpis{grid-template-columns:repeat(2,1fr)}
   .snav{flex-direction:row;overflow-x:auto}.snav button{white-space:nowrap}}
  @media(max-width:660px){.kpis{grid-template-columns:1fr}.trow{grid-template-columns:1fr;gap:8px}}

  /* ===== amazon-style seller auth ===== */
  .amzwrap{max-width:352px;margin:0 auto}
  .amzlogo{text-align:center;margin-bottom:18px}
  .amzcard{border:1px solid #D5D9D9;border-radius:10px;padding:22px 26px 26px}
  .amzcard h3{font-size:28px;font-weight:600;letter-spacing:-.01em;margin-bottom:16px}
  .amzlbl{display:block;font-size:13.5px;font-weight:700;margin-bottom:5px}
  .amzin{width:100%;border:1px solid #888C8C;border-radius:4px;padding:8px 9px;font-size:15px;outline:none;
    box-shadow:inset 0 1px 2px rgba(15,17,17,.15);background:#fff}
  .amzin:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-100)}
  .amzbtn{width:100%;background:var(--violet);color:#fff;border:0;border-radius:8px;padding:11px;font-size:15px;font-weight:600;cursor:pointer;margin-top:18px}
  .amzbtn:hover{background:var(--violet-600)}
  .amzsec{width:100%;background:#F0F2F2;border:1px solid #D5D9D9;border-radius:8px;padding:9px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 5px rgba(15,17,17,.08)}
  .amzsec:hover{background:#E3E6E6}
  .amzfine{font-size:12.5px;color:var(--body-text);margin:16px 0 0;line-height:1.6}
  .amzfine a{color:var(--violet);text-decoration:underline}
  .amzdiv{position:relative;text-align:center;margin:26px 0 16px;font-size:12.5px;color:#767676}
  .amzdiv::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#E7E7E7}
  .amzdiv span{position:relative;background:#fff;padding:0 10px}
  .amzchange{font-size:13px;color:var(--violet);text-decoration:underline;cursor:pointer;margin-left:8px}
  .amzuser{display:flex;align-items:center;font-size:14px;margin-bottom:14px;color:var(--body-text)}
  .styleswitch{text-align:center;margin-top:20px;font-size:12.5px;color:var(--muted)}
  .styleswitch button{background:none;border:0;color:var(--violet);font-size:12.5px;font-weight:600;text-decoration:underline;cursor:pointer;font-family:var(--f)}

  .areabox{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}
  .areastat{display:flex;gap:13px;align-items:flex-start;margin-bottom:16px}
  .areapin{width:40px;height:40px;border-radius:12px;background:var(--violet-100);color:var(--violet);display:grid;place-items:center;flex:none}
  .areastat b{display:block;font-size:16px}
  .areastat span{font-size:14px;color:var(--muted)}
  .zipcheck{display:flex;gap:9px}
  .zipcheck .tin{flex:1}
  .zres{margin-top:13px;padding:12px 15px;border-radius:12px;font-size:14.5px;font-weight:600}
  .zres.good{background:var(--green-bg);color:var(--green)}
  .zres.bad{background:var(--rose-bg);color:var(--rose)}
  .zres.warn2{background:var(--amber-bg);color:var(--amber)}
  .citylist{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
  .citychip{background:#F5F3FC;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600}
  .citychip i{font-style:normal;color:var(--muted);font-weight:500}
  .radiusviz{position:relative;height:118px;background:var(--violet-50);border-radius:14px;margin:14px 0;overflow:hidden}
  .radiusviz .ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px dashed var(--violet)}
  .radiusviz .ring.free{border-style:solid;background:rgba(124,58,237,.1)}
  .radiusviz .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%;background:var(--violet);z-index:2}
  .radiusviz .lg{position:absolute;bottom:8px;left:12px;font-size:12px;font-weight:600;color:var(--violet)}
  @media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
.radiusviz .lg{
  /* your existing last CSS rule */
}

/* Make hero search text easier to read */
#q,
#qCat,
#qMax {
  color: #2b2440 !important;
  -webkit-text-fill-color: #2b2440 !important;
  opacity: 1 !important;
}

#q::placeholder,
#qMax::placeholder {
  color: #746d8f !important;
  -webkit-text-fill-color: #746d8f !important;
  opacity: 1 !important;
}

#qCat option {
  color: #2b2440;
  background: #fff;
}
/* ======================================================
   RUBBLI COMPACT HERO
   Remove "compact-hero" from the section to revert
   ====================================================== */

.hero.compact-hero{
  padding:38px 0 36px;
  min-height:auto;
}

.hero.compact-hero .wrap{
  display:grid;
  grid-template-columns:
    minmax(0, 1.08fr)
    minmax(420px, .92fr);
  grid-template-rows:auto auto auto;
  column-gap:58px;
  align-items:center;
}

/* LEFT SIDE */

.hero.compact-hero .hbadge{
  grid-column:1;
  grid-row:1;
  justify-self:start;
  margin:0 0 18px;
}

.hero.compact-hero h1{
  grid-column:1;
  grid-row:2;
  font-size:clamp(48px,4.2vw,64px);
  line-height:.98;
  letter-spacing:-2.5px;
  margin:0;
  max-width:720px;
}
.hero.compact-hero .hero-second-line{
  font-size:.72em;
  line-height:1.05;
  letter-spacing:-1.5px;
}
.hero.compact-hero .wrap > p{
  grid-column:1;
  grid-row:3;
  margin:18px 0 0;
  max-width:610px;
  font-size:18px;
  line-height:1.5;
}

/* RIGHT SIDE — RENTALS / SERVICES */

.hero.compact-hero .hero-market-toggle{
  grid-column:2;
  grid-row:1;
  margin:0 0 12px !important;
  align-self:end;
}

/* RIGHT SIDE — SEARCH CARD */

.hero.compact-hero .searchbar{
  grid-column:2;
  grid-row:2 / span 2;

  width:100%;
  margin:0;
  padding:14px;

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;

  background:#fff;
  border-radius:20px;
  box-shadow:
    0 18px 45px rgba(45,18,110,.18);
}

.hero.compact-hero .searchbar .sfield{
  min-width:0;
}

/* Main search gets full width */

.hero.compact-hero .searchbar .sfield:first-child{
  grid-column:1 / -1;
  min-height:52px;
}

/* Category + price side by side */

.hero.compact-hero .searchbar .sfield:nth-child(2),
.hero.compact-hero .searchbar .sfield:nth-child(3){
  min-height:48px;
}

/* Search button across bottom */

.hero.compact-hero .searchgo{
  grid-column:1 / -1;
  min-height:48px;
  width:100%;
}

/* Tablet / mobile */

@media(max-width:900px){

  .hero.compact-hero{
    padding:38px 0;
  }

  .hero.compact-hero .wrap{
    display:block;
  }

  .hero.compact-hero h1{
    font-size:clamp(42px,9vw,58px);
  }

  .hero.compact-hero .hero-market-toggle{
    margin:26px 0 12px !important;
  }

  .hero.compact-hero .searchbar{
    display:grid;
    grid-template-columns:1fr;
    max-width:none;
  }

  .hero.compact-hero .searchbar .sfield,
  .hero.compact-hero .searchbar .sfield:first-child,
  .hero.compact-hero .searchbar .sfield:nth-child(2),
  .hero.compact-hero .searchbar .sfield:nth-child(3),
  .hero.compact-hero .searchgo{
    grid-column:1;
  }
}
  /* ======================================================
   RUBBLI COMPACT TRUST STRIP
   Remove "compact-strip" from the section to revert
   ====================================================== */

.strip.compact-strip{
  padding:2px 0 !important;
  min-height:0 !important;
}

.strip.compact-strip .stripgrid{
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  min-height:0 !important;
}

.strip.compact-strip .sitem{
  padding-top:2px !important;
  padding-bottom:2px !important;
}

.strip.compact-strip .stripgrid{
  gap:22px;
}

.strip.compact-strip .sitem{
  gap:10px;
}

.strip.compact-strip .sicon{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:12px;
}

.strip.compact-strip .sicon svg{
  width:18px;
  height:18px;
}

.strip.compact-strip .sitem b{
  font-size:14px;
  line-height:1.2;
}

.strip.compact-strip .sitem span,
.strip.compact-strip .sitem small{
  font-size:12px;
  line-height:1.3;
  margin-top:2px;
}
  /* Compact browse results header */

.browse-results{
  padding-top:17px !important;
}

.browse-results .sechead{
  margin-bottom:20px;
}

.market-title-row{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.market-title-row h2{
  margin:0;
}

.market-heading-block #countLine{
  margin-top:8px;
}

#marketToggleSlot{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  flex:0 0 145px;
}

#marketToggleSlot .fchip{
  width:100%;
  min-height:46px;
  justify-content:center;
}

@media(max-width:700px){
  .browse-results{
    padding-top:24px !important;
  }

  .market-title-row{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
  #marketToggleSlot{
  flex-direction:row;
  flex:1 1 100%;
}

#marketToggleSlot .fchip{
  width:auto;
}
}
  /* Combined marketplace + category filters */

.browse-filter-row{
  display:flex;
  align-items:flex-start;
  gap:12px;
  width:100%;
  flex-wrap:wrap;
}

#marketToggleSlot{
  display:flex;
  gap:8px;
  flex:none;
}

.browse-filter-divider{
  width:1px;
  height:46px;
  align-self:center;
  background:rgba(233,228,245,.45);
  margin:0 2px;
  flex:none;
}

.browse-filter-row .filterbar{
  flex:1;
  min-width:0;
}

@media(max-width:800px){

  .browse-filter-row{
    gap:10px;
  }

  .browse-filter-divider{
    display:none;
  }

  .browse-filter-row .filterbar{
    flex-basis:100%;
  }
}
  .hero.compact-hero{
  position:relative;
  overflow:hidden;
}

.hero.compact-hero .wrap{
  position:relative;
  z-index:2;
}

.hero-stars{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}

.hero-stars span{
  position:absolute;
  width:3px;
  height:3px;
  border-radius:50%;
  background:white;
  opacity:.22;
  box-shadow:
    0 0 5px rgba(255,255,255,.8),
    0 0 12px rgba(255,255,255,.45);
  animation:heroTwinkle 4.5s ease-in-out infinite;
}

.hero-stars span:nth-child(3n)::before{
  width:1.5px;
  height:12px;
}

.hero-stars span:nth-child(3n)::after{
  width:12px;
  height:1.5px;
}

@keyframes heroTwinkle{
  0%,100%{
    opacity:.14;
    transform:scale(.65) rotate(0deg);
  }

  45%{
    opacity:.65;
  }

  55%{
    opacity:1;
    transform:scale(1.35) rotate(8deg);
  }
}
  .hero-stars span:nth-child(3n){
  animation-duration:6s;
}

/* positions + different timing */
.hero-stars span:nth-child(1){left:4%;top:18%;animation-delay:.2s;}
.hero-stars span:nth-child(2){left:9%;top:62%;animation-delay:1.4s;}
.hero-stars span:nth-child(3){left:14%;top:35%;animation-delay:2.2s;}
.hero-stars span:nth-child(4){left:20%;top:12%;animation-delay:.8s;}
.hero-stars span:nth-child(5){left:27%;top:75%;animation-delay:3s;}
.hero-stars span:nth-child(6){left:33%;top:28%;animation-delay:1.1s;}
.hero-stars span:nth-child(7){left:39%;top:56%;animation-delay:2.7s;}
.hero-stars span:nth-child(8){left:46%;top:16%;animation-delay:3.4s;}
.hero-stars span:nth-child(9){left:52%;top:68%;animation-delay:.5s;}
.hero-stars span:nth-child(10){left:58%;top:36%;animation-delay:2s;}
.hero-stars span:nth-child(11){left:63%;top:10%;animation-delay:1.7s;}
.hero-stars span:nth-child(12){left:69%;top:78%;animation-delay:3.2s;}
.hero-stars span:nth-child(13){left:74%;top:42%;animation-delay:.9s;}
.hero-stars span:nth-child(14){left:80%;top:18%;animation-delay:2.5s;}
.hero-stars span:nth-child(15){left:84%;top:65%;animation-delay:1.3s;}
.hero-stars span:nth-child(16){left:89%;top:31%;animation-delay:3.6s;}
.hero-stars span:nth-child(17){left:94%;top:73%;animation-delay:.4s;}
.hero-stars span:nth-child(18){left:48%;top:88%;animation-delay:2.9s;}
.hero-stars span:nth-child(19){left:17%;top:88%;animation-delay:1.8s;}
.hero-stars span:nth-child(20){left:72%;top:90%;animation-delay:3.8s;}

/* ===== Build 48: polished auth + legal pages ===== */
.auth-shell{max-width:640px;margin:34px auto 70px;padding:0 18px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px 42px;box-shadow:0 16px 50px rgba(22,18,50,.08)}.auth-brand{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:26px}.auth-brand-mark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),#8b5cf6);color:#fff;font-weight:900;font-size:23px;box-shadow:0 8px 22px rgba(91,57,241,.22)}.auth-brand-name{font-size:31px;font-weight:900;letter-spacing:-1.1px;color:var(--ink)}.auth-welcome{text-align:center;margin:0 0 8px;font-size:38px;letter-spacing:-1.2px}.auth-subtitle{text-align:center;color:var(--muted);font-size:17px;margin:0 0 28px}.auth-field{margin-bottom:18px}.auth-field label{display:block;font-weight:800;margin-bottom:8px;color:var(--ink)}.auth-input-wrap{position:relative}.auth-input{width:100%;box-sizing:border-box;border:1.5px solid #cfd2da;border-radius:12px;padding:15px 16px;font:inherit;font-size:16px;background:#fff;color:var(--ink);outline:none;transition:.18s}.auth-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(91,57,241,.10)}.auth-input.has-toggle{padding-right:52px}.auth-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;background:transparent;border-radius:10px;cursor:pointer;color:#69707c;font-size:20px}.auth-eye:hover{background:#f4f3ff}.auth-inline-error{display:none;color:#d73b37;font-weight:700;font-size:14px;line-height:1.45;margin:-4px 0 16px}.auth-inline-error.show{display:flex;gap:8px;align-items:flex-start}.auth-link-row{display:flex;justify-content:flex-start;margin:-4px 0 22px}.auth-link{border:0;background:transparent;padding:0;color:var(--violet);font:inherit;font-weight:800;cursor:pointer}.auth-primary{width:100%;padding:15px;font-size:16px}.auth-signup{text-align:center;margin:22px 0 0;color:var(--muted);font-size:15px}.auth-divider{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:13px;margin:28px 0 20px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-google{width:100%;min-height:54px;border:1.5px solid #d6d8de;background:#fff;border-radius:11px;display:flex;justify-content:center;align-items:center;gap:12px;font:inherit;font-size:16px;font-weight:750;cursor:pointer;color:var(--ink)}.auth-google:hover{background:#fafafa}.auth-google-g{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:18px;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;border:4px solid #fff;outline:1px solid #eee}.auth-terms-mini{text-align:center;color:var(--muted);font-size:12.5px;line-height:1.5;margin:18px auto 0;max-width:50ch}.auth-terms-mini a{color:var(--violet);font-weight:700;text-decoration:none}.legal-wrap{max-width:920px;margin:30px auto 80px;padding:0 18px}.legal-head{margin-bottom:30px}.legal-head h1{font-size:38px;letter-spacing:-1.2px;margin:8px 0 10px}.legal-head p{color:var(--muted);font-size:16px;line-height:1.7;max-width:75ch}.legal-kicker{text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--violet);margin-top:24px}.legal-section{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin:14px 0}.legal-section h2{font-size:19px;margin:0 0 10px}.legal-section p{margin:9px 0;line-height:1.7;color:#3f4550}.legal-section a{color:var(--violet);font-weight:700}.legal-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.legal-choice{text-align:left;border:1px solid var(--line);background:#fff;border-radius:18px;padding:26px;cursor:pointer;display:flex;flex-direction:column;gap:10px;min-height:220px}.legal-choice:hover{border-color:var(--violet);box-shadow:0 10px 30px rgba(91,57,241,.08)}.legal-choice-icon{font-size:31px}.legal-choice strong{font-size:20px}.legal-choice span:not(.legal-choice-icon){color:var(--muted);line-height:1.5}.legal-choice b{margin-top:auto;color:var(--violet)}.legal-note{color:var(--muted);font-size:13px;line-height:1.6;padding:16px;background:var(--violet-50);border-radius:14px}.legal-landing{max-width:820px}
@media(max-width:640px){.auth-card{padding:28px 20px;border-radius:18px}.auth-welcome{font-size:32px}.legal-choice-grid{grid-template-columns:1fr}.legal-head h1{font-size:32px}.legal-section{padding:19px 18px}}


/* ===== Marketplace experience refinements ===== */
.shop-name-rules{display:flex;gap:10px 18px;flex-wrap:wrap;color:var(--muted);font-size:12.5px;margin-bottom:8px}
.shop-name-rules .ok{color:#3f7d24;font-weight:700}
#shopNameCharCount{margin-left:auto;font-weight:700}
.shop-name-feedback{min-height:24px;font-size:13.5px;font-weight:700;margin-bottom:20px}
.shop-name-feedback.good{color:#3f7d24}.shop-name-feedback.bad{color:#c8102e}.shop-name-feedback.checking{color:var(--muted)}
.seller-type-heading{margin:22px 0 14px}.seller-type-heading h3{margin:0 0 6px;font-size:20px}.seller-type-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.payout-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.protected-pill{background:#fff2c2;border-radius:999px;padding:7px 11px;font-weight:800;white-space:nowrap}
.payout-steps{display:grid;gap:12px;margin-top:20px}.payout-steps>div{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.payout-steps>div>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--violet-100);color:var(--violet);font-weight:800}
.payout-steps b,.payout-steps small{display:block}.payout-steps small{color:var(--muted);margin-top:3px;line-height:1.5}
.payout-summary-note{margin-top:18px;padding:14px 16px;background:var(--violet-50);border-radius:14px;font-size:13.5px;line-height:1.55}

.orders-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap}
.orders-search{display:flex;align-items:center;gap:10px;min-width:min(100%,560px)}
.orders-search-icon{font-size:25px}.orders-search input{flex:1;border:1.5px solid #9a95a8;border-radius:10px;padding:11px 14px;background:#fff;min-width:220px}
.orders-search button{border:0;background:#2f2b35;color:#fff;border-radius:999px;padding:11px 20px;font-weight:800;cursor:pointer;white-space:nowrap}
.orders-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:20px 0 18px;overflow-x:auto}
.orders-tabs button{border:0;background:none;padding:10px 4px 13px;font-weight:800;color:#315d9e;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent}
.orders-tabs button.on{color:var(--ink);border-bottom-color:var(--violet)}
.orders-period-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.orders-period-row select{border:1px solid #b8b2c6;border-radius:9px;background:#fff;padding:8px 34px 8px 12px}
.orders-list{display:grid;gap:18px}.order-card{border:1px solid #d8d4df;border-radius:16px;overflow:hidden;background:#fff}
.order-card-head{background:#f5f6f6;display:grid;grid-template-columns:150px 120px 150px 1fr;gap:20px;padding:15px 20px;border-bottom:1px solid #ddd9e3}
.order-card-head>div{display:flex;flex-direction:column;gap:3px}.order-card-head span{font-size:11.5px;color:#5f596d;font-weight:700}.order-card-head b{font-size:13.5px}
.order-ref{text-align:right;align-items:flex-end}.order-ref button{border:0;background:none;color:#315d9e;font-weight:700;cursor:pointer;padding:0}
.order-card-body{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:24px;padding:22px}
.order-main{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px}.order-thumb{height:130px;border-radius:12px;overflow:hidden;background:#f6f4fb}
.order-thumb img,.order-thumb svg{width:100%;height:100%;object-fit:cover}.order-info h3{font-size:18px;margin:0 0 6px}
.order-owner,.order-meta{font-size:13.5px;color:var(--muted);margin-top:6px}.order-status-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px;font-size:13px}
.order-actions{display:flex;flex-direction:column;gap:9px}.order-actions .btn{width:100%}.order-actions .danger{color:var(--rose);border-color:#f2bdc8}
.order-refund-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--muted)}
.order-refund-line button{border:0;background:none;padding:0;color:var(--violet);font-weight:700;cursor:pointer}.order-review-note{margin-top:10px;color:#b36b00;font-size:13px;font-weight:700}

.modal.market-chat-modal{max-width:720px;padding:0;overflow:hidden;border-radius:30px;box-shadow:0 30px 90px rgba(20,12,38,.28)}
.market-chat{height:min(78vh,760px);display:flex;flex-direction:column;background:#fff}
.market-chat-head{height:86px;padding:18px 24px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);box-shadow:0 8px 18px rgba(15,10,30,.05);z-index:2}
.market-chat-avatar,.market-chat-big-avatar{border-radius:50%;background:#eef0ea;color:#64784a;display:grid;place-items:center;font-family:Georgia,serif}
.market-chat-avatar{width:48px;height:48px;font-size:24px}.market-chat-big-avatar{width:88px;height:88px;font-size:42px}
.market-chat-head>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.market-chat-head b{font-size:18px}.market-chat-head span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-chat-close{margin-left:auto;border:0;background:none;font-size:38px;line-height:1;cursor:pointer}
.market-chat-body{flex:1;min-height:260px;overflow:auto;padding:24px}.market-chat-body .thread{max-height:none;margin:0;padding:0}
.market-chat-empty{height:100%;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:18px}.market-chat-empty p{font-size:17px;line-height:1.45;margin:0;max-width:540px}
.market-chat-quick{display:flex;gap:7px;flex-wrap:wrap;padding:0 20px 12px}.market-chat-quick button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 11px;font-size:12px;cursor:pointer}
.market-chat-safety{display:flex;gap:10px;padding:13px 22px;background:#fafafa;border-top:1px solid var(--line);color:#66606e;font-size:12.5px;line-height:1.45}.market-chat-safety p{margin:0}
.market-chat-compose{display:grid;grid-template-columns:1fr 48px;gap:10px;padding:14px 20px 18px;border-top:1px solid var(--line)}
.market-chat-compose input{border:0;outline:0;font-size:17px;padding:12px 4px}.market-chat-compose button{width:44px;height:44px;border-radius:50%;border:0;background:#15131a;color:#fff;font-size:28px;cursor:pointer}
.market-chat .bub small{display:block;margin-top:5px;font-size:10.5px;opacity:.65}

#view-detail{background:#fff}.detail-premium{grid-template-columns:minmax(0,1.55fr) minmax(340px,.65fr);gap:52px}
.detail-premium .dhero{height:364px;border-radius:20px;border-color:#ddd8e7;background:#f7f5fb}.detail-premium .dtitle{font-size:34px;line-height:1.18;font-weight:700;letter-spacing:-.02em}
.detail-premium .spec{background:#fff;border-color:#ded9e7}.detail-premium .dsec{padding:32px 0}.detail-buy-column{min-width:0}
.detail-premium .bookcard{top:94px;border:1px solid #d9d4e1;border-radius:22px;padding:24px;box-shadow:0 8px 28px rgba(36,27,58,.08)}
.detail-book-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:7px}
.detail-trust-strip{display:grid;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:-5px 0 18px;font-size:12.5px;color:#4f485d}
.detail-trust-strip span{display:flex;align-items:center;gap:7px}.detail-premium .bookcard .btn-p,.detail-premium .bookcard .btn-g{border-radius:999px}

@media(max-width:900px){
  .order-card-head{grid-template-columns:1fr 1fr}.order-ref{text-align:left;align-items:flex-start}.order-card-body{grid-template-columns:1fr}
  .order-actions{display:grid;grid-template-columns:1fr 1fr}.detail-premium{grid-template-columns:1fr}.detail-premium .dhero{height:294px}.detail-premium .bookcard{position:static}
}
@media(max-width:620px){
  .orders-search{min-width:100%;flex-wrap:wrap}.orders-search input{min-width:0;width:100%}.orders-search button{width:100%}
  .order-main{grid-template-columns:100px 1fr}.order-thumb{height:100px}.order-actions{grid-template-columns:1fr}
  .modal.market-chat-modal{border-radius:20px;max-height:92vh}.market-chat{height:86vh}
}


/* ===== Etsy-inspired detail, help, inbox, policy and wider onboarding ===== */
.detail-card-title{font-size:18px;line-height:1.45;margin:0 0 8px;font-weight:600}
.detail-owner-link{border:0;background:none;padding:0;color:var(--ink);font:inherit;font-weight:800;text-decoration:underline;cursor:pointer;margin-bottom:14px}
.detail-actions{display:grid;gap:10px;margin-top:18px}
.detail-actions .btn{width:100%;padding:14px;border-radius:999px}
.detail-favorite-link{border:0;background:none;color:var(--ink);font-weight:800;font-size:15px;cursor:pointer;padding:9px}
.detail-policy-links{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:14px;padding-top:14px}
.detail-policy-links button{border:0;background:none;padding:0;color:var(--ink);text-decoration:underline;font-weight:700;cursor:pointer;font-size:13px}
.policy-modal h2{font-family:Georgia,serif;font-size:34px;line-height:1.05;margin:3px 30px 26px 0}
.policy-kicker{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.policy-modal section{padding:18px 0;border-top:1px solid var(--line)}
.policy-modal section h3{font-size:18px;margin:0 0 8px}.policy-modal section p{font-size:14px;line-height:1.55;margin:5px 0;color:var(--body-text)}
.policy-payments{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.policy-payments span{border:1px solid var(--line);border-radius:7px;padding:7px 9px;font-size:11px;font-weight:800;background:#fff}

.help-shell{margin:-48px -40px 0}
.help-hero{background:linear-gradient(110deg,#27244f 0 38%,#f5a21b 38% 58%,#263a59 58%);min-height:105px;padding:22px max(40px,calc((100vw - 1424px)/2 + 40px));display:flex;align-items:center;gap:40px;color:#fff}
.help-brand{font-family:Georgia,serif;font-size:25px;white-space:nowrap}.help-back{border:0;background:none;color:#fff;cursor:pointer}
.help-search{max-width:760px;flex:1;margin-left:auto;background:#fff;border-radius:999px;padding:0 20px;display:flex;align-items:center;color:#111;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.help-search input{border:0;outline:0;background:transparent;padding:15px 4px;flex:1;font-size:17px}.help-search span{font-size:28px}
.help-content{max-width:1220px;margin:0 auto;padding:30px 40px 70px}.help-breadcrumb{color:var(--muted);font-size:14px;margin-bottom:35px}.help-breadcrumb button{border:0;background:none;text-decoration:underline;color:inherit;padding:0;cursor:pointer}
.help-content h1{font-size:38px;margin-bottom:8px}.help-content h2{font-size:21px;margin:0 0 24px}
.help-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,280px));gap:16px}
.help-choice-grid button{min-height:210px;background:#fff;border:1px solid #d7d5dc;border-radius:4px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer}
.help-choice-icon{width:72px;height:72px;border-radius:50%;background:#e7f1ff;display:grid;place-items:center;font-size:34px}.help-choice-grid b{font-size:18px}.help-choice-grid small{color:var(--muted);line-height:1.4}
.help-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.help-topic-grid article{display:grid;grid-template-columns:54px 1fr;gap:14px;border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff}
.help-topic-icon{width:48px;height:48px;border-radius:12px;background:var(--violet-50);display:grid;place-items:center;font-size:22px}.help-topic-grid h3{margin:0 0 5px}.help-topic-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.help-topic-grid button{border:0;background:none;padding:10px 0 0;color:var(--violet);font-weight:800;cursor:pointer}
.help-contact{margin-top:28px;background:var(--violet-50);border-radius:18px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.help-contact h3,.help-contact p{margin:0}.help-contact p{color:var(--muted);margin-top:5px}

.market-chat-listing-card{display:grid;grid-template-columns:92px 1fr;gap:14px;margin:0 20px 14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}
.market-chat-listing-image{width:92px;height:78px;border-radius:10px;overflow:hidden;background:#f6f4fb}.market-chat-listing-image img,.market-chat-listing-image svg{width:100%;height:100%;object-fit:cover}
.market-chat-listing-card>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.market-chat-listing-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.market-chat-listing-card span{font-weight:800}.market-chat-listing-card button{border:0;background:none;padding:0;color:var(--violet);font-weight:800;cursor:pointer}

.inbox-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}.inbox-header h1{margin:0;font-size:30px}
.inbox-search{width:min(430px,100%);border:1px solid #8f8997;border-radius:999px;padding:0 14px;display:flex;align-items:center;background:#fff}.inbox-search input{border:0;outline:0;flex:1;padding:10px;background:transparent}.inbox-search span{font-size:24px}
.inbox-shell{display:grid;grid-template-columns:225px 1fr;border:1px solid var(--line);min-height:560px;background:#fff}
.inbox-sidebar{border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:5px}.inbox-sidebar button{border:0;background:none;text-align:left;padding:10px 14px;border-radius:10px;font:inherit;cursor:pointer;display:flex;justify-content:space-between}.inbox-sidebar button.on,.inbox-sidebar button.active{background:#f1eff5;font-weight:800}
.inbox-toolbar{height:56px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 18px;font-size:13px}.inbox-toolbar button{border:0;background:none;color:var(--muted)}
.inbox-row{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;display:grid;grid-template-columns:28px 44px minmax(0,1fr) 70px;gap:12px;align-items:center;text-align:left;padding:14px 16px;cursor:pointer}
.inbox-row:hover{background:#faf9fc}.inbox-row.unread{background:#fbfaff}.inbox-star{font-size:22px;color:#aaa}.inbox-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--violet-100);color:var(--violet);font-weight:800}
.inbox-row-copy{display:grid;min-width:0}.inbox-row-copy strong{font-size:14px}.inbox-row-copy strong em{font-style:normal;background:var(--magenta);color:#fff;border-radius:999px;padding:2px 6px;font-size:10px}.inbox-row-copy b{font-size:13px;margin-top:2px}.inbox-row-copy small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.inbox-row time{font-size:11px;color:var(--muted);text-align:right}
.inbox-empty{min-height:430px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.inbox-empty-art{font-size:48px;letter-spacing:7px;color:#bbb}.inbox-empty h3{color:var(--ink);margin:14px 0 5px}.inbox-empty p{margin:0}

#view-shopapply .page{padding-top:34px}
#shopApplyBody>.crumb{margin-bottom:10px}
#shopApplyBody .block{padding:22px;margin-bottom:14px}
#shopApplyBody .bhint{margin-bottom:14px}
#shopApplyBody textarea.ta{min-height:90px}

@media(max-width:900px){
  .help-shell{margin:-48px -24px 0}.help-hero{padding:20px 24px;flex-direction:column;align-items:stretch;gap:14px}.help-search{margin:0;max-width:none}
  .help-choice-grid,.help-topic-grid{grid-template-columns:1fr}.inbox-shell{grid-template-columns:1fr}.inbox-sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow:auto}
}
@media(max-width:620px){
  .help-shell{margin:-48px -18px 0}.help-content{padding:26px 18px 60px}.help-choice-grid{grid-template-columns:1fr}
  .inbox-header{align-items:stretch;flex-direction:column}.inbox-search{width:100%}.inbox-row{grid-template-columns:36px minmax(0,1fr) 52px}.inbox-star{display:none}.inbox-avatar{width:34px;height:34px}
  .market-chat-listing-card{grid-template-columns:72px 1fr}.market-chat-listing-image{width:72px;height:64px}
}

/* Detail booking card: compact trust indicators beside the price */
.detail-price-trust-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.detail-price-trust-row .bprice{margin:0;white-space:nowrap}
.detail-trust-inline{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding-top:2px;font-size:11px;line-height:1.25;color:#5d5669;white-space:nowrap}
.detail-trust-inline span{display:block}
@media(max-width:1200px){
  .detail-price-trust-row{flex-direction:column;gap:8px}
  .detail-trust-inline{flex-direction:row;flex-wrap:wrap;gap:6px 12px}
}

/* Keep uploaded detail photos uncropped without a huge full-width empty canvas. */
.detail-premium [data-photo-gallery]{max-width:900px;margin-left:auto;margin-right:auto}
.detail-premium [data-photo-gallery] .detail-listing-hero{height:364px}
@media(max-width:900px){
  .detail-premium [data-photo-gallery]{max-width:100%}
  .detail-premium [data-photo-gallery] .detail-listing-hero{height:294px}
}

/* Create/Edit listing pricing: use the available page width cleanly. */
.listing-step-standard{max-width:1040px;width:100%}
.listing-step-wide{max-width:1180px;width:100%}
.listing-step-wide .pricing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);gap:32px;align-items:start;width:100%}
.listing-step-wide .pricing-form{width:100%;max-width:none;box-sizing:border-box}
.listing-step-wide .pricing-form .inrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.listing-step-wide .pricing-form .in{min-width:0}
.listing-step-wide .pricing-form .in.full{grid-column:1/-1}
.listing-step-wide .pricing-form input,
.listing-step-wide .pricing-form select{width:100%;max-width:100%;box-sizing:border-box}
.listing-step-wide .pricing-summary{position:sticky;top:24px;min-width:0}
.listing-step-wide .pricing-summary-card{width:100%;max-width:none;box-sizing:border-box;margin:0}
.listing-step-wide .pricing-actions{display:flex;gap:10px;margin-top:18px;justify-content:flex-start}
@media(max-width:900px){
 .listing-step-wide .pricing-layout{grid-template-columns:1fr}
 .listing-step-wide .pricing-summary{position:static}
 .listing-step-wide .pricing-form .inrow{grid-template-columns:1fr}
 .listing-step-wide .pricing-form .in.full{grid-column:auto}
}

/* Pricing step: desktop reference layout + sharper corners. */
.listing-step-wide{max-width:1180px;width:100%}
.listing-step-wide .pricing-layout{grid-template-columns:minmax(0,600px) minmax(400px,540px);gap:22px;align-items:start}
.listing-step-wide .pricing-form{border-radius:0;padding:12px;background:transparent;border:0}
.listing-step-wide .pricing-form .in{border-radius:4px}
.listing-step-wide .pricing-form input,
.listing-step-wide .pricing-form select{border-radius:2px}
.listing-step-wide .pricing-form .opt{border-radius:4px;max-width:365px}
.listing-step-wide .pricing-summary{position:static}
.listing-step-wide .pricing-summary-card{border-radius:4px}
.listing-step-wide .pricing-actions .btn{border-radius:4px}
@media(min-width:901px){
 .listing-step-wide .pricing-layout{margin-top:8px}
}

/* Force pricing split on desktop even when parent layout styles are narrow. */
@media(min-width:901px){
 #shopBody .listing-step-wide{width:min(1180px,calc(100vw - 96px))!important;max-width:none!important}
 #shopBody .listing-step-wide>.pricing-layout{display:grid!important;grid-template-columns:minmax(0,600px) minmax(400px,540px)!important;gap:22px!important;width:100%!important;align-items:start!important}
 #shopBody .listing-step-wide .pricing-form{grid-column:1!important}
 #shopBody .listing-step-wide .pricing-summary{grid-column:2!important;grid-row:1!important;width:100%!important}
}

/* Pricing page v3: class-based split independent of view wrapper. */
@media (min-width:901px){
 .listing-step-wide{display:block!important;width:1180px!important;max-width:calc(100vw - 80px)!important}
 .listing-step-wide>.pricing-layout{display:flex!important;flex-flow:row nowrap!important;align-items:flex-start!important;gap:22px!important;width:100%!important}
 .listing-step-wide>.pricing-layout>.pricing-form{flex:0 1 600px!important;width:auto!important;max-width:600px!important;margin:0!important}
 .listing-step-wide>.pricing-layout>.pricing-summary{display:block!important;flex:1 1 400px!important;width:auto!important;min-width:400px!important;margin:0!important}
 .listing-step-wide>.pricing-layout>.pricing-summary>.pricing-summary-card{width:100%!important;margin:0!important}
}

/* Listing wizard desktop layouts - pricing and review */
@media (min-width:901px){
 #view-listgear .wrap{max-width:1424px!important}
 #listGearBody>.listing-step-wide,
 #listGearBody>.listing-step-standard{width:100%!important;max-width:none!important}
 #listGearBody .listing-step-wide>.pricing-layout{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr)!important;gap:28px!important;align-items:start!important}
 #listGearBody .listing-step-wide .pricing-form{grid-column:1!important;width:100%!important;max-width:none!important}
 #listGearBody .listing-step-wide .pricing-summary{grid-column:2!important;width:100%!important;min-width:0!important}
 #listGearBody .listing-review-layout{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr)!important;gap:28px!important;align-items:start!important}
 #listGearBody .listing-review-main,
 #listGearBody .listing-review-side{min-width:0}
 #listGearBody .listing-review-side{position:sticky;top:24px}
 #listGearBody #reviewMainPhotoWrap{aspect-ratio:16/9!important;max-height:430px!important;border-radius:4px!important}
 #listGearBody .listing-review-side .specs{grid-template-columns:1fr 1fr!important}
 #listGearBody .listing-review-side .spec:last-child{grid-column:1/-1}
}
@media (max-width:900px){
 #listGearBody .listing-review-layout{display:block!important}
 #listGearBody .listing-review-side{margin-top:18px}
}

/* Listing wizard correction: ONLY Pricing (step 2) and Review (step 3). */
@media (min-width:901px){
 #view-listgear #listGearBody{max-width:1500px!important;width:calc(100% - 48px)!important}
 #view-listgear #listGearBody>.listing-step-wide{width:100%!important;max-width:none!important}
 #view-listgear #listGearBody>.listing-step-wide>.pricing-layout{display:grid!important;grid-template-columns:minmax(0,3fr) minmax(390px,2fr)!important;column-gap:32px!important;align-items:start!important;width:100%!important}
 #view-listgear #listGearBody>.listing-step-wide>.pricing-layout>.pricing-form{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:none!important}
 #view-listgear #listGearBody>.listing-step-wide>.pricing-layout>.pricing-summary{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;margin:0!important}
 #view-listgear #listGearBody>.listing-step-standard:has(.listing-review-layout){width:100%!important;max-width:none!important}
 #view-listgear #listGearBody .listing-review-layout{display:grid!important;grid-template-columns:minmax(0,3fr) minmax(390px,2fr)!important;column-gap:32px!important;align-items:start!important;width:100%!important}
 #view-listgear #listGearBody .listing-review-main{grid-column:1!important;min-width:0!important}
 #view-listgear #listGearBody .listing-review-side{grid-column:2!important;grid-row:1!important;min-width:0!important}
 #view-listgear #reviewMainPhotoWrap{width:100%!important;height:340px!important;aspect-ratio:auto!important;max-height:340px!important}
 #view-listgear #reviewMainPhoto{width:100%!important;height:100%!important;object-fit:contain!important;background:#f7f5fb!important}
}


/* Listing wizard responsive correction for desktop browser windows on high-DPI displays.
   Keep the 2-column Pricing + Review layouts down to 700 CSS px. */
@media (min-width:700px){
 #view-listgear .wrap{max-width:1424px!important}
 #view-listgear #listGearBody{max-width:1500px!important;width:calc(100% - 32px)!important}
 #listGearBody>.listing-step-wide,
 #listGearBody>.listing-step-standard{width:100%!important;max-width:none!important}

 #listGearBody .listing-step-wide>.pricing-layout{
   display:grid!important;
   grid-template-columns:minmax(0,3fr) minmax(300px,2fr)!important;
   gap:24px!important;
   align-items:start!important;
   width:100%!important;
 }
 #listGearBody .listing-step-wide>.pricing-layout>.pricing-form{
   grid-column:1!important;grid-row:1!important;width:100%!important;max-width:none!important;margin:0!important;
 }
 #listGearBody .listing-step-wide>.pricing-layout>.pricing-summary{
   grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;margin:0!important;
 }
 #listGearBody .listing-step-wide .pricing-form .inrow{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;
 }
 #listGearBody .listing-step-wide .pricing-form .in.full{grid-column:1/-1!important}

 #listGearBody .listing-review-layout{
   display:grid!important;
   grid-template-columns:minmax(0,3fr) minmax(300px,2fr)!important;
   gap:24px!important;
   align-items:start!important;
   width:100%!important;
 }
 #listGearBody .listing-review-main{grid-column:1!important;min-width:0!important}
 #listGearBody .listing-review-side{grid-column:2!important;grid-row:1!important;min-width:0!important;position:static!important}
 #listGearBody #reviewMainPhotoWrap{
   width:100%!important;
   aspect-ratio:4/3!important;
   max-height:360px!important;
   border-radius:4px!important;
 }
}
@media (max-width:699px){
 #listGearBody .listing-step-wide>.pricing-layout,
 #listGearBody .listing-review-layout{display:block!important}
 #listGearBody .pricing-summary,
 #listGearBody .listing-review-side{margin-top:18px!important}
}

/* Marketplace search refresh: keep the existing Rubbli logo unchanged */
.nav-search{display:flex;align-items:center;gap:10px;flex:1;max-width:520px;min-width:220px;margin-left:24px;background:#f7f5fb;border:1px solid #eee9f8;border-radius:999px;padding:0 16px;height:46px}
.nav-search svg{width:20px;height:20px;color:#716b86;flex:none}.nav-search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:var(--ink)}.nav-search input::placeholder{color:#8b849d}
.hero.compact-hero .hero-filterbar{grid-template-columns:minmax(220px,1fr) 190px auto!important;max-width:760px!important;margin-left:auto!important;padding:10px!important}.hero.compact-hero .hero-filterbar>input[type=hidden]{display:none!important}.hero.compact-hero .hero-filterbar .sfield:nth-of-type(1),.hero.compact-hero .hero-filterbar .sfield:nth-of-type(2){grid-column:auto!important}.hero.compact-hero .hero-filterbar .searchgo{grid-column:auto!important}
@media(max-width:1150px){.nav-search{max-width:360px;margin-left:12px}.navitem{padding:12px 12px}}
@media(max-width:900px){.nav-search{order:3;flex-basis:100%;max-width:none;margin:0 0 10px}.navrow{height:auto;min-height:78px;flex-wrap:wrap;padding-top:10px}.hero.compact-hero .hero-filterbar{grid-template-columns:1fr!important;max-width:none!important}.hero.compact-hero .hero-filterbar .searchgo{grid-column:1!important}}

/* Header brand: preserve original Rubbli artwork/proportions, restore larger presence */
.navrow>.brand{gap:13px;min-width:260px}.navrow>.brand .logomark{width:58px;height:58px}.navrow>.brand .wordmark{font-size:32px;line-height:1}.navrow>.brand .brandtag{font-size:14px;margin-top:5px}.navrow{height:92px}
@media(max-width:1150px){.navrow>.brand{min-width:220px}.navrow>.brand .logomark{width:52px;height:52px}.navrow>.brand .wordmark{font-size:28px}}

/* Marketplace homepage refresh — reference layout */
.marketplace-hero{position:relative;min-height:450px;padding:54px 0 28px;background-size:cover;background-position:center;overflow:visible}
.marketplace-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(40,12,75,.64),rgba(91,34,145,.25),rgba(58,12,83,.18));pointer-events:none}
.marketplace-hero .hero-stars{z-index:1}
.marketplace-hero-wrap{position:relative;z-index:2;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(560px,1.25fr);gap:64px;align-items:end}
.marketplace-hero-copy{padding-bottom:82px}
.marketplace-hero-copy h1{font-size:clamp(42px,4.4vw,70px);line-height:1.04;margin:28px 0 18px;max-width:780px}
.marketplace-hero-copy p{font-size:20px;line-height:1.55;color:#fff;margin:0}
.marketplace-search-panel{align-self:end}
.marketplace-search-panel .hero-market-toggle{margin:0 0 14px}
.marketplace-search-panel .fchip{font-size:17px;padding:13px 24px}
.marketplace-search-panel .hero-filterbar{display:grid!important;grid-template-columns:minmax(260px,1.4fr) minmax(210px,.9fr) minmax(170px,.7fr) 150px;gap:12px;padding:14px;border-radius:24px;background:#fff;box-shadow:0 14px 35px rgba(34,15,62,.18)}
.marketplace-search-panel #q{display:block!important;width:100%;min-width:0;border:0;background:#f7f5fb;border-radius:15px;padding:0 18px;font:inherit;font-size:16px;outline:none}
.marketplace-search-panel .sfield{background:#f7f5fb;border-radius:15px;min-width:0}
.marketplace-search-panel .searchgo{border-radius:15px}
.home-category-shortcuts{background:#fff;padding:18px 0 12px;border-bottom:1px solid var(--line)}
.category-shortcut-row{display:grid;grid-template-columns:repeat(10,minmax(72px,1fr));gap:6px;align-items:start;margin-top:-8px}
.category-shortcut-row button{border:0;background:transparent;cursor:pointer;color:var(--ink);font:inherit;font-size:25px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0}
.category-shortcut-row button:before{content:"";position:absolute}
.category-shortcut-row .category-shortcut-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:25px;line-height:1;flex:none}
.category-shortcut-row .category-shortcut-label{font-size:12px;font-weight:700;line-height:1.15;text-align:center;white-space:nowrap}
.category-shortcut-row .category-table-icon{width:28px;height:28px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

.category-shortcut-row button:hover{color:var(--violet);transform:translateY(-1px)}
@media(max-width:1100px){.marketplace-hero-wrap{grid-template-columns:1fr;gap:24px}.marketplace-hero-copy{padding-bottom:0}.marketplace-search-panel .hero-filterbar{grid-template-columns:1fr 1fr}.category-shortcut-row{overflow-x:auto;display:flex}.category-shortcut-row button{min-width:90px}}
@media(max-width:700px){.marketplace-hero{padding:34px 0 24px}.marketplace-search-panel .hero-filterbar{grid-template-columns:1fr}.marketplace-hero-copy h1{font-size:42px}}

/* Browse mega menu */
.browse-nav-wrap{position:relative;display:flex;align-items:center}
#browseMenuBtn{position:relative}
.browse-caret{font-size:14px;margin-left:1px;transition:transform .15s ease}
#browseMenuBtn[aria-expanded="true"] .browse-caret{transform:rotate(180deg)}
.browse-mega{position:absolute;top:58px;left:0;width:540px;min-height:280px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(31,20,55,.18);padding:18px;display:none;grid-template-columns:220px 1px 1fr;gap:18px;z-index:100}
.browse-mega.open{display:grid}
.browse-mega-types{display:flex;flex-direction:column;gap:8px}
.browse-type{border:0;background:transparent;border-radius:12px;padding:14px 14px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;text-align:left;font:inherit;font-weight:700;cursor:pointer;color:var(--ink)}
.browse-type:hover,.browse-type.active{background:var(--violet-50);color:var(--violet)}
.browse-type-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--violet);font-size:18px}
.browse-mega-divider{width:1px;background:var(--line)}
.browse-mega-links{display:flex;flex-direction:column;padding:2px 0}
.browse-mega-links button{border:0;background:none;text-align:left;padding:9px 8px;border-radius:9px;font:inherit;font-size:15px;color:var(--body-text);cursor:pointer}
.browse-mega-links button:hover{background:var(--violet-50);color:var(--violet)}
.browse-mega-links .browse-view-all{margin-top:4px;font-weight:700}
@media(max-width:760px){.browse-mega{position:fixed;left:12px;right:12px;top:86px;width:auto;grid-template-columns:1fr;max-height:70vh;overflow:auto}.browse-mega-divider{display:none}.browse-mega-types{display:grid;grid-template-columns:1fr 1fr}.browse-type{grid-template-columns:26px 1fr auto}}

/* Emergency homepage stabilization */
.marketplace-hero{
  min-height:330px!important;
  padding:34px 0 20px!important;
  background:
    radial-gradient(circle at 6% 28%, rgba(255,153,226,.95) 0 46px, transparent 48px),
    radial-gradient(circle at 10% 46%, rgba(125,58,237,.98) 0 58px, transparent 60px),
    radial-gradient(circle at 15% 20%, rgba(248,191,255,.92) 0 42px, transparent 44px),
    radial-gradient(circle at 92% 24%, rgba(249,168,212,.92) 0 52px, transparent 54px),
    radial-gradient(circle at 96% 46%, rgba(139,92,246,.98) 0 64px, transparent 66px),
    radial-gradient(circle at 88% 56%, rgba(244,114,182,.88) 0 44px, transparent 46px),
    radial-gradient(circle at 75% 12%, rgba(255,255,255,.34) 0 7px, transparent 9px),
    radial-gradient(circle at 82% 18%, rgba(255,220,170,.52) 0 6px, transparent 8px),
    linear-gradient(105deg,#5f27d8 0%,#8b3cf2 50%,#d329cf 100%)!important;
  background-size:cover!important;
}
.marketplace-hero:after{
  background:linear-gradient(90deg,rgba(31,10,63,.42),rgba(84,30,145,.18),rgba(44,7,69,.18))!important;
}
.marketplace-hero-copy{padding-bottom:20px!important}
.marketplace-hero-copy h1{font-size:clamp(38px,3.7vw,58px)!important;margin:18px 0 12px!important}
.marketplace-hero-copy p{font-size:17px!important}
.marketplace-search-panel .hero-filterbar{padding:10px!important;border-radius:20px!important}
.home-category-shortcuts{padding:12px 0 8px!important}

/* Safe Browse dropdown */
.browse-nav{position:relative;display:flex;align-items:center}
#browseBtn{gap:7px}
.browse-chevron{width:14px;height:14px;flex:none;transition:transform .15s ease}
#browseBtn[aria-expanded="true"] .browse-chevron{transform:rotate(180deg)}
.browse-dropdown{
  display:none;
  position:absolute;
  top:56px;
  left:-8px;
  width:500px;
  min-height:265px;
  background:#fff;
  border:1px solid #eee8f7;
  border-radius:18px;
  box-shadow:0 20px 50px rgba(32,20,56,.18);
  padding:16px;
  z-index:150;
  grid-template-columns:205px 1fr;
  gap:18px;
}
.browse-dropdown.open{display:grid}
.browse-left{padding-right:16px;border-right:1px solid var(--line)}
.browse-section{
  width:100%;
  display:grid;
  grid-template-columns:30px 1fr auto;
  gap:10px;
  align-items:center;
  border:0;
  background:transparent;
  border-radius:12px;
  padding:13px 12px;
  text-align:left;
  font:inherit;
  cursor:pointer;
  color:var(--ink);
}
.browse-section.active,.browse-section:hover{background:var(--violet-50);color:var(--violet)}
.browse-section b{font-size:15px}
.browse-section em{font-style:normal;font-size:22px}
.browse-right{display:flex;flex-direction:column;padding-top:2px}
.browse-right button{
  border:0;
  background:none;
  text-align:left;
  padding:8px 6px;
  border-radius:8px;
  font:inherit;
  font-size:15px;
  color:var(--body-text);
  cursor:pointer;
}
.browse-right button:hover{background:var(--violet-50);color:var(--violet)}
.browse-right .browse-all-link{margin-top:3px;font-weight:700}
@media(max-width:760px){
  .browse-dropdown{position:fixed;left:12px;right:12px;top:88px;width:auto;grid-template-columns:1fr;max-height:70vh;overflow:auto}
  .browse-left{border-right:0;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:10px}
}

/* Hero after moving discovery into Browse */
.marketplace-hero{min-height:440px!important;padding:62px 0 48px!important}
.marketplace-hero-wrap{display:block!important}
.marketplace-hero-copy{padding-bottom:0!important;max-width:900px}
.marketplace-hero-copy h1{font-size:clamp(38px,3.8vw,58px)!important;margin:20px 0 12px!important}
.marketplace-hero-copy p{font-size:17px!important}
.marketplace-search-panel{display:none!important}

/* Browse menu: show every category while keeping View all at the bottom */
.browse-dropdown{max-height:min(70vh,620px)}
.browse-right{max-height:560px;overflow-y:auto;padding-right:4px}
.browse-right .browse-all-link{
  position:sticky;
  bottom:0;
  background:#fff;
  padding-top:12px;
  padding-bottom:12px;
  border-top:1px solid var(--line);
}

/* Party-photo hero background only — no layout changes */
.marketplace-hero{
  background-image:
    linear-gradient(90deg,rgba(35,10,70,.46),rgba(84,28,128,.22),rgba(45,8,72,.18)),
    url('/assets/party-hero.webp?v=20261004-newbanner1')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Dark benefit bar directly under the party hero */
.strip.compact-strip{
  background:#160523!important;
  border:0!important;
  color:#fff!important;
  padding:12px 0!important;
}
.strip.compact-strip .stripgrid{gap:18px!important}
.strip.compact-strip .sitem{color:#fff!important}
.strip.compact-strip .sitem b{
  color:#f8f4ff!important;
  font-size:15px!important;
  font-weight:700!important;
}
.strip.compact-strip .sitem span{
  color:#cbbfe0!important;
  font-size:12px!important;
}
.strip.compact-strip .sicon{
  background:rgba(255,255,255,.08)!important;
  color:#d7c4ff!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

/* Compact hero benefits: titles only */
.strip.compact-strip{
  padding:7px 0!important;
  min-height:0!important;
}
.strip.compact-strip .stripgrid{
  align-items:center!important;
}
.strip.compact-strip .sitem{
  min-height:48px!important;
  padding:2px 0!important;
}
.strip.compact-strip .sicon{
  width:38px!important;
  height:38px!important;
}
.strip.compact-strip .sitem b{
  font-size:14px!important;
  line-height:1.2!important;
}
.strip.compact-strip .sitem>div>span{
  display:none!important;
}

/* Preserve uploaded hero photo color and clarity */
.marketplace-hero.hero-photo-active:after{
  background:linear-gradient(90deg,rgba(22,8,42,.26) 0%,rgba(22,8,42,.10) 38%,rgba(22,8,42,0) 68%)!important;
}

/* Five concise marketplace trust benefits */
.strip.compact-strip .stripgrid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
}
@media(max-width:1050px){
  .strip.compact-strip .stripgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:660px){
  .strip.compact-strip .stripgrid{grid-template-columns:1fr!important;}
}

/* Remove decorative dot/star overlay from the marketplace hero */
.marketplace-hero .hero-stars{
  display:none!important;
}

/* Remove inherited base hero radial-dot pattern from the marketplace banner */
.marketplace-hero::before{
  display:none!important;
  content:none!important;
  background:none!important;
}


/* Clean single-line desktop navigation */
@media (min-width:901px){
  .nav .wrap.navrow{
    max-width:1560px;
    height:76px;
    padding-left:22px;
    padding-right:22px;
    gap:14px;
    flex-wrap:nowrap;
  }

  .navrow>.brand{
    min-width:205px;
    gap:11px;
    flex:0 0 auto;
  }

  .navrow>.brand .logomark{
    width:50px;
    height:50px;
  }

  .navrow>.brand .wordmark{
    font-size:29px;
    line-height:1;
  }

  .navrow>.brand .brandtag{
    font-size:11.5px;
    margin-top:4px;
  }

  .nav-search{
    flex:1 1 320px;
    width:auto;
    min-width:220px;
    max-width:360px;
    height:44px;
    margin-left:4px;
    padding:0 15px;
  }

  .nav-search input{
    font-size:14px;
    white-space:nowrap;
  }

  .navmid{
    display:flex;
    align-items:center;
    gap:2px;
    margin:0;
    flex:0 0 auto;
    white-space:nowrap;
  }

  .navitem{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:10px 9px;
    font-size:14.5px;
    line-height:1;
    white-space:nowrap;
    flex-wrap:nowrap;
  }

  .navitem svg{
    width:18px;
    height:18px;
  }

  .navright{
    gap:6px;
    margin-left:auto;
    flex:0 0 auto;
    white-space:nowrap;
  }

  .navright .ibtn{
    width:40px;
    height:40px;
  }

  .navright .avatar{
    width:42px;
    height:42px;
    font-size:16px;
  }

  #savedBtn .saved-heart-icon{
    width:24px;
    height:24px;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .nav .wrap.navrow{
    padding-left:16px;
    padding-right:16px;
    gap:9px;
  }

  .navrow>.brand{
    min-width:180px;
  }

  .navrow>.brand .logomark{
    width:46px;
    height:46px;
  }

  .navrow>.brand .wordmark{
    font-size:26px;
  }

  .navrow>.brand .brandtag{
    font-size:10.5px;
  }

  .nav-search{
    min-width:180px;
    max-width:280px;
    margin-left:0;
  }

  .navitem{
    padding:9px 6px;
    font-size:13.5px;
    gap:5px;
  }

  .navright{
    gap:3px;
  }

  .navright .ibtn{
    width:36px;
    height:36px;
  }

  .navright .avatar{
    width:38px;
    height:38px;
  }
}


/* Slightly smaller homepage hero headline */
.marketplace-hero-copy h1{
  font-size:clamp(36px,3.35vw,54px)!important;
}


/* Shift homepage hero copy slightly to the right on desktop */
@media (min-width:901px){
  .marketplace-hero-copy{
    transform:translateX(72px);
  }
}


/* Fit four marketplace listing cards across on large desktop screens */
@media (min-width:1200px){
  .cards{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
  }
}


/* Compact marketplace listing cards */
.cards{
  align-items:start;
}
.card{
  align-self:start;
}
.cbody{
  padding:16px 18px 18px;
  gap:8px;
  flex:0 0 auto;
}
.qtybar{
  margin-top:0;
}
.pricerow{
  padding-top:1px;
}
.cacts{
  margin-top:5px;
  padding-top:0;
}


/* Keep listing cards equal height and availability pills on one line */
.avpill{
  white-space:nowrap;
  flex:0 0 auto;
}
.pricerow{
  min-height:44px;
  align-items:center;
}
.pricerow b{
  min-width:0;
}


/* Keep price + unit on one line in 4-column desktop cards */
@media (min-width:1200px){
  .pricerow{
    gap:8px;
  }

  .pricerow b{
    display:flex;
    align-items:baseline;
    gap:5px;
    white-space:nowrap;
    font-size:22px;
    line-height:1.1;
  }

  .pricerow b span{
    font-size:12.5px;
    white-space:nowrap;
  }

  .avpill{
    font-size:12px;
    padding:6px 10px;
  }
}


/* Vendor orders: cleaner alignment and stable actions */
#shopMain .tbl .trow{
  grid-template-columns:minmax(240px,1.45fr) minmax(135px,.8fr) minmax(170px,.85fr) minmax(290px,1.25fr);
  align-items:center;
}
#shopMain .tbl .trow .racts{
  justify-content:flex-start;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
#shopMain .vendor-order-details-btn{
  white-space:nowrap;
}
@media(max-width:1100px){
  #shopMain .tbl .trow{
    grid-template-columns:1fr 1fr;
  }
}


/* Rubbli-themed review accents */
.review-summary,
.review-breakdown,
.review-card{
  --review-accent:#A855F7;
  --review-accent-strong:#C026D3;
}

.review-summary .review-star,
.review-summary .stars,
.review-breakdown .stars,
.review-card .stars,
.review-card [data-stars],
.review-summary [data-stars]{
  color:var(--review-accent-strong)!important;
}

.review-summary .rating-bar-fill,
.review-breakdown .rating-bar-fill,
.review-summary [class*="rating"][class*="fill"],
.review-breakdown [class*="rating"][class*="fill"]{
  background:linear-gradient(90deg,var(--review-accent),var(--review-accent-strong))!important;
}

.review-summary .score-ring,
.review-breakdown .score-ring,
.review-summary [class*="score"][class*="circle"],
.review-breakdown [class*="score"][class*="circle"]{
  border-color:var(--review-accent-strong)!important;
  color:var(--ink)!important;
}


/* Item detail cancellation / return accordion */
.listing-policy-accordion{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:0!important;
}
.listing-policy-accordion summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 0;
  font-size:20px;
  font-weight:800;
  color:var(--ink);
}
.listing-policy-accordion summary::-webkit-details-marker{
  display:none;
}
.listing-policy-chevron{
  flex:0 0 auto;
  transition:transform .2s ease;
}
.listing-policy-accordion[open] .listing-policy-chevron{
  transform:rotate(180deg);
}
.listing-policy-content{
  display:grid;
  gap:16px;
  padding:0 0 24px;
}
.listing-policy-row{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:12px;
  align-items:start;
}
.listing-policy-icon{
  color:var(--violet);
  font-size:20px;
  font-weight:800;
  line-height:1.2;
}
.listing-policy-row b{
  display:block;
  margin-bottom:3px;
}
.listing-policy-row span:not(.listing-policy-icon){
  color:var(--muted);
  line-height:1.5;
}


/* Etsy-inspired item review presentation */
.etsy-review-metrics{
  display:flex;
  flex-wrap:wrap;
  gap:28px 42px;
  align-items:center;
  padding:6px 0 24px;
  margin-bottom:8px;
  border-bottom:1px solid var(--line);
}
.etsy-review-metric{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:180px;
}
.etsy-review-metric-score{
  width:58px;
  height:58px;
  border:3px solid #C026D3;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:800;
  font-size:17px;
  flex:none;
}
.etsy-review-metric-label{
  font-weight:700;
  color:var(--ink);
}
.etsy-review-list{
  border-top:1px solid var(--line);
}
.etsy-review-row{
  padding:22px 0;
  border-bottom:1px solid var(--line);
}
.etsy-review-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.etsy-review-stars{
  color:#C026D3;
  letter-spacing:1px;
  font-size:18px;
}
.etsy-review-date{
  color:var(--muted);
  font-size:14px;
}
.etsy-review-renter{
  font-weight:800;
  margin-top:8px;
}
.etsy-review-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 16px;
  color:var(--muted);
  font-size:12px;
  margin-top:6px;
}
.etsy-review-comment{
  margin:10px 0 0;
  color:var(--ink);
  font-size:15px;
  line-height:1.55;
}
.etsy-review-all-wrap{
  display:flex;
  justify-content:center;
  padding-top:22px;
}
.etsy-review-all-btn{
  border-radius:999px;
  min-width:280px;
}

/* Full review page inside modal shell */
.modal:has(.all-reviews-page){
  max-width:980px;
  width:min(94vw,980px);
  padding:0;
  overflow:hidden;
  border-radius:24px;
}
.all-reviews-page{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  height:min(86vh,860px);
  background:#fff;
}
.all-reviews-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:28px 30px 20px;
  border-bottom:1px solid var(--line);
}
.all-reviews-header h2{
  margin:0 0 8px;
  font-size:28px;
}
.all-reviews-summary{
  display:flex;
  align-items:center;
  gap:10px;
}
.all-reviews-stars{
  color:#C026D3;
  letter-spacing:1px;
  font-size:20px;
}
.all-reviews-close{
  border:0;
  background:#f5f2fa;
  width:42px;
  height:42px;
  border-radius:50%;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.all-reviews-scroll{
  overflow-y:auto;
  padding:0 30px;
}
.all-reviews-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:18px 24px 22px;
  border-top:1px solid var(--line);
  background:#fff;
}
.all-reviews-page-btn{
  min-width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  font-weight:700;
  cursor:pointer;
}
.all-reviews-page-btn.on{
  border-color:var(--ink);
  box-shadow:inset 0 0 0 1px var(--ink);
}
.all-reviews-page-btn:disabled{
  opacity:.35;
  cursor:default;
}

@media(max-width:760px){
  .etsy-review-metrics{
    gap:18px;
  }
  .etsy-review-metric{
    min-width:140px;
  }
  .modal:has(.all-reviews-page){
    width:96vw;
    border-radius:18px;
  }
  .all-reviews-header,
  .all-reviews-scroll{
    padding-left:20px;
    padding-right:20px;
  }
}


/* Shop page listing cards: compact footer for 5-column layout */
.shop-card-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.shop-card-price{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:5px;
  white-space:nowrap;
}
.shop-card-price strong{
  color:var(--ink);
  font-size:20px;
  line-height:1.1;
}
.shop-card-price span{
  color:var(--muted);
  font-size:12px;
  white-space:nowrap;
}
.shop-card-book-btn{
  white-space:nowrap;
  min-width:108px;
  padding-left:16px;
  padding-right:16px;
  font-size:14px;
}
@media(max-width:1350px){
  .shop-card-price strong{
    font-size:18px;
  }
  .shop-card-price span{
    font-size:11.5px;
  }
  .shop-card-book-btn{
    min-width:96px;
    padding-left:12px;
    padding-right:12px;
    font-size:13px;
  }
}


/* Prevent long shop-card prices from hiding the unit text */
.shop-card-footer{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}
.shop-card-price{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:5px;
  white-space:nowrap;
  overflow:visible;
}
.shop-card-price strong{
  font-size:clamp(17px,1.45vw,20px);
  letter-spacing:-.02em;
  flex:0 1 auto;
}
.shop-card-price span{
  font-size:12px;
  white-space:nowrap;
  flex:0 0 auto;
}
.shop-card-book-btn{
  flex:0 0 auto;
}
@media(max-width:1350px){
  .shop-card-price strong{
    font-size:17px;
  }
  .shop-card-price span{
    font-size:11px;
  }
  .shop-card-book-btn{
    min-width:92px;
    padding-left:10px;
    padding-right:10px;
  }
}


/* Final shop-card footer fix: avoid overlap for long prices */
.shop-card-footer{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-items:stretch!important;
}

.shop-card-price{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:baseline!important;
  gap:5px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

.shop-card-price strong{
  font-size:clamp(18px,1.5vw,22px)!important;
  line-height:1.05!important;
  flex:0 1 auto!important;
  min-width:0!important;
}

.shop-card-price span{
  font-size:12px!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}

.shop-card-book-btn{
  justify-self:end!important;
  width:auto!important;
  min-width:118px!important;
  white-space:nowrap!important;
  padding-left:16px!important;
  padding-right:16px!important;
}

@media(min-width:1500px){
  .shop-card-footer{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
  }
}


/* Authoritative shop-card footer layout */
.shop-card-footer{
  margin-top:auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-items:stretch!important;
}

.shop-card-price{
  width:100%!important;
  display:flex!important;
  align-items:baseline!important;
  gap:6px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

.shop-card-price strong{
  color:var(--ink)!important;
  font-size:22px!important;
  line-height:1.05!important;
  letter-spacing:-.02em!important;
  flex:0 0 auto!important;
}

.shop-card-price span{
  color:var(--muted)!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}

.shop-card-book-btn{
  justify-self:end!important;
  min-width:120px!important;
  width:auto!important;
  white-space:nowrap!important;
  padding:12px 18px!important;
  font-size:14px!important;
}

@media(max-width:1350px){
  .shop-card-price strong{
    font-size:20px!important;
  }
  .shop-card-price span{
    font-size:11px!important;
  }
}


/* Final compact shop-card footer: price and Book now on one row */
.shop-card-footer{
  margin-top:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
}

.shop-card-price{
  min-width:0!important;
  width:auto!important;
  display:flex!important;
  align-items:baseline!important;
  gap:4px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

.shop-card-price strong{
  font-size:18px!important;
  line-height:1.05!important;
  letter-spacing:-.01em!important;
  flex:0 0 auto!important;
}

.shop-card-price span{
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}

.shop-card-book-btn{
  justify-self:end!important;
  width:auto!important;
  min-width:100px!important;
  padding:11px 14px!important;
  font-size:13px!important;
  white-space:nowrap!important;
}

@media(max-width:1350px){
  .shop-card-price strong{
    font-size:17px!important;
  }

  .shop-card-price span{
    font-size:10.5px!important;
  }

  .shop-card-book-btn{
    min-width:94px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}


/* Final compact shop-card footer */
.shop-card-footer{
  margin-top:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
}

.shop-card-price{
  min-width:0!important;
  display:flex!important;
  align-items:baseline!important;
  gap:4px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

.shop-card-price strong{
  color:var(--ink)!important;
  font-size:18px!important;
  line-height:1.05!important;
  letter-spacing:-.02em!important;
  flex:0 0 auto!important;
}

.shop-card-price span{
  color:var(--muted)!important;
  font-size:11px!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}

.shop-card-book-btn{
  justify-self:end!important;
  min-width:104px!important;
  width:auto!important;
  padding:11px 14px!important;
  font-size:13px!important;
  white-space:nowrap!important;
}


/* Cleaner, tighter How Rubbli works section */
.howgrid{
  gap:18px!important;
}
.howcard{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:18px 10px!important;
  box-shadow:none!important;
}
.howcard .hnum{
  width:54px!important;
  height:54px!important;
  border-radius:16px!important;
  margin-bottom:14px!important;
}
.howcard h3{
  margin-bottom:6px!important;
}
.howcard p{
  line-height:1.5!important;
  max-width:32ch;
}


/* Marketplace location + sorting controls */
.market-control-row{
  display:flex;
  gap:9px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.market-control{
  min-height:74px;
}
.market-zip-control{
  width:145px;
}
.market-zip-control input{
  width:100%;
  min-width:0;
}
.market-sort-control{
  width:210px;
}
.market-sort-control select{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--ink);
  font:inherit;
  font-weight:650;
  padding:0;
}
@media(max-width:1100px){
  .market-control-row{
    justify-content:flex-start;
    width:100%;
  }
  .market-sort-control{
    width:190px;
  }
}
@media(max-width:700px){
  .market-control-row{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .market-control,
  .market-zip-control,
  .market-sort-control{
    width:auto;
  }
  #filtersBtn{
    width:100%;
  }
}


/* Keep Available rentals/services heading visible when View all scrolls here */
#browseResults{
  scroll-margin-top:118px;
}


/* Compact category navigation: text links separated by pipes */
.browse-filter-row{
  align-items:center!important;
  gap:14px!important;
  flex-wrap:nowrap!important;
}

.browse-filter-divider{
  height:42px!important;
}

.browse-filter-row .filterbar{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  flex-wrap:nowrap!important;
  margin-bottom:0!important;
  overflow-x:auto!important;
  scrollbar-width:none;
  white-space:nowrap;
}
.browse-filter-row .filterbar::-webkit-scrollbar{
  display:none;
}

.browse-filter-row .filterbar > div{
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  flex-wrap:nowrap!important;
}

.browse-filter-row .filterbar .fchip{
  position:relative;
  flex:0 0 auto;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:7px 13px!important;
  min-height:auto!important;
  color:var(--body-text)!important;
  font-size:14px!important;
  font-weight:650!important;
  box-shadow:none!important;
}

.browse-filter-row .filterbar .fchip:hover{
  color:var(--violet)!important;
}

.browse-filter-row .filterbar .fchip.on{
  background:transparent!important;
  color:var(--violet)!important;
  font-weight:800!important;
}

.browse-filter-row .filterbar .fchip:not(:last-child)::after{
  content:"|";
  position:absolute;
  right:-2px;
  top:50%;
  transform:translateY(-50%);
  color:#c9c1dc;
  font-weight:400;
}

@media(max-width:800px){
  .browse-filter-row{
    flex-wrap:wrap!important;
  }
  .browse-filter-row .filterbar{
    flex-basis:100%!important;
  }
}


/* Allow compact category links to wrap instead of clipping */
.browse-filter-row{
  align-items:center!important;
  flex-wrap:wrap!important;
}

.browse-filter-row .filterbar{
  overflow:visible!important;
  white-space:normal!important;
  flex-wrap:wrap!important;
  row-gap:4px!important;
}

.browse-filter-row .filterbar > div{
  flex-wrap:wrap!important;
  row-gap:4px!important;
}

.browse-filter-row .filterbar .fchip{
  padding-top:6px!important;
  padding-bottom:6px!important;
}

/* Keep wrapped continuation visually aligned under the category row */
.browse-filter-row .filterbar{
  padding-left:0!important;
}


/* Match Rentals / Services toggle to compact category text navigation */
#marketToggleSlot{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:0!important;
  flex:0 0 auto!important;
}

#marketToggleSlot .fchip{
  position:relative;
  width:auto!important;
  min-height:auto!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:7px 14px!important;
  color:var(--body-text)!important;
  font-size:14px!important;
  font-weight:650!important;
  box-shadow:none!important;
}

#marketToggleSlot .fchip:hover{
  color:var(--violet)!important;
}

#marketToggleSlot .fchip.on{
  background:transparent!important;
  color:var(--violet)!important;
  font-weight:800!important;
}

#marketToggleSlot .fchip:not(:last-child)::after{
  content:"|";
  position:absolute;
  right:-2px;
  top:50%;
  transform:translateY(-50%);
  color:#c9c1dc;
  font-weight:400;
}

.browse-filter-divider{
  display:none!important;
}


/* Restore stronger divider between market type and subcategories */
.browse-filter-divider{
  display:block!important;
  width:1.5px!important;
  height:42px!important;
  align-self:center!important;
  background:#c9c1dc!important;
  margin:0 10px 0 8px!important;
  flex:0 0 auto!important;
}


@media(max-width:980px){
  .howline{grid-template-columns:1fr;gap:18px}
  .howintro{padding-right:0;border-right:0}
  .howgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .howcard:first-child{border-left:0;padding-left:0}
}
@media(max-width:700px){
  .howgrid{grid-template-columns:1fr}
  .howcard{border-left:0;border-top:1px solid var(--line);padding:18px 0}
  .howcard:first-child{border-top:0}
}

/* Tighten How Rubbli works section vertically */
.how-section{
  padding-top:26px!important;
  padding-bottom:26px!important;
}


/* Compact owner CTA section */
.cta-section{
  padding-top:6px!important;
  padding-bottom:6px!important;
}
.cta-section .ctaband{
  max-width:none;
  width:100%;
  margin-left:0;
  margin-right:0;
}
@media(max-width:900px){
  .cta-section{
    padding-top:14px!important;
    padding-bottom:14px!important;
  }
  .cta-section .ctaband{
    max-width:none;
  }
}


/* Separate marketplace categories from listing cards */
#browseResults .browse-filter-row{
  padding-bottom:12px!important;
  margin-bottom:18px!important;
  border-bottom:1px solid #eeeaf5!important;
}

#browseResults #cards{
  margin-top:4px!important;
}


/* =====================================================================
   MOBILE HOMEPAGE (phones, ≤700px) — keep at the end of this file.
   ===================================================================== */

/* Header: a fixed 92px height made the second row spill over the banner */
@media(max-width:900px){
  .nav .wrap.navrow,.navrow{height:auto!important;min-height:0!important;flex-wrap:wrap!important;padding-top:10px!important;padding-bottom:10px!important;row-gap:10px!important}
}
@media(max-width:700px){
  .nav .wrap.navrow,.navrow{gap:8px!important;padding-left:16px!important;padding-right:16px!important}
  .navrow>.brand{min-width:0!important;flex:1 1 auto!important;gap:9px!important}
  .navrow>.brand .logomark{width:38px!important;height:38px!important}
  .navrow>.brand .wordmark{font-size:24px!important}
  .navrow>.brand .brandtag{display:none!important}
  .navright{margin-left:auto!important;gap:4px!important;flex:0 0 auto!important}
  .navright .ibtn{width:38px!important;height:38px!important}
  #signInBtn{padding:9px 14px!important;font-size:14px!important;min-height:0!important}
  .nav-search{order:3!important;flex:1 1 100%!important;max-width:none!important;min-width:0!important;margin:0!important;height:42px!important}
  .nav-search input{font-size:16px!important} /* 16px stops iPhone zooming in on tap */

  /* Banner */
  .marketplace-hero{padding:26px 0 30px!important;background-position:62% center!important}
  .marketplace-hero-copy{padding-bottom:0!important}
  .marketplace-hero-copy .hbadge{font-size:12.5px!important;padding:7px 12px!important}
  .marketplace-hero-copy h1{font-size:34px!important;margin:14px 0 10px!important}
  .marketplace-hero-copy h1 .hero-second-line{font-size:21px!important}
  .marketplace-hero-copy p{font-size:15.5px!important;line-height:1.5!important}

  /* Trust strip: one swipeable row instead of five stacked rows */
  .strip.compact-strip{padding:10px 0!important}
  .strip.compact-strip .stripgrid{display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none;padding:0 16px!important;margin:0!important;scroll-snap-type:x proximity}
  .strip.compact-strip .stripgrid::-webkit-scrollbar{display:none}
  .strip.compact-strip .sitem{flex:0 0 auto!important;gap:8px!important;padding:7px 12px 7px 8px!important;border:1px solid rgba(255,255,255,.14);border-radius:999px;scroll-snap-align:start}
  .strip.compact-strip .sicon{width:28px!important;height:28px!important}
  .strip.compact-strip .sicon svg{width:16px!important;height:16px!important}
  .strip.compact-strip .sitem b{font-size:13px!important;white-space:nowrap}

  /* Category shortcuts: hint that the row scrolls */
  .home-category-shortcuts .category-shortcut-row{padding-left:16px!important;padding-right:16px!important;scrollbar-width:none}
  .home-category-shortcuts .category-shortcut-row::-webkit-scrollbar{display:none}

  /* Search controls */
  #browseResults .sechead{gap:14px!important}
  #marketHeading{font-size:28px!important}
  .market-control-row{gap:8px!important}
  .market-control-row .market-control{padding:8px 12px!important;min-height:0!important}
  .market-control-row .market-control input,.market-control-row .market-control select{font-size:16px!important}
  #filtersBtn{grid-column:1/-1!important;width:100%!important;padding:11px!important}

  /* Rentals/Services + categories: swipeable chips instead of a wrapped text wall */
  .browse-filter-row{flex-wrap:nowrap!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:18px!important}
  .browse-filter-divider{display:none!important}
  #marketToggleSlot{background:#f1edf9;border-radius:12px;padding:4px!important;align-self:flex-start}
  #marketToggleSlot .fchip{border-radius:9px!important;padding:8px 16px!important}
  #marketToggleSlot .fchip.on{background:#fff!important;box-shadow:0 1px 3px rgba(40,20,80,.12)!important}
  #marketToggleSlot .fchip::after{display:none!important}
  .browse-filter-row .filterbar,.browse-filter-row .filterbar>div{flex-wrap:nowrap!important;overflow-x:auto!important;white-space:nowrap!important;gap:8px!important;scrollbar-width:none;margin-bottom:0!important}
  .browse-filter-row .filterbar::-webkit-scrollbar{display:none}
  .browse-filter-row .filterbar{margin-left:-16px!important;margin-right:-16px!important;padding:0 16px!important}
  .browse-filter-row .filterbar .fchip{border:1.5px solid var(--line)!important;border-radius:999px!important;background:#fff!important;padding:8px 14px!important;font-size:14px!important}
  .browse-filter-row .filterbar .fchip.on{background:var(--violet)!important;border-color:var(--violet)!important;color:#fff!important}
  .browse-filter-row .filterbar .fchip::after{display:none!important}

  /* Listing cards: tighter */
  .cards{gap:16px!important}
  .card .photo{height:190px!important}
  .cbody{padding:16px!important;gap:10px!important}

  /* "List your gear" promo */
  .ctaband{padding:28px 20px!important;gap:22px!important}
  .ctaband h2{font-size:27px!important}
  .ctaband p{font-size:15.5px!important;margin-bottom:18px!important}
  .earnbox{padding:16px 18px!important}
  .erow{gap:12px;align-items:baseline}
  .erow span{min-width:0}
  .erow b{white-space:nowrap;flex:none}
  .etotal{font-size:32px!important}

  /* Footer: two columns of links instead of one long list */
  footer .fgrid{grid-template-columns:1fr 1fr!important;gap:26px 18px!important}
  footer .fgrid>div:first-child{grid-column:1/-1}
  footer .fbot{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
}

/* Pop-up message: fully hide when not showing (an empty sliver peeked up on phones) */
.toast:not(.on){opacity:0;visibility:hidden;transform:translateX(-50%) translateY(calc(100% + 40px))!important;transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .2s,visibility 0s .34s}
.toast.on{opacity:1;visibility:visible;transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .2s}

@media(max-width:700px){
  /* Long prices: let the "available" badge drop below instead of squeezing "/ day" */
  .cbody .pricerow{flex-wrap:wrap!important;row-gap:6px!important;align-items:center!important}
  .cbody .pricerow>b{white-space:nowrap}
}


/* =====================================================================
   MOBILE BOOKING PAGES (listing, cart, checkout) — phones ≤700px
   ===================================================================== */
.mobile-book-bar{display:none}

@media(max-width:900px){
  /* Grids sized themselves to their widest content and ran off-screen */
  .dgrid,.detail-premium,.cowrap{grid-template-columns:minmax(0,1fr)!important}
  .dgrid>*,.cowrap>*,.detail-main>*{min-width:0!important;max-width:100%}
  .detail-main img{max-width:100%}
  .detail-availability-strip{overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .detail-availability-strip::-webkit-scrollbar{display:none}
  .detail-availability-strip>*{flex:0 0 30px!important}
}

@media(max-width:700px){
  /* Listing page */
  #detailBody .crumb{padding:12px 0!important;font-size:13.5px}
  .detail-premium{gap:8px!important;padding-bottom:110px!important}
  .detail-premium .dhero,.detail-premium [data-photo-gallery] .detail-listing-hero{height:250px!important;border-radius:16px!important}
  .detail-premium .dtitle{font-size:27px!important}
  .detail-premium .specs{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:18px!important}
  .detail-premium .spec{padding:12px 14px!important}
  .detail-premium .dsec{padding:22px 0!important}
  .detail-premium .bookcard{padding:18px!important;border-radius:18px!important}
  .detail-trust-inline{flex-wrap:wrap;row-gap:4px}

  /* Price + Reserve bar pinned to the bottom of listing pages */
  #view-detail.on .mobile-book-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;align-items:center;justify-content:space-between;gap:12px;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(36,27,58,.08)}
  .mobile-book-price{font-size:21px;font-weight:800;color:var(--ink);white-space:nowrap}
  .mobile-book-price span{font-size:13px;font-weight:500;color:var(--muted)}
  .mobile-book-bar .btn{padding:12px 26px!important;border-radius:999px!important;font-size:16px!important}
  /* keep the floating assistant clear of the bar */
  body:has(#view-detail.on) #rubbliAssistantHoverWrap,body:has(#view-detail.on) #rubbliAssistantLauncher{bottom:92px!important}

  /* Cart: item first, summary underneath (was a 10px-wide column) */
  #cartBody>div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  #cartBody .block{min-width:0}

  /* Checkout */
  #checkoutBody .steps{font-size:13px;gap:8px!important}
  #checkoutBody .steps i{width:18px!important}
  .cowrap{gap:16px!important}
  .cowrap .block,.cowrap .bookcard{padding:18px!important;border-radius:18px!important}
  .cowrap input,.cowrap select,.cowrap textarea{font-size:16px!important}
  .cowrap .inrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .cowrap .inrow>.in{min-width:0}
  .cowrap .inrow>.in.full{grid-column:1/-1}
}


/* =====================================================================
   MOBILE: Start your shop application — phones ≤700px
   (inline 2-column grid left the form 0px wide next to a 360px panel)
   ===================================================================== */
@media(max-width:700px){
  #shopApplyBody div[style*="grid-template-columns:minmax(0,1fr) 360px"]{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  #shopApplyBody div[style*="grid-template-columns:1.4fr .6fr .7fr"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  #shopApplyBody div[style*="grid-template-columns:1.4fr .6fr .7fr"]>:first-child{grid-column:1/-1}
  #shopApplyBody div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}
  #shopApplyBody .opt{min-width:0}
  #shopApplyBody .block{padding:18px!important}
  #shopApplyBody .ptitle{font-size:30px!important}
  #shopApplyBody input,#shopApplyBody textarea,#shopApplyBody select{font-size:16px!important}
}


/* =====================================================================
   MOBILE: vendor pages (Shop Manager, Create Listing) — phones ≤700px
   ===================================================================== */
@media(max-width:1100px){
  /* Shop Manager grid sized itself to its widest content (~850px on a phone) */
  .shop{grid-template-columns:minmax(0,1fr)!important}
  .shop>*{min-width:0!important}
}
@media(max-width:700px){
  .shop{gap:16px!important}
  .shop .sidebar{padding:14px!important}
  .shop .kpis{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
  #shopMain input,#shopMain select,#shopMain textarea,#listGearBody input,#listGearBody select,#listGearBody textarea{font-size:16px!important}

  /* Create Listing: the three step buttons didn't fit side by side */
  .listing-stepper{gap:6px!important;margin-bottom:22px!important}
  .listing-stepper>div{flex:1 1 0;min-width:0;justify-content:center;padding:9px 8px!important;font-size:13.5px!important;gap:6px!important}
  .listing-stepper>div:not(:has(span)){display:none!important} /* connector lines */

  /* Shop Manager tabs: Orders, Listings, Finances, Settings were cut off — show all as a grid */
  .shop .sidebar .snav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .shop .sidebar .snav button{flex-direction:column!important;justify-content:center!important;gap:5px!important;padding:10px 4px!important;font-size:12.5px!important;text-align:center!important;width:auto!important;min-width:0!important;white-space:normal!important;line-height:1.2!important;border:1px solid var(--line)!important}
  .shop .sidebar .snav button.on{border-color:var(--violet)!important}
  .shop .sidebar .snav button svg{width:18px!important;height:18px!important}

  /* Shop Manager > Listings: action buttons ran off the right edge */
  #shopMain .rowc{flex-wrap:wrap!important;gap:12px!important;padding:14px!important}
  #shopMain .rowc>*{min-width:0}
  #shopMain .rowc .racts{flex:1 1 100%!important;width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important}
  #shopMain .rowc .racts>*{flex:1 1 auto}
  .listing-stepper>div>span{width:21px!important;height:21px!important;font-size:12px!important;flex:none}
}

/* Start your shop: "How you'll get paid" now sits in the narrow right column */
.payout-explainer-side{margin-top:18px}
.payout-explainer-side .payout-title-row{flex-wrap:wrap;gap:10px}
.payout-explainer-side .payout-title-row .protected-pill{order:-1;font-size:13px;padding:5px 10px}
.payout-explainer-side .payout-steps>div{grid-template-columns:30px minmax(0,1fr)}
.payout-explainer-side .payout-steps small{font-size:13.5px}
.payout-explainer-side>div:last-child:not(.payout-steps){font-size:13.5px}


/* Banner readability without darkening the photo: keep the original light
   tint and give the headline text its own soft shadow. */
.marketplace-hero.hero-photo-active .marketplace-hero-copy h1,
.marketplace-hero.hero-photo-active .marketplace-hero-copy p{
  text-shadow:0 1px 3px rgba(10,4,24,.55),0 2px 16px rgba(10,4,24,.45);
}


/* ===== MOBILE ADMIN PAGE ===== */
@media (max-width:700px){
  #view-admin .block{padding:16px !important;}
  #view-admin .adminStats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #view-admin .admin-kpi3{grid-template-columns:minmax(0,1fr) !important;}
  #view-admin .admin-app-row{grid-template-columns:minmax(0,1fr) auto !important;}
  #view-admin .admin-app-row > :nth-child(2){grid-column:1 / -1;order:3;}
  #view-admin .admin-verify-grid{grid-template-columns:minmax(0,1fr) !important;}
  #view-admin .admin-verify-grid > *{min-width:0;flex-wrap:wrap;}
  #view-admin .admin-assistant-layout{grid-template-columns:minmax(0,1fr) !important;}
  #view-admin .admin-assistant-layout > *{min-width:0;}
  #view-admin .admin-assistant-row{grid-template-columns:minmax(0,1fr) !important;}
  #view-admin .admin-assistant-preview{position:static !important;top:auto !important;width:auto !important;max-width:100% !important;}
  #view-admin img{max-width:100%;}
}

/* ===== ROTATING HOMEPAGE BANNERS ===== */
.marketplace-hero > .hero-slides{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:0;transition:opacity .9s ease;}
.hero-slide.prev{opacity:1;transition:none;}
.hero-slide.on{opacity:1;z-index:1;}
.marketplace-hero > .hero-dots{position:absolute;left:0;right:0;bottom:14px;z-index:3;display:flex;justify-content:center;gap:9px;}
.hero-dot{width:10px;height:10px;padding:0;border-radius:999px;border:0;background:rgba(255,255,255,.55);box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:pointer;transition:width .3s ease,background .3s ease;}
.hero-dot.on{width:26px;background:#fff;}
.hero-dot:focus-visible{outline:2px solid #fff;outline-offset:3px;}
@media (prefers-reduced-motion:reduce){.hero-slide{transition:none;}}
@media (max-width:700px){.marketplace-hero > .hero-dots{bottom:10px;}}

/* ===== CONTACT SUPPORT FORM ===== */
#modal:has(.support-form),#modal:has(.support-done){max-width:620px;}
.support-form h3{font-size:24px;margin:0 0 6px;}
.support-sub{color:var(--muted);margin:0 0 20px;font-size:15px;}
.support-form label{display:block;font-weight:700;font-size:14px;margin-bottom:14px;}
.support-form input,.support-form select,.support-form textarea{display:block;width:100%;margin-top:6px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;font:inherit;font-weight:400;font-size:15px;background:#fff;color:inherit;box-sizing:border-box;}
.support-form textarea{resize:vertical;min-height:130px;}
.support-form .support-to{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#f6f4fa;font-size:14.5px;}
.support-form .support-to span{color:var(--muted);font-weight:600;}
.support-form .support-to b{color:var(--ink);}
.support-form input:focus,.support-form select:focus,.support-form textarea:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-100,#ede4ff);}
.support-form input[readonly]{background:#f6f4fa;color:var(--muted);}
.support-row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;}
.support-opt{font-weight:400;color:var(--muted);}
.support-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;}
.support-err{color:#c0262d;font-size:14px;min-height:18px;margin:0 0 10px;}
.support-err:empty{min-height:0;margin:0;}
.support-actions{display:flex;justify-content:flex-end;gap:10px;}
.support-done{text-align:center;padding:10px 0;}
.support-done-icon{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#e7f8ef;color:#18a058;font-size:28px;font-weight:800;}
.support-done h3{font-size:24px;margin:0 0 8px;}
.support-done p{color:var(--muted);margin:0 0 22px;}
@media (max-width:600px){
  .support-row{grid-template-columns:1fr;}
  .support-form h3,.support-done h3{font-size:21px;padding-right:30px;}
  .support-sub{font-size:14px;margin-bottom:16px;}
  .support-form label{margin-bottom:12px;}
  .support-actions .btn{flex:1;}
}

/* ===== ADMIN SUPPORT INBOX ===== */
.admin-support-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;}
.admin-support-list{display:grid;gap:14px;}
.admin-support-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;}
.admin-support-card.new{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet) inset;}
.admin-support-card.resolved{opacity:.75;}
.admin-support-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
.admin-support-head strong{display:block;font-size:16px;}
.admin-support-email{font-size:14px;color:var(--violet);word-break:break-all;}
.admin-support-status{flex:none;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#f1eef7;color:var(--muted);}
.admin-support-status.new{background:var(--violet);color:#fff;}
.admin-support-status.resolved{background:#e7f8ef;color:#18a058;}
.admin-support-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 10px;font-size:13px;color:var(--muted);}
.admin-support-msg{white-space:pre-wrap;margin:0 0 14px;padding:12px 14px;background:#f8f6fc;border-radius:12px;font-size:15px;line-height:1.55;overflow-wrap:anywhere;}
.admin-support-foot{display:flex;flex-wrap:wrap;gap:8px;}
/* Keep the floating assistant from covering pop-up forms */
body:has(#scrim.on) #rubbliAssistantLauncher,body:has(#scrim.on) #rubbliAssistantHoverWrap{display:none!important;}

/* ===== NO OLD-BANNER FLASH ON LOAD =====
   Until the chosen banner is known, show plain Rubbli purple instead of the
   built-in default photo. JS adds .hero-ready once it knows what to show. */
.marketplace-hero:not(.hero-ready){
  background:linear-gradient(105deg,#5f27d8 0%,#8b3cf2 50%,#d329cf 100%)!important;
}


/* Customer detail action hierarchy */
.btn-light-purple{
  background:#EEE5FF;
  color:#6F2CF4;
  border:1.5px solid #DCCBFF;
  box-shadow:none;
}
.btn-light-purple:hover{
  background:#E5D8FF;
  border-color:#CDB5FF;
  color:#5F20DB;
}

/* ===== ADMIN: LEFT MENU + NUMBERS DASHBOARD ===== */
#adminBody{max-width:1480px;}
@media (min-width:701px){#adminBody{padding-left:28px;padding-right:28px;}}
.admin-shell{display:flex;align-items:flex-start;gap:28px;}
.admin-side{width:236px;flex:none;position:sticky;top:calc(96px + var(--beta-h,0px));background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 120px);overflow:auto;}
.admin-side-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:none;font:inherit;font-size:15px;font-weight:600;color:#2A2440;text-align:left;cursor:pointer;}
.admin-side-item svg{width:20px;height:20px;flex:none;color:#4B4560;}
.admin-side-item:hover{background:var(--violet-50);}
.admin-side-item.on{background:var(--violet-100);color:var(--violet-600);}
.admin-side-item.on svg{color:var(--violet-600);}
.admin-side-item span:first-of-type{flex:1;min-width:0;}
.admin-side-badge{flex:none!important;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--magenta);color:#fff;font-size:11.5px;font-weight:800;display:grid;place-items:center;}
.admin-side-sep{border:0;border-top:1px solid var(--line);margin:8px 6px;}
.admin-side-scrim{display:none;}
.admin-main{flex:1;min-width:0;}
.admin-mobilebar{display:none;}

.admin-dash-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;}
.admin-dash-updated{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);text-align:right;line-height:1.4;}
.admin-refresh{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--violet-600);display:grid;place-items:center;cursor:pointer;flex:none;}
.admin-refresh svg{width:20px;height:20px;}
.admin-tile-group{margin:24px 0 10px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.admin-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.admin-tile{position:relative;display:flex;align-items:center;gap:14px;min-height:118px;padding:20px 18px;border-radius:18px;border:1px solid transparent;font:inherit;text-align:left;color:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;}
.admin-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(36,27,58,.10);}
.admin-tile:focus-visible{outline:3px solid var(--violet);outline-offset:3px;}
.admin-tile-ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none;align-self:flex-start;}
.admin-tile-ic svg{width:22px;height:22px;}
.admin-tile-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;}
.admin-tile-label{font-size:14.5px;font-weight:600;color:#2A2440;}
.admin-tile-num{font-size:32px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--violet-600);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px;overflow-wrap:anywhere;}
.admin-tile.zero .admin-tile-num{color:#9C95AE;text-decoration-color:#D9D4E5;}
.admin-tile-chev{flex:none;color:#4B4560;}
.admin-tile-chev svg{width:18px;height:18px;}
.admin-tile.hot{border:2px solid var(--violet);box-shadow:0 6px 18px rgba(124,58,237,.12);}
.admin-tile.purple{background:#F7F2FE}.admin-tile.purple .admin-tile-ic{background:#EDE3FD;color:#7C3AED}
.admin-tile.green{background:#EEFAF4}.admin-tile.green .admin-tile-ic{background:#D7F3E5;color:#047857}
.admin-tile.red{background:#FEF1F3}.admin-tile.red .admin-tile-ic{background:#FCDDE3;color:#BE123C}
.admin-tile.blue{background:#EFF5FE}.admin-tile.blue .admin-tile-ic{background:#DCE9FC;color:#1D4ED8}
.admin-tile.amber{background:#FFF8E8}.admin-tile.amber .admin-tile-ic{background:#FDEBC2;color:#92400E}

.admin-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px;}
.admin-chip{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font:inherit;font-size:14px;font-weight:600;color:#2A2440;cursor:pointer;}
.admin-chip span{color:var(--muted);font-weight:700;margin-left:2px;}
.admin-chip.on{background:var(--violet);border-color:var(--violet);color:#fff;}
.admin-chip.on span{color:rgba(255,255,255,.85);}

.admin-list{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;}
.admin-list-head{padding:12px 18px;background:#faf8fd;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
.admin-list-row{padding:14px 18px;border-top:1px solid var(--line);align-items:center;font-size:14.5px;}
.admin-list-row > div{min-width:0;overflow-wrap:anywhere;}
.admin-list-sub{color:var(--muted);font-size:12.5px;margin-top:3px;}
.admin-orders-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:14px;}
.admin-listings-row{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.3fr) minmax(0,.8fr) minmax(0,.8fr);gap:14px;}
.admin-scroll-x{overflow-x:auto;}

@media (max-width:1180px){
  .admin-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
  .admin-shell{display:block;}
  .admin-side{position:fixed;top:0;left:0;bottom:0;z-index:120;width:280px;max-height:none;border-radius:0 20px 20px 0;border-left:0;transform:translateX(-105%);transition:transform .2s ease;box-shadow:12px 0 30px rgba(15,10,30,.18);padding-top:18px;}
  .admin-shell.menu-open .admin-side{transform:none;}
  .admin-shell.menu-open .admin-side-scrim{display:block;position:fixed;inset:0;z-index:110;background:rgba(15,10,30,.35);}
  .admin-mobilebar{display:flex;align-items:center;gap:12px;margin:10px 0 16px;}
  .admin-menu-btn{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-size:14.5px;font-weight:700;color:#2A2440;cursor:pointer;}
  .admin-menu-btn svg{width:20px;height:20px;}
  .admin-mobilebar-title{font-weight:700;color:var(--muted);font-size:14.5px;}
  body:has(.admin-shell.menu-open) #rubbliAssistantLauncher,body:has(.admin-shell.menu-open) #rubbliAssistantHoverWrap{display:none!important;}
}
@media (max-width:700px){
  .admin-dash-updated span{display:none;}
  .admin-tiles{gap:10px;}
  .admin-tile{flex-direction:column;align-items:flex-start;gap:8px;padding:14px;min-height:0;}
  .admin-tile-ic{width:38px;height:38px;}
  .admin-tile-ic svg{width:19px;height:19px;}
  .admin-tile-label{font-size:13px;}
  .admin-tile-num{font-size:25px;}
  .admin-tile-chev{position:absolute;right:10px;bottom:14px;}
  .admin-list-head{display:none;}
  .admin-orders-row,.admin-listings-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;}
  .admin-orders-row > div:nth-child(2),.admin-orders-row > div:nth-child(3),
  .admin-listings-row > div:nth-child(2),.admin-listings-row > div:nth-child(3){color:var(--muted);font-size:13px;}
  .admin-orders-row > div:nth-child(4),.admin-listings-row > div:nth-child(4){grid-column:2;grid-row:1;justify-self:end;}
  .admin-orders-row > div:nth-child(5){grid-column:1 / -1;}
}


  /* ---------- About Rubbli (2026-10-05, matches the About mock-up) ---------- */
  .about-rubbli-page{padding:0 0 34px}
  .about-subnav{display:flex;align-items:center;justify-content:center;gap:30px;padding:2px 0 14px;margin-bottom:0;flex-wrap:wrap}
  .about-subnav button{background:none;border:0;padding:8px 2px;font:inherit;font-size:14.5px;font-weight:600;color:var(--body-text);cursor:pointer}
  .about-subnav button.active{color:var(--ink);font-weight:800;border-bottom:3px solid var(--violet)}
  .about-subnav .about-shop-cta{margin-left:auto;background:var(--violet);color:#fff;border-radius:10px;padding:10px 18px;font-weight:700}
  .about-hero{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:12px;align-items:center;background:#f7f7fe;border-radius:22px;padding:0 0 0 clamp(20px,4vw,52px);overflow:hidden}
  .about-kicker{font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--violet);margin-bottom:8px}
  .about-hero-copy{padding:32px 0}
  .about-hero-copy h1{font-size:clamp(34px,3.6vw,52px);line-height:1.02;letter-spacing:-.045em;margin:0 0 18px}
  .about-hero-copy h1 span{color:var(--violet)}
  .about-hero-copy p{font-size:15.5px;line-height:1.5;color:var(--body-text);max-width:54ch;margin:0 0 12px}
  .about-hero-visual{position:relative;align-self:stretch;display:flex;align-items:flex-end}
  .about-hero-visual img{display:block;width:100%;height:auto}
  .about-benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:16px 0 30px;background:#f3f2fe;border-radius:16px}
  .about-benefit-strip article{display:flex;gap:16px;padding:20px 24px;align-items:flex-start;position:relative}
  .about-benefit-strip article+article:before{content:'';position:absolute;left:0;top:22px;bottom:22px;width:1px;background:#dcd8ee}
  .about-benefit-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;flex:none;background:#fff;box-shadow:0 6px 18px rgba(42,18,82,.07)}
  .about-benefit-icon svg{width:28px;height:28px}
  .about-benefit-icon.violet{color:#6d3bd1;background:#fff}
  .about-benefit-icon.red{color:#e5384b;background:#fff1f1}
  .about-benefit-icon.green{color:#12a86b;background:#ecfbf3}
  .about-benefit-icon.orange{color:#f26b1d;background:#fff3ea}
  .about-benefit-strip h3{font-size:17px;margin:2px 0 4px;color:var(--ink)}
  .about-benefit-strip p{font-size:13.5px;line-height:1.4;color:var(--muted);margin:0}
  .about-choose{padding:0 0 22px}
  .about-choose-head{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;margin-bottom:16px}
  .about-choose-head h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.03em;margin:0}
  .about-choose-head p{font-size:15.5px;color:var(--body-text);line-height:1.45;margin:0}
  .about-dual{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .about-audience-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-radius:18px;overflow:hidden}
  .about-audience-card.customer{background:#f3f0fd}
  .about-audience-card.vendor{background:#fff4ec;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
  .about-audience-art{display:flex;align-items:flex-end;overflow:hidden}
  .about-audience-art picture,.about-audience-art img{display:block;width:100%;height:100%}
  .about-audience-art img{object-fit:contain;object-position:center bottom}
  .about-audience-body{padding:20px 22px 22px 6px}
  .about-card-kicker{font-size:11.5px;font-weight:800;letter-spacing:.08em;color:var(--violet);margin-bottom:3px}
  .about-audience-card.vendor .about-card-kicker{color:#f26b1d}
  .about-audience-card h3{font-size:clamp(18px,1.6vw,21px);margin:0 0 6px;letter-spacing:-.01em}
  .about-audience-card p{font-size:13.5px;line-height:1.45;color:var(--body-text);margin:0 0 10px}
  .about-audience-card ul{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:5px}
  .about-audience-card li{font-size:13.5px;line-height:1.35;color:var(--body-text);position:relative;padding-left:24px}
  .about-audience-card li:before{content:'✓';position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:var(--violet);color:#fff;font-size:10px;font-weight:900}
  .about-audience-card.vendor li:before{background:#f26b1d}
  .about-audience-card .btn{border-radius:999px;padding:11px 22px}
  .about-vendor-btn{background:#f26b1d;color:#fff;border:0}
  .about-vendor-btn:hover{background:#dd5c12}
  .about-directory{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px;background:#f8f7fb;border-radius:16px}
  .about-directory article{padding:20px 28px 22px;position:relative}
  .about-directory article+article:before{content:'';position:absolute;left:0;top:20px;bottom:20px;width:1px;background:var(--line)}
  .about-directory-title{display:flex;align-items:center;gap:14px;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:8px}
  .about-directory-title span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#ece8fb;color:var(--violet)}
  .about-directory-title span svg{width:20px;height:20px}
  .about-directory-title h3{font-size:12.5px;letter-spacing:.05em;margin:0;color:var(--ink)}
  .about-directory a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0;color:var(--body-text);font-size:14.5px;cursor:pointer}
  .about-directory a:hover{color:var(--violet)}
  .about-directory a b{font-weight:400;color:var(--muted)}
  .about-featured h4{font-family:Georgia,'Times New Roman',serif;font-size:16px;margin:6px 0 2px;color:var(--ink)}
  .about-featured p{font-size:13.5px;line-height:1.4;color:var(--body-text);margin:0}
  .about-featured hr{border:0;border-top:1px solid var(--line);margin:10px 0}
  @media(max-width:1000px){
    .about-subnav .about-shop-cta{margin-left:0}
    .about-hero{grid-template-columns:1fr;padding:0}
    .about-hero-copy{padding:28px 24px 8px}
    .about-benefit-strip{grid-template-columns:1fr 1fr}
    .about-benefit-strip article:nth-child(3):before{display:none}
    .about-choose-head{grid-template-columns:1fr;gap:10px}
    .about-dual{grid-template-columns:1fr}
    .about-directory{grid-template-columns:1fr 1fr}
    .about-directory article:nth-child(3):before{display:none}
  }
  @media(max-width:650px){
    .about-subnav{justify-content:flex-start;gap:16px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px}
    .about-subnav button{white-space:nowrap;font-size:13.5px}
    .about-hero{border-radius:16px}
    .about-hero-copy{padding:24px 18px 4px}
    .about-hero-copy h1{font-size:36px}
    .about-hero-copy p{font-size:15.5px}
    .about-benefit-strip{grid-template-columns:1fr}
    .about-benefit-strip article:before{display:none}
    .about-benefit-strip article{padding:16px 18px}
    .about-audience-card,.about-audience-card.vendor{grid-template-columns:1fr}
    .about-audience-art{max-height:240px}
    .about-audience-body{padding:18px 18px 22px}
    .about-directory{grid-template-columns:1fr}
    .about-directory article:before{display:none}
    .about-directory article{padding:18px}
  }

  /* ---------- Trust & safety (2026-10-05) ---------- */
  .trust-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:28px;align-items:center;background:#f7f7fe;border-radius:22px;padding:clamp(26px,4vw,48px)}
  .trust-hero h1{font-size:clamp(32px,3.4vw,48px);line-height:1.04;letter-spacing:-.04em;margin:0 0 16px}
  .trust-hero h1 span{color:var(--violet)}
  .trust-hero p{font-size:16px;line-height:1.55;color:var(--body-text);max-width:60ch;margin:0}
  .trust-hero-badges{display:grid;gap:12px}
  .trust-hero-badge{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 6px 18px rgba(42,18,82,.06)}
  .trust-hero-badge b{font-size:16px;color:var(--ink)}
  .trust-tier{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:19px;font-weight:900}
  .trust-tier svg{width:22px;height:22px}
  .trust-tier.verified{background:#ece8fb;color:var(--violet)}
  .trust-tier.gold{background:#fff4d5;color:#9a6a00}
  .trust-tier.platinum{background:linear-gradient(135deg,#eef0f6,#dfe3ee);color:#4b5470}
  .trust-section{margin:34px 0 0}
  .trust-section h2{font-size:clamp(26px,2.6vw,34px);letter-spacing:-.03em;margin:0 0 6px}
  .trust-lead{font-size:15.5px;line-height:1.5;color:var(--body-text);max-width:72ch;margin:0 0 18px}
  .trust-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .trust-steps article{background:#f8f7fb;border-radius:16px;padding:20px}
  .trust-step-num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--violet);color:#fff;font-weight:800;margin-bottom:12px}
  .trust-steps h3{font-size:16.5px;margin:0 0 6px}
  .trust-steps p{font-size:14px;line-height:1.45;color:var(--muted);margin:0}
  .trust-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .trust-levels article{border-radius:18px;padding:22px;border:1px solid var(--line);background:#fff}
  .trust-levels article.gold{background:#fffaf0;border-color:#f6e3b0}
  .trust-levels article.platinum{background:linear-gradient(135deg,#f7f8fb,#eef0f6);border-color:#d9dde8}
  .trust-levels h3{font-size:19px;margin:12px 0 10px}
  .trust-levels ul,.trust-card ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
  .trust-levels li,.trust-card li{font-size:14px;line-height:1.4;color:var(--body-text);position:relative;padding-left:24px}
  .trust-levels li:before,.trust-card li:before{content:'✓';position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:var(--violet);color:#fff;font-size:10px;font-weight:900}
  .trust-card{border-radius:18px;padding:22px 24px}
  .trust-card.customer{background:#f3f0fd}
  .trust-card.vendor{background:#fff4ec}
  .trust-card.vendor .about-card-kicker{color:#f26b1d}
  .trust-card.vendor li:before{background:#f26b1d}
  .trust-card h3{font-size:20px;margin:2px 0 6px}
  .trust-card p{font-size:14px;line-height:1.45;color:var(--body-text);margin:0 0 10px}
  .trust-soon{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#fff;color:#f26b1d;font-size:10.5px;letter-spacing:.04em}
  .trust-payments{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:start;background:#f7f7fe;border-radius:22px;padding:clamp(22px,3vw,36px)}
  .trust-pay-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .trust-pay-list li{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:14px;padding:16px}
  .trust-pay-list svg{width:24px;height:24px;flex:none;color:var(--violet);margin-top:1px}
  .trust-pay-list b{display:block;font-size:15px;color:var(--ink);margin-bottom:3px}
  .trust-pay-list span{display:block;font-size:13.5px;line-height:1.4;color:var(--muted)}
  .trust-help{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:34px 0 0;padding:22px 26px;border-radius:18px;border:1px solid var(--line)}
  .trust-help h2{font-size:22px;margin:0 0 4px}
  .trust-help p{margin:0;color:var(--body-text);font-size:14.5px}
  .trust-help-actions{display:flex;gap:10px;flex-wrap:wrap}
  .trust-fineprint{font-size:12.5px;line-height:1.5;color:var(--muted);margin:18px 0 0;max-width:90ch}
  .trust-fineprint a{color:var(--violet);cursor:pointer;text-decoration:underline}
  @media(max-width:1000px){
    .trust-hero,.trust-payments{grid-template-columns:1fr}
    .trust-hero-badges{grid-template-columns:repeat(3,1fr)}
    .trust-steps{grid-template-columns:1fr 1fr}
    .trust-levels{grid-template-columns:1fr}
  }
  @media(max-width:650px){
    .trust-hero{padding:24px 18px;border-radius:16px}
    .trust-hero-badges{grid-template-columns:1fr}
    .trust-steps,.trust-pay-list{grid-template-columns:1fr}
    .trust-help{flex-direction:column;align-items:flex-start}
  }

  /* ---------- Pricing & fees (2026-10-05) ---------- */
  .trust-pay-list.fees-covers{grid-template-columns:repeat(3,1fr)}
  .trust-pay-list.fees-covers li{background:#f7f7fe}
  @media(max-width:1000px){.trust-pay-list.fees-covers{grid-template-columns:1fr 1fr}}
  @media(max-width:650px){.trust-pay-list.fees-covers{grid-template-columns:1fr}}

  /* ---------- How Rubbli works (2026-10-05) ---------- */
  .how-switch{display:inline-flex;gap:4px;margin-top:22px;padding:4px;border-radius:999px;background:#fff;box-shadow:0 4px 14px rgba(42,18,82,.07)}
  .how-switch button{border:0;background:none;font:inherit;font-weight:700;font-size:14.5px;padding:10px 20px;border-radius:999px;color:var(--body-text);cursor:pointer}
  .how-switch button.on{background:var(--violet);color:#fff}
  .how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .how-step{background:#f8f7fb;border-radius:16px;padding:20px 22px}
  .how-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
  .how-step-num{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--violet);color:#fff;font-weight:800;font-size:14px}
  .how-step-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#ece8fb;color:var(--violet)}
  .how-step-icon svg{width:22px;height:22px}
  .how-step h3{font-size:17px;margin:0 0 6px}
  .how-step p{font-size:14px;line-height:1.5;color:var(--body-text);margin:0}
  .how-panel[data-how-panel="vendors"] .how-step-num{background:#f26b1d}
  .how-panel[data-how-panel="vendors"] .how-step-icon{background:#fff0e5;color:#f26b1d}
  .how-panel[data-how-panel="vendors"] .about-kicker{color:#f26b1d}
  .how-note{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:16px 18px;border-radius:14px;background:#f3f0fd;font-size:14.5px;line-height:1.45;color:var(--body-text)}
  .how-note svg{width:22px;height:22px;flex:none;color:var(--violet)}
  .how-note b{color:var(--ink)}
  .how-note.vendor{background:#fff4ec}.how-note.vendor svg{color:#f26b1d}
  .how-faq{display:grid;gap:10px;max-width:860px}
  .how-faq details{border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 18px}
  .how-faq summary{cursor:pointer;font-weight:700;font-size:15.5px;padding:15px 0;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:12px}
  .how-faq summary::-webkit-details-marker{display:none}
  .how-faq summary:after{content:'+';font-size:20px;line-height:1;color:var(--violet)}
  .how-faq details[open] summary:after{content:'–'}
  .how-faq details p{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:var(--body-text)}
  .how-faq a{color:var(--violet);cursor:pointer;text-decoration:underline}
  @media(max-width:1000px){.how-steps{grid-template-columns:1fr 1fr}}
  @media(max-width:650px){.how-steps{grid-template-columns:1fr}.how-switch{display:flex}.how-switch button{flex:1;padding:10px 12px}}

/* Deposit today / rest on delivery */
.cl.pay-split span{color:var(--muted);font-size:14px;}
.cl.pay-split b{font-weight:700;}

/* 2026-10-05: 16px text in every form field on phones so iPhone Safari
   doesn't zoom in when one is tapped. */
@media (max-width:820px){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),
  select,textarea,.support-form input,.support-form select,.support-form textarea{font-size:16px!important}
}


/* =========================================================
   Search bar (2026-10-05, option A): one rounded bar with thin
   dividers instead of separate boxes. Phones: one neat card.
========================================================= */
#browseResults .market-control-row{display:flex;align-items:stretch;gap:0!important;flex-wrap:nowrap;background:#fff;border:1px solid #e6e2ef;border-radius:999px;box-shadow:0 6px 22px rgba(42,18,82,.07);padding:6px 6px 6px 10px}
#browseResults .market-control{position:relative;min-height:0!important;width:auto;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:7px 20px!important;display:flex;flex-direction:column;justify-content:center;transition:background .15s}
#browseResults .market-control:hover{background:#f7f5fc!important;border-radius:999px!important}
#browseResults .market-control+.market-control:before{content:'';position:absolute;left:0;top:13px;bottom:13px;width:1px;background:#e6e2ef}
#browseResults .market-control label{font-size:11px;letter-spacing:.08em;font-weight:700;color:#8a8399;text-transform:uppercase;margin:0 0 2px}
#browseResults .market-control input,#browseResults .market-control select{border:0!important;background-color:transparent!important;box-shadow:none!important;outline:0;font:inherit;font-size:15px;font-weight:600;color:var(--ink);padding:2px 0;margin:0}
#browseResults #date{width:auto;min-width:0}
#browseResults #qty{width:56px;-moz-appearance:textfield}
#browseResults #qty::-webkit-inner-spin-button,#browseResults #qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#browseResults .market-zip-control{width:auto}
#browseResults #deliveryZip{width:96px}
#browseResults .market-sort-control{width:auto}
#browseResults #marketSort{appearance:none;-webkit-appearance:none;width:auto;min-width:170px;padding-right:22px;cursor:pointer;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b6480' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 2px center!important}
#browseResults #filtersBtn{align-self:stretch;border:0;border-radius:999px;background:var(--violet);color:#fff;padding:0 24px;margin-left:6px;font-weight:700;box-shadow:none}
#browseResults #filtersBtn:hover{background:#5f2fd0}
@media(max-width:1100px){
  #browseResults .market-control-row{width:auto;max-width:100%}
}
@media(max-width:820px){
  #browseResults .market-control-row{display:grid!important;grid-template-columns:1fr 1fr;gap:1px!important;background:#eeeaf5;border-radius:20px;padding:0!important;width:100%;overflow:hidden}
  #browseResults .market-control{background:#fff!important;padding:11px 16px!important}
  #browseResults .market-control:hover{border-radius:0!important;background:#faf9fd!important}
  #browseResults .market-control+.market-control:before{display:none}
  #browseResults .market-control-row:has(#qtyBox[style*="none"]) .market-sort-control{grid-column:1/-1}
  #browseResults #marketSort{min-width:0;width:100%}
  #browseResults #deliveryZip,#browseResults #date{width:100%}
  #browseResults #filtersBtn{grid-column:1/-1;margin:0!important;padding:13px!important;border-radius:0;width:100%}
}


/* Sort menu (2026-10-05): styled menu with a short explanation per option */
#browseResults .sort-native{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;min-width:0!important}
#browseResults .has-sort-menu{cursor:pointer}
#browseResults .sort-trigger{display:block;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b6480' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 0 center;font:inherit;font-size:15px;font-weight:600;color:var(--ink);padding:2px 22px 2px 0;min-width:170px;text-align:left;cursor:pointer;white-space:nowrap}
#browseResults .sort-trigger[aria-expanded="true"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 15 6-6 6 6'/%3E%3C/svg%3E")}
#browseResults .sort-menu{position:absolute;top:calc(100% + 12px);right:-10px;z-index:60;width:320px;background:#fff;border:1px solid #ebe7f3;border-radius:18px;box-shadow:0 18px 50px rgba(30,16,60,.16),0 2px 8px rgba(30,16,60,.06);padding:8px;cursor:default}
#browseResults .sort-menu[hidden]{display:none}
#browseResults .sort-menu-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a8399;padding:8px 12px 6px}
#browseResults .sort-option{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;text-align:left;font:inherit;padding:10px 12px;border-radius:12px;cursor:pointer;color:var(--ink)}
#browseResults .sort-option:hover,#browseResults .sort-option:focus-visible{background:#f6f3fe;outline:0}
#browseResults .sort-option-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f3f1f8;color:#6b6480;flex:none}
#browseResults .sort-option-icon svg{width:18px;height:18px}
#browseResults .sort-option-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#browseResults .sort-option-text b{font-size:14.5px;font-weight:650}
#browseResults .sort-option-text small{font-size:12.5px;color:#8a8399;line-height:1.3}
#browseResults .sort-option-check{width:18px;height:18px;color:var(--violet);opacity:0;flex:none}
#browseResults .sort-option-check svg{width:18px;height:18px}
#browseResults .sort-option.on{background:#f3effe}
#browseResults .sort-option.on .sort-option-icon{background:var(--violet);color:#fff}
#browseResults .sort-option.on .sort-option-text b{color:var(--violet)}
#browseResults .sort-option.on .sort-option-check{opacity:1}
@media(max-width:820px){
  #browseResults .market-control-row{overflow:visible}
  #browseResults .market-control:first-child{border-top-left-radius:19px!important}
  #browseResults #qtyBox,#browseResults .market-control-row:has(#qtyBox[style*="none"]) .market-zip-control{border-top-right-radius:19px!important}
  #browseResults #filtersBtn{border-radius:0 0 19px 19px!important}
  #browseResults .sort-trigger{min-width:0;width:100%}
  #browseResults .sort-menu{right:0;left:auto;width:min(320px,calc(100vw - 32px))}
}

/* Search bar, square version (2026-10-05): sharp rectangular bar and a
   light-purple Filters button. Overrides the rounded rules above. */
#browseResults .market-control-row{border-radius:0!important;padding:0!important;box-shadow:0 4px 18px rgba(42,18,82,.06)!important;border-color:#e3dfec!important}
#browseResults .market-control,#browseResults .market-control:hover{border-radius:0!important}
#browseResults .market-control{padding:12px 22px!important}
#browseResults #filtersBtn{border-radius:0!important;margin:0!important;background:#f1ecfe!important;color:var(--violet)!important;border:0!important;border-left:1px solid #e3dfec!important;padding:0 28px!important;font-weight:700}
#browseResults #filtersBtn:hover{background:#e6ddfd!important}
#browseResults .sort-menu{border-radius:4px!important;top:calc(100% + 1px)!important;right:0!important}
#browseResults .sort-option{border-radius:3px!important}
#browseResults .sort-option-icon{border-radius:4px!important}
@media(max-width:820px){
  #browseResults .market-control-row{border-radius:0!important}
  #browseResults .market-control:first-child,#browseResults #qtyBox,#browseResults .market-control-row:has(#qtyBox[style*="none"]) .market-zip-control{border-radius:0!important}
  #browseResults #filtersBtn{border-radius:0!important;border-left:0!important;padding:13px!important}
}


/* =========================================================
   Filters panel (2026-10-05): chips and a live result count,
   square edges to match the search bar.
========================================================= */
.modal:has(.filters-panel){max-width:560px;padding:0;border-radius:4px;display:flex;flex-direction:column;overflow:hidden}
.filters-panel{display:flex;flex-direction:column;max-height:88vh}
.fp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 16px;border-bottom:1px solid #eeeaf5}
.fp-head h3{font-size:24px;margin:0 0 4px;letter-spacing:-.02em}
.fp-head p{margin:0;color:#8a8399;font-size:14px}
.fp-close{border:0;background:none;font-size:26px;line-height:1;color:#6b6480;cursor:pointer;padding:2px 4px}
.fp-close:hover{color:var(--ink)}
.fp-body{overflow:auto;padding:6px 28px 8px}
.fp-sec{padding:18px 0;border-bottom:1px solid #f1eef6}
.fp-sec:last-child{border-bottom:0}
.fp-sec h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8a8399;font-weight:700;margin:0 0 12px}
.fp-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.fp-value{font-weight:700;color:var(--violet);font-size:14.5px}
.fp-chips{display:flex;flex-wrap:wrap;gap:8px}
.fp-chip{border:1px solid #e3dfec;background:#fff;color:var(--body-text);font:inherit;font-size:14px;font-weight:600;padding:8px 14px;border-radius:4px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}
.fp-chip:hover{border-color:#c9bff0;background:#faf8ff}
.fp-chip.on{background:#f1ecfe;border-color:var(--violet);color:var(--violet)}
.fp-range{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:linear-gradient(to right,var(--violet) 0,var(--violet) var(--fill,100%),#e6e2ef var(--fill,100%));border-radius:0;outline:0;margin:6px 0 0;cursor:pointer}
.fp-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fff;border:2px solid var(--violet);border-radius:2px;box-shadow:0 2px 6px rgba(42,18,82,.18)}
.fp-range::-moz-range-thumb{width:18px;height:18px;background:#fff;border:2px solid var(--violet);border-radius:2px}
.fp-range-ends{display:flex;justify-content:space-between;font-size:12.5px;color:#8a8399;margin-top:8px}
.fp-seg{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e3dfec}
.fp-seg-btn{border:0;border-right:1px solid #e3dfec;background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--body-text);padding:11px 8px;cursor:pointer}
.fp-seg-btn:last-child{border-right:0}
.fp-seg-btn:hover{background:#faf8ff}
.fp-seg-btn.on{background:#f1ecfe;color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}
.fp-input{display:flex;align-items:center;gap:10px;border:1px solid #e3dfec;padding:0 14px;background:#fff}
.fp-input:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px #ede4ff}
.fp-input svg{width:18px;height:18px;color:#8a8399;flex:none}
.fp-input input{border:0;outline:0;font:inherit;font-size:15px;padding:12px 0;width:100%;background:transparent;color:var(--ink)}
.fp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 28px;border-top:1px solid #eeeaf5;background:#fff}
.fp-clear{border:0;background:none;font:inherit;font-weight:700;font-size:14.5px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px 2px}
.fp-go{border-radius:4px!important;padding:13px 26px!important;min-width:190px}
@media(max-width:650px){
  .modal:has(.filters-panel){max-width:none;width:100%;border-radius:0;align-self:flex-end;max-height:92vh}
  .filters-panel{max-height:92vh}
  .fp-head,.fp-foot{padding-left:18px;padding-right:18px}
  .fp-body{padding:4px 18px 8px}
  .fp-go{flex:1;min-width:0}
  .fp-chip{font-size:13.5px;padding:7px 11px}
  .fp-sec{padding:14px 0}
}

/* Contact support form (2026-10-05): square edges and topic chips,
   matching the search bar and Filters panel. */
.modal:has(#supportForm){border-radius:4px;padding:28px 30px 24px}
#supportForm h3{font-size:24px;letter-spacing:-.02em;margin:0 0 4px}
#supportForm .support-sub{color:#8a8399;font-size:14px;margin:0 0 16px}
#supportForm .support-to{border-radius:0!important;background:#f6f4fa;border-left:3px solid var(--violet);padding:10px 14px}
#supportForm input,#supportForm textarea{border-radius:0!important;border:1px solid #e3dfec!important;font-size:15px}
#supportForm input:focus,#supportForm textarea:focus{border-color:var(--violet)!important;box-shadow:0 0 0 3px #ede4ff!important}
#supportForm input[readonly]{background:#f6f4fa!important}
#supportForm .support-label{display:block;font-weight:700;font-size:14.5px;margin:2px 0 8px;color:var(--ink)}
#supportForm .support-topic{margin:4px 0 14px}
#supportForm .support-chips{display:flex;flex-wrap:wrap;gap:8px}
#supportForm .support-chip{border:1px solid #e3dfec;background:#fff;color:var(--body-text);font:inherit;font-size:14px;font-weight:600;padding:8px 13px;border-radius:2px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}
#supportForm .support-chip:hover{border-color:#c9bff0;background:#faf8ff}
#supportForm .support-chip.on{background:#f1ecfe;border-color:var(--violet);color:var(--violet)}
#supportForm .support-ref{display:block;margin-bottom:14px}
#supportForm .support-ref[hidden]{display:none}
#supportForm .support-actions{border-top:1px solid #eeeaf5;padding-top:16px;margin-top:6px}
#supportForm .support-actions .btn{border-radius:4px!important}
#supportForm .support-actions .btn-g{border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-weight:700;color:var(--ink);box-shadow:none}
@media(max-width:650px){
  .modal:has(#supportForm){padding:22px 18px 18px}
  #supportForm .support-chip{font-size:13.5px;padding:7px 11px}
}


/* Styled dropdown used in place of native selects (2026-10-05) */
.xsel{position:relative;width:100%}
.xsel-native{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.xsel-trigger{display:block;width:100%;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b6480' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 2px center;font:inherit;font-size:16px;font-weight:500;color:var(--ink);text-align:left;padding:3px 26px 3px 0;cursor:pointer}
.xsel.open .xsel-trigger{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 15 6-6 6 6'/%3E%3C/svg%3E")}
.xsel-menu{position:fixed;z-index:1200;background:#fff;border:1px solid #e6e2ef;border-radius:4px;box-shadow:0 18px 50px rgba(30,16,60,.16),0 2px 8px rgba(30,16,60,.06);padding:8px 10px 10px;max-height:420px;overflow:auto}
.xsel-menu[hidden]{display:none}
.xsel-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a8399;padding:6px 6px 4px}
.xsel-group+.xsel-group{border-top:1px solid #f1eef6;margin-top:6px;padding-top:4px}
.xsel-group-title{font-size:12.5px;font-weight:700;color:var(--violet);padding:8px 6px 6px}
.xsel-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.xsel-option{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:none;font:inherit;font-size:14.5px;font-weight:500;color:var(--ink);text-align:left;padding:9px 10px;border-radius:2px;cursor:pointer}
.xsel-option svg{width:16px;height:16px;color:var(--violet);opacity:0;flex:none}
.xsel-option:hover,.xsel-option:focus-visible{background:#f6f3fe;outline:0}
.xsel-option.on{background:#f1ecfe;color:var(--violet);font-weight:650}
.xsel-option.on svg{opacity:1}
@media(max-width:650px){.xsel-grid{grid-template-columns:1fr}}

/* Create listing: delivery option cards (2026-10-05) */
.dlv-block{background:transparent!important;border:0!important;padding:0!important}
.dlv-block>label{display:block;margin-bottom:10px}
.dlv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dlv-card{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e3dfec;background:#fff;border-radius:4px;padding:14px;font:inherit;color:var(--ink);cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s}
.dlv-card:hover{border-color:#c9bff0;background:#fcfbff}
.dlv-card.on{border-color:var(--violet);background:#f6f2ff;box-shadow:inset 0 0 0 1px var(--violet)}
.dlv-icon{width:38px;height:38px;border-radius:4px;display:grid;place-items:center;background:#f3f1f8;color:#6b6480;flex:none}
.dlv-icon svg{width:20px;height:20px}
.dlv-card.on .dlv-icon{background:var(--violet);color:#fff}
.dlv-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dlv-text b{font-size:14.5px;font-weight:700}
.dlv-text small{font-size:12.5px;color:#8a8399;line-height:1.3}
.dlv-radio{width:18px;height:18px;border-radius:50%;border:2px solid #cfc8de;flex:none;position:relative}
.dlv-card.on .dlv-radio{border-color:var(--violet)}
.dlv-card.on .dlv-radio:after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--violet)}
.dlv-fee{margin-top:12px;max-width:320px}
.dlv-fee label{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#8a8399;font-weight:700;margin-bottom:6px}
.dlv-fee-input{display:flex;align-items:center;gap:8px;border:1px solid #e3dfec;background:#fff;border-radius:4px;padding:0 14px;font-weight:600}
.dlv-fee-input:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px #ede4ff}
.dlv-fee-input input{border:0!important;outline:0;background:transparent!important;font:inherit;font-size:16px;padding:12px 0;flex:1 1 auto!important;width:auto!important;min-width:60px!important}
.dlv-fee-unit{color:#8a8399;font-weight:500;font-size:13.5px;white-space:nowrap}
.wiz-note{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;margin:4px 0 0;font-size:13.5px;line-height:1.45;color:var(--muted)}
.wiz-note svg{width:18px;height:18px;flex:none;color:var(--violet);margin-top:1px}
@media(max-width:820px){.dlv-cards{grid-template-columns:1fr}.dlv-fee{max-width:none}}
/* Pricing step on phones: stack the form above "What you'd earn". */
@media(max-width:900px){
  #listGearBody .pricing-layout{grid-template-columns:1fr!important}
  #listGearBody .pricing-layout .inrow{grid-template-columns:1fr!important}
}

/* =========================================================
   Create listing: one look for Details, Pricing and Review
   (2026-10-05) — light boxes with a thin border, 8px corners,
   small uppercase labels and 4px buttons, as on Pricing.
========================================================= */
#view-listgear .listing-stepper > div,#view-listgear .listing-stepper button{border-radius:4px!important}
/* Details: no big white card around the fields, like Pricing */
#listGearBody .block:has(> .listing-details-grid){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
#listGearBody .fb,#listGearBody .in,#listGearBody textarea,#listGearBody .ta{background:#f8f6fc!important;border:1px solid #eee9f7!important;border-radius:8px!important;box-shadow:none!important}
#listGearBody .fb{padding:10px 14px!important}
#listGearBody .fb:focus-within,#listGearBody .in:focus-within,#listGearBody textarea:focus{border-color:var(--violet)!important;box-shadow:0 0 0 3px #ede4ff!important}
#listGearBody .fb label,#listGearBody .in > label{font-size:11px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#7b7490!important}
#listGearBody .fb input,#listGearBody .fb .xsel-trigger{font-size:16px!important;font-weight:600!important}
#listGearBody textarea{padding:12px 14px!important;font-size:15px!important}
/* Review: cards and info boxes */
#listGearBody .card,#listGearBody .block,#listGearBody .spec{border-radius:8px!important}
#listGearBody .spec{background:#f8f6fc!important;border:1px solid #eee9f7!important;box-shadow:none!important}
#listGearBody .card,#listGearBody .block{border:1px solid #eee9f7!important;box-shadow:none!important}
#listGearBody .pricing-form.block,#listGearBody .block:has(> .listing-details-grid){border:0!important}
/* Buttons */
#listGearBody .btn,#view-listgear .btn{border-radius:4px!important}
#listGearBody #wPhotoBtn,#listGearBody #ai{background:#fff!important;border:1px solid #e3dfec!important}
#listGearBody #wPhotoBtn:hover,#listGearBody #ai:hover{border-color:#c9bff0!important;background:#faf8ff!important}
#listGearBody #wPhotoPreview > div{border-radius:6px!important}
#view-listgear #listGearBody{padding-bottom:48px!important}

/* =========================================================
   Shop Manager → Finances (2026-10-05): no sideways scrolling,
   squarer boxes, Rubbli-style filters and sort menu.
========================================================= */
#shopMain .finance-summary-strip{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;overflow:visible!important;border:1px solid #eee9f7;border-radius:8px;background:#fff;padding:0!important;margin-bottom:22px}
#shopMain .finance-summary-item{min-width:0!important;padding:16px 18px!important;border-left:1px solid #eee9f7!important}
#shopMain .finance-summary-item:first-child{border-left:0!important;padding-left:18px!important}
#shopMain .finance-summary-item dt{font-size:11px!important;letter-spacing:.06em!important;font-weight:700!important;color:#7b7490!important}
#shopMain .finance-summary-item dd{font-size:24px!important;margin:8px 0 4px!important}
#shopMain .finance-summary-item .delta{font-size:12px!important;color:var(--muted)}
#shopMain .fin-table{overflow:visible!important;border:1px solid #eee9f7!important;border-radius:8px!important;padding:20px 22px!important;box-shadow:none!important}
#shopMain .fin-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-bottom:16px}
#shopMain .fin-head h3{margin:0 0 4px;font-size:20px}
#shopMain .fin-toolbar{display:flex;align-items:stretch;border:1px solid #e3dfec;background:#fff;box-shadow:0 4px 14px rgba(42,18,82,.05)}
#shopMain .fin-field{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 16px;position:relative;cursor:pointer}
#shopMain .fin-field+.fin-field:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:1px;background:#e6e2ef}
#shopMain .fin-field>span{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a8399}
#shopMain .fin-field input{border:0!important;background:transparent!important;font:inherit;font-size:14px;font-weight:600;color:var(--ink);padding:2px 0!important;outline:0;min-width:0}
#shopMain .fin-sort{min-width:210px}
#shopMain .fin-sort .xsel-trigger{font-size:14px;font-weight:600;padding-top:2px;padding-bottom:2px}
#shopMain .fin-clear{border:0;border-left:1px solid #e3dfec;background:#f1ecfe;color:var(--violet);font:inherit;font-weight:700;font-size:14px;padding:0 20px;cursor:pointer}
#shopMain .fin-clear:hover{background:#e6ddfd}
#shopMain .fin-row{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(4,minmax(0,1fr)) minmax(0,1.15fr);column-gap:16px;align-items:start;padding:14px 4px;border-top:1px solid #f1eef6}
#shopMain .fin-row-head{padding:10px 4px;background:#f8f6fc;border-top:0;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7b7490;align-items:center}
#shopMain .fin-row b{display:block;font-size:14.5px}
#shopMain .fin-row .sm{display:block;margin-top:3px;font-size:12.5px;line-height:1.35;color:var(--muted);overflow-wrap:anywhere}
#shopMain .fin-earn{color:var(--green)}
#shopMain .fin-row .tag{white-space:normal;line-height:1.3}
#shopMain .fin-row .btn{border-radius:4px!important}
#shopMain .fin-empty{padding:22px 4px;color:var(--muted);border-top:1px solid #f1eef6}
@media(max-width:1180px){
  #shopMain .finance-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  #shopMain .finance-summary-item:nth-child(4){border-left:0!important}
  #shopMain .finance-summary-item:nth-child(n+4){border-top:1px solid #eee9f7}
}
@media(max-width:900px){
  #shopMain .fin-toolbar{width:100%;flex-wrap:wrap}
  #shopMain .fin-field{flex:1 1 140px}
  #shopMain .fin-sort{flex:1 1 100%;min-width:0;border-top:1px solid #e6e2ef}
  #shopMain .fin-sort:before{display:none}
  #shopMain .fin-clear{flex:1 1 100%;border-left:0;border-top:1px solid #e3dfec;padding:11px}
  #shopMain .fin-row-head{display:none}
  #shopMain .fin-row{grid-template-columns:1fr 1fr;row-gap:12px;padding:16px 4px}
  #shopMain .fin-row .fin-booking{grid-column:1/-1}
  #shopMain .fin-row [data-label]:before{content:attr(data-label);display:block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a8399;margin-bottom:3px}
}
@media(max-width:560px){
  #shopMain .finance-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  #shopMain .finance-summary-item{border-left:1px solid #eee9f7!important;border-top:1px solid #eee9f7}
  #shopMain .finance-summary-item:nth-child(odd){border-left:0!important}
  #shopMain .finance-summary-item:nth-child(-n+2){border-top:0}
  #shopMain .fin-table{padding:16px 14px!important}
}
/* Header on laptop widths: let the search box shrink so the menu never
   pushes the page wider than the screen. */
@media(min-width:901px) and (max-width:1380px){
  .nav-search{min-width:150px!important;flex:1 1 180px!important}
  .navitem{padding:10px 7px!important;font-size:14px!important}
  .navright{gap:4px!important}
}
/* Small laptops/tablets: icon-only menu buttons (names show on hover). */
@media(min-width:901px) and (max-width:1180px){
  .navitem.nav-compact{font-size:0!important;gap:0!important;padding:10px!important}
  .navitem.nav-compact svg{width:20px!important;height:20px!important}
  .navitem.nav-compact .nav-unread-badge{font-size:11px!important}
}
/* Finances polish */
.xsel-menu.xsel-single .xsel-grid{grid-template-columns:1fr}
#shopMain > .block,#shopMain .block:has(> div > .finance-summary-strip){border-radius:8px!important}
#shopMain .fin-head h3{border:0!important;padding:0!important}
#shopMain .fin-head .sm{border:0!important;padding:0!important;margin:0!important}
#shopMain .fin-row .tag{display:inline-block;font-size:12px;padding:4px 9px;border-radius:4px;text-transform:none}
#view-vendor .sidebar{border-radius:8px!important}
#view-vendor .sidebar .btn,#shopMain .btn{border-radius:4px!important}

/* =========================================================
   Top bar, option B (2026-10-05): icons with small labels,
   square search box; sign-out lives in the account menu.
========================================================= */
@media(min-width:901px){
  .nav{background:#fff!important}
  .nav-search{border-radius:4px!important;background:#f7f5fb!important;border:1px solid #ece8f3!important}
  .nav-search:focus-within{border-color:var(--violet)!important;background:#fff!important;box-shadow:0 0 0 3px #ede4ff}
  .navmid{gap:2px!important}
  .navitem,.navitem.nav-compact{flex-direction:column!important;gap:4px!important;padding:6px 11px!important;font-size:11.5px!important;font-weight:600!important;border-radius:4px!important;background:none!important;color:#5b5470!important;line-height:1!important;min-width:64px}
  .navitem svg,.navitem.nav-compact svg{width:21px!important;height:21px!important}
  .navitem .browse-chevron{display:none!important}
  .navitem:hover{background:#f7f5fb!important;color:var(--ink)!important}
  .navitem.on{color:var(--violet)!important;background:#f3effe!important}
  .navitem .nav-unread-badge{position:absolute;top:2px;right:10px;font-size:10.5px!important}
  .navright .ibtn,.navright .avatar{border-radius:4px!important}
  #signOutBtn{display:none!important}
}
@media(min-width:901px) and (max-width:1100px){
  .navitem,.navitem.nav-compact{min-width:0;padding:6px 7px!important;font-size:10.5px!important}
}
/* Finances: 8 columns incl. Date and Customer tax, still within the screen */
#shopMain .fin-row{grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,.75fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr);column-gap:12px}
#shopMain .fin-row b{font-size:14px}
#shopMain .fin-row .sm{font-size:12px}
@media(max-width:900px){#shopMain .fin-row{grid-template-columns:1fr 1fr}}
/* Finances summary: labels on one line so every number sits level */
#shopMain .finance-summary-item{display:flex;flex-direction:column}
#shopMain .finance-summary-item dt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:14px}

/* =====================================================================
   RUBBLI STYLE SYSTEM (2026-10-05)
   One look everywhere, based on the search bar and Create listing:
   - Buttons, chips, tags, plain inputs ......... 4px corners
   - Labelled field boxes (.fb / .in) .......... 8px corners
   - Cards, panels, pop-ups ..................... 8px corners, thin border
   - One font: Plus Jakarta Sans
   Round things that are meant to be round (avatars, dots, counters,
   carousel arrows) are left alone.
===================================================================== */
:root{--r-ctl:4px;--r-card:8px;--line-soft:#eee9f7;--line-ctl:#e3dfec}

/* Font */
.about-featured h4,.help-page h4,.help-brand,.policy-modal h2,.market-chat-avatar,.market-chat-big-avatar,[style*="Georgia"]{font-family:inherit!important}

/* Buttons and chip-like controls */
.btn,button.btn,a.btn,.fchip,.admin-chip,.fp-chip,.support-chip,.chip,
.admin-side-item,.admin-refresh,.about-shop-cta,.legal-choice,.auth-google,.auth-eye,
.share-instagram,#view-vendor .sidebar button,.navitem,.hero-rotate-controls button,
.view button[style*="border-radius"],.modal button[style*="border-radius"]{border-radius:var(--r-ctl)!important}
.btn-sm{border-radius:var(--r-ctl)!important}

/* Status tags and small labels on cards */
.tag,.catchip,.avpill,.badge-soft,.t-pending,.t-confirmed,.t-done,.t-cancel{border-radius:var(--r-ctl)!important}

/* Plain inputs */
.tin,.ta,.auth-input,.msg-search,
.view input[type=date],.view input[type=text]:not(.fb input):not(.in input):not(.market-control input):not(.fin-field input):not(.fp-input input):not(.dlv-fee-input input):not(#navSearch):not(#deliveryZip):not(#qty),
.view input[type=email]:not(.fb input):not(.in input),.view input[type=number]:not(.fb input):not(.in input):not(.market-control input):not(.dlv-fee-input input),
.view textarea:not(.fb textarea){border-radius:var(--r-ctl)!important}
.view input[style*="border-radius"],.modal input[style*="border-radius"],.view textarea[style*="border-radius"]{border-radius:var(--r-ctl)!important}
.msg-search{border:1px solid var(--line-ctl)!important}

/* Labelled field boxes */
.fb,.in,label.in{border-radius:var(--r-card)!important}

/* Cards, panels, pop-ups */
.block,.card,.tbl,.empty,.rowc,.admin-side,.admin-list,.admin-tile,.earnbox,.dhero,.spec,.areabox,
.bookcard,.msg-shell,.kpi,.shop-guide,.opt,.hero-rotate-controls,.auth-card,.modal,.menu,.legal-card,
.sidebar,.dash-card,.listing-card,.lcard,.pcard,.cards > *{border-radius:var(--r-card)!important}
.view [style*="border-radius:12px"],.view [style*="border-radius: 12px"],
.view [style*="border-radius:14px"],.view [style*="border-radius: 14px"],
.view [style*="border-radius:16px"],.view [style*="border-radius: 16px"],
.view [style*="border-radius:18px"],.view [style*="border-radius: 18px"],
.view [style*="border-radius:20px"],.view [style*="border-radius: 20px"],
.view [style*="border-radius:22px"],.view [style*="border-radius: 22px"],
.view [style*="border-radius:24px"],.view [style*="border-radius: 24px"],
.view [style*="border-radius:26px"],.view [style*="border-radius: 26px"],
.view [style*="border-radius:28px"],.view [style*="border-radius: 28px"],
.view [style*="border-radius:30px"],.view [style*="border-radius: 30px"]{border-radius:var(--r-card)!important}
.view [style*="border-radius:10px"],.view [style*="border-radius: 10px"],
.view [style*="border-radius:11px"],.view [style*="border-radius: 11px"]{border-radius:var(--r-ctl)!important}

/* Styled dropdown on its own (outside a labelled box) looks like a field */
.xsel-boxed{display:inline-block;vertical-align:middle}
.xsel-boxed .xsel-trigger{border:1px solid var(--line-ctl);background-color:#fff;border-radius:var(--r-ctl);padding:9px 34px 9px 12px;background-position:right 12px center;font-size:14.5px;font-weight:600;min-height:40px}
.xsel-boxed .xsel-trigger:hover{border-color:#c9bff0}
.xsel-boxed.open .xsel-trigger{border-color:var(--violet);box-shadow:0 0 0 3px #ede4ff}
.xsel-disabled .xsel-trigger{opacity:.55;cursor:not-allowed}
.xsel-option[disabled]{opacity:.45;cursor:not-allowed}

/* Number boxes: no little up/down arrows */
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
/* Safety net: the page never scrolls sideways (wide tables scroll inside
   their own box instead). clip keeps the sticky header working. */
html,body{overflow-x:clip}
/* Style system: phone rules that set their own corners */
html body .admin-menu-btn,
html body #marketToggleSlot .fchip,
html body .browse-filter-row .filterbar .fchip,
html body #mobileBookJump,
html body .detail-premium .bookcard .btn-p,html body .detail-premium .bookcard .btn-g{border-radius:var(--r-ctl)!important}
html body .detail-premium .dhero,html body .detail-premium [data-photo-gallery] .detail-listing-hero,
html body .detail-premium .bookcard,html body .cowrap .block,html body .cowrap .bookcard{border-radius:var(--r-card)!important}

/* Type-to-search city box */
.city-search-input{width:100%;border:0;background:transparent;font:inherit;font-size:16px;font-weight:600;color:var(--ink);outline:0;padding:3px 0}
.city-search-menu{position:fixed;z-index:1200}
.city-search-menu .xsel-option b{color:var(--violet);font-weight:800}
.city-search-menu .xsel-option.kb{background:#f6f3fe}
.city-search-empty{padding:12px 10px;color:var(--muted);font-size:14px}
.city-search-menu .city-name{flex:1;min-width:0}

/* Renter reviews (2026-10-05) */
.renter-rating{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 8px;border:1px solid #f3e2b5;background:#fffaf0;border-radius:4px;font:inherit;font-size:12px;font-weight:600;color:#7a5a00;cursor:pointer}
.renter-rating .star{color:#f5a524}
.renter-rating.new{border-color:#eee9f7;background:#f8f6fc;color:var(--muted);cursor:default}
.rr-modal h3{margin:0 0 4px;font-size:22px}
.rr-modal .mhint{margin:0 0 10px}
.rr-note{font-size:13px;color:var(--muted);background:#f8f6fc;border:1px solid #eee9f7;border-radius:4px;padding:9px 12px;margin:0 0 14px}
.rr-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f1eef6}
.rr-row>span{font-weight:600;font-size:14.5px;color:var(--ink)}
.rr-row em{color:var(--violet);font-style:normal;margin-left:2px}
.rr-stars{display:flex;align-items:center;gap:2px}
.rr-star{border:0;background:none;font-size:26px;line-height:1;color:#ddd6ea;cursor:pointer;padding:0 2px}
.rr-star.on{color:#f5a524}
.rr-skip{border:0;background:none;font:inherit;font-size:12px;color:var(--muted);margin-left:6px;cursor:pointer;text-decoration:underline}
.rr-yn{display:flex;border:1px solid #e3dfec;border-radius:4px;overflow:hidden}
.rr-yn-btn{border:0;background:#fff;font:inherit;font-weight:700;font-size:14px;padding:8px 18px;cursor:pointer;color:var(--body-text)}
.rr-yn-btn+.rr-yn-btn{border-left:1px solid #e3dfec}
.rr-yn-btn.on{background:#f1ecfe;color:var(--violet)}
.rr-comment{display:block;margin:14px 0 6px;font-weight:600;font-size:14.5px}
.rr-comment span{color:var(--muted);font-weight:400}
.rr-comment textarea{display:block;width:100%;margin-top:6px;border:1px solid #e3dfec;border-radius:4px;padding:10px 12px;font:inherit;font-size:15px;box-sizing:border-box;resize:vertical}
.rr-modal .support-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}
.rr-summary-big{font-size:34px;font-weight:800;margin:4px 0 8px}.rr-summary-big .star{color:#f5a524}
.rr-quote{margin:12px 0 0;padding:10px 12px;background:#f8f6fc;border-left:3px solid var(--violet);font-size:14px}
.rr-quote cite{display:block;margin-top:4px;font-style:normal;font-size:12px;color:var(--muted)}
.renter-review-of-me{display:flex;gap:8px;align-items:baseline;margin-top:8px;padding:8px 10px;background:#fffaf0;border:1px solid #f3e2b5;border-radius:4px;font-size:13px;color:#5b4a1a}
.renter-review-of-me .star{color:#b07800;font-weight:800;white-space:nowrap}
@media(max-width:560px){.rr-row{flex-direction:column;align-items:flex-start;gap:6px}}

/* Beta announcement bar + page (2026-10-05) */
.beta-bar{position:sticky;top:0;z-index:61;display:flex;justify-content:center;align-items:center;gap:10px;background:#1f1536;color:#efe9ff;font-size:13.5px;line-height:1.3;padding:8px 16px;text-align:center}
.beta-bar strong{color:#fff}
.beta-bar a{color:#d9c8ff;text-decoration:underline;text-underline-offset:3px;font-weight:600;white-space:nowrap;cursor:pointer}
.beta-bar a:hover{color:#fff}
.beta-tag{display:inline-block;background:#7c3aed;color:#fff;border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:800;letter-spacing:.08em;line-height:1.4;vertical-align:middle}
.beta-bar .short{display:none}
@media(max-width:640px){.beta-bar{font-size:12.5px;gap:8px;padding:7px 12px}.beta-bar .long{display:none}.beta-bar .short{display:inline}}
.beta-page .about-kicker .beta-tag{margin-right:6px}
.beta-zip{background:#fff;border:1px solid #eee9f7;border-radius:8px;padding:20px}
.beta-zip h3{margin:0 0 4px;font-size:18px}
.beta-zip p{margin:0 0 12px!important;font-size:14px!important}
.beta-zip-form{display:flex;gap:8px}
.beta-zip-form .fp-input{flex:1;border-radius:4px}
.beta-zip-form .btn{border-radius:4px!important}
.beta-zip-result{margin-top:10px;font-size:14px;line-height:1.45}
.beta-zip-result a{color:var(--violet);text-decoration:underline;cursor:pointer;font-weight:600}
.beta-zip-result.ok{color:#087a4b}.beta-zip-result.no{color:#7a5a00}
.beta-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.beta-steps article{display:flex;gap:14px;align-items:flex-start;background:#f8f6fc;border:1px solid #eee9f7;border-radius:8px;padding:18px}
.beta-steps article.on{background:#f3effe;border-color:#d9ccfb}
.beta-step-dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e6e2ef;color:#5b5470;font-weight:800;flex:none}
.beta-steps article.on .beta-step-dot{background:var(--violet);color:#fff}
.beta-steps b{display:block;font-size:16.5px;margin-bottom:4px}
.beta-steps p{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--body-text)}
.beta-now,.beta-soon{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:4px}
.beta-now{background:#e7f8ef;color:#087a4b}.beta-soon{background:#fff3e0;color:#9a5b00}
.beta-cities{display:flex;flex-wrap:wrap;gap:8px}
.beta-cities span{display:inline-flex;align-items:center;gap:6px;border:1px solid #e3dfec;background:#fff;border-radius:4px;padding:7px 12px;font-size:14px;font-weight:600}
.beta-cities svg{width:15px;height:15px;color:var(--violet)}
.beta-cities .more{background:#f1ecfe;color:var(--violet);border-color:#d9ccfb}
@media(max-width:900px){.beta-steps{grid-template-columns:1fr}}

/* Review lock / window labels */
.review-lock-tag{display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:var(--muted,#6b6475);background:#f4f2f7;border:1px solid #e7e3ee;border-radius:4px;padding:5px 9px;white-space:nowrap}
.review-lock-note{font-size:12.5px;color:var(--muted,#6b6475);margin:10px 0 0}
.trust-review-rules{margin:18px 0 0;font-size:14px;color:var(--muted,#6b6475);max-width:760px}

/* Share listing */
.share-btn{display:inline-flex;align-items:center;gap:6px}
.share-pop{position:fixed;z-index:1200;width:240px;background:#fff;border:1px solid var(--line,#e7e3ee);border-radius:8px;box-shadow:0 18px 40px rgba(28,16,52,.16);padding:14px 8px 8px;font-family:inherit}
.share-pop::before{content:"";position:absolute;top:-7px;left:calc(var(--arrow-x,50%) - 7px);width:12px;height:12px;background:#fff;border-left:1px solid var(--line,#e7e3ee);border-top:1px solid var(--line,#e7e3ee);transform:rotate(45deg)}
.share-pop.above::before{top:auto;bottom:-7px;transform:rotate(225deg)}
.share-pop-title{font-weight:800;font-size:15px;color:var(--ink);padding:0 10px 8px}
.share-pop button,.share-pop a{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:8px 10px;border-radius:4px;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;cursor:pointer;text-align:left}
.share-pop button:hover,.share-pop a:hover,.share-pop button:focus-visible,.share-pop a:focus-visible{background:var(--violet-50,#f5f0ff);outline:none}
.share-ic{width:36px;height:36px;flex:0 0 36px;border:1px solid var(--line,#e7e3ee);border-radius:50%;display:grid;place-items:center;color:var(--ink);background:#fff}
.share-ic-wa{color:#1fa855}

:root{--beta-h:35px}
@media(max-width:640px){:root{--beta-h:33px}}

/* Order confirmed: tighter top spacing */
#confirmedBody{padding-top:28px}
#confirmedBody .success{padding:0 0 40px}
#confirmedBody .tick{width:60px;height:60px;margin-bottom:16px}
#confirmedBody .ptitle{margin-bottom:8px}
#confirmedBody .receipt{border-radius:8px;margin:24px 0}
@media(max-width:640px){#confirmedBody{padding-top:18px}}
#confirmedBody .tick-wait{background:#fff6e5;color:#b7791f}

/* ---------- Services: hourly pricing, travel, provider confirmation ---------- */
.svc-extra{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-top:2px}
.bprice .svc-extra{font-size:13px;margin-top:4px}
.svc-travel{margin-top:12px}
.svc-travel-label,.svc-section-label{font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.svc-travel-cards{display:grid;gap:8px}
.svc-travel-card{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px 14px;cursor:pointer;font:inherit;color:var(--ink)}
.svc-travel-card b{display:block;font-size:14.5px}
.svc-travel-card small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.svc-travel-card.on{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet) inset;background:var(--violet-50,#f7f2ff)}
.svc-travel-radio{flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:2px solid #c9c2d6;margin-top:2px;box-sizing:border-box}
.svc-travel-card.on .svc-travel-radio{border-color:var(--violet);background:radial-gradient(circle,var(--violet) 0 4px,transparent 5px)}
.svc-pickup{margin-top:8px}
.svc-confirm-note{display:flex;gap:9px;align-items:flex-start;margin:14px 0 0;padding:11px 13px;border-radius:8px;background:#fff8ec;border:1px solid #f6e3bf;color:#6b4e16;font-size:13px;line-height:1.45}
.svc-confirm-note svg{flex:none;margin-top:1px}
.svc-in-hint{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.4}
.svc-in-unit{font-size:13px;font-weight:600;color:var(--muted)}
.svc-earn-hours{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 10px;font-size:14px;color:var(--muted)}
.svc-earn-hours select{border:1px solid var(--line);border-radius:4px;padding:6px 8px;font:inherit;background:#fff;color:var(--ink)}
.svc-order-meta{display:block;margin-top:3px}
.svc-awaiting{display:inline-block;margin-top:6px}
.svc-price-types{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:699px){.svc-price-types{grid-template-columns:1fr!important}}

/* ---------- Account settings ---------- */
.acct-page{max-width:1080px;margin:0 auto;padding:28px 0 70px}
.acct-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:start;margin-top:24px}
.acct-nav{position:sticky;top:calc(96px + var(--beta-h,0px));display:flex;flex-direction:column;gap:2px}
.acct-nav a{display:block;padding:9px 12px;border-radius:4px;color:var(--ink);text-decoration:none;font-weight:600;font-size:14.5px}
.acct-nav a:hover{background:var(--violet-50,#f7f2ff)}
.acct-nav a.on{background:var(--violet-50,#f7f2ff);color:var(--violet)}
.acct-main{display:grid;gap:18px;min-width:0}
.acct-sec{margin:0;padding:24px 26px;border-radius:8px;scroll-margin-top:140px}
.acct-sec h2{font-size:20px;margin:0 0 4px}
.acct-sub{font-size:15px;margin:14px 0 8px}
.acct-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.acct-span2{grid-column:1/-1}
.acct-row2{display:grid;grid-template-columns:90px minmax(0,1fr);gap:0 12px}
.acct-opt{text-transform:none;letter-spacing:0;font-weight:500;color:var(--muted)}
.acct-fine{font-size:13px;color:var(--muted);margin:2px 0 0}
.acct-actions{display:flex;gap:10px;margin-top:16px;align-items:center}
.acct-actions-wrap{flex-wrap:wrap}
.acct-check{display:flex;align-items:center;gap:9px;font-weight:600;font-size:14.5px;margin:6px 0 12px;cursor:pointer}
.acct-check input{width:18px;height:18px;accent-color:var(--violet)}
.acct-toggle{display:flex;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}
.acct-toggle:first-of-type{border-top:0}
.acct-toggle-text{flex:1;min-width:0}
.acct-toggle-text b{display:block;font-size:14.5px}
.acct-toggle-text small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;line-height:1.4}
.acct-toggle input{position:absolute;opacity:0;pointer-events:none}
.acct-switch{flex:none;width:40px;height:22px;border-radius:999px;background:#d9d3e3;position:relative;transition:background .15s}
.acct-switch::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .15s}
.acct-toggle input:checked + .acct-switch{background:var(--violet)}
.acct-toggle input:checked + .acct-switch::after{transform:translateX(18px)}
.acct-toggle input:focus-visible + .acct-switch{outline:2px solid var(--violet);outline-offset:2px}
.acct-toggle.is-locked{cursor:default}
.acct-toggle.is-locked .acct-switch{opacity:.55}
.acct-privacy-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:12px}
.acct-privacy-list li{display:grid;gap:2px}
.acct-privacy-list b{font-size:14.5px}
.acct-privacy-list span{color:var(--muted);font-size:13.5px;line-height:1.5}
.acct-danger{color:var(--rose,#c0264b)!important;border-color:#f3c6d0!important}
.acct-link{font-weight:600;color:var(--violet);font-size:14px;cursor:pointer}
.acct-saved-note{font-size:12.5px;color:var(--muted);margin-top:6px}
.acct-saved-note a{color:var(--violet);font-weight:600;cursor:pointer}
@media(max-width:760px){
  .acct-page{padding:16px 0 50px}
  .acct-layout{grid-template-columns:1fr;gap:14px}
  .acct-nav{position:static;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:2px}
  .acct-nav a{white-space:nowrap;border:1px solid var(--line);background:#fff}
  .acct-sec{padding:18px 16px}
  .acct-grid{grid-template-columns:1fr}
  .acct-actions{flex-wrap:wrap}
}

/* ---------- Help Center ---------- */
.hc{margin:-48px -40px 0}
.hc-hero{background:#1f1536;background-image:radial-gradient(circle at 12% 30%,rgba(124,58,237,.55),transparent 45%),radial-gradient(circle at 88% 70%,rgba(245,162,27,.35),transparent 40%);padding:34px 40px 38px}
.hc-hero-inner{max-width:880px;margin:0 auto;display:grid;gap:14px;justify-items:center}
.hc-brand{border:0;background:none;color:#efe9ff;font:inherit;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.hc-search{position:relative;width:100%;max-width:720px;display:flex;align-items:center;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.hc-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:16px 18px;font:inherit;font-size:17px;color:var(--ink)}
.hc-search>button{border:0;background:none;padding:0 16px;color:var(--ink);cursor:pointer;display:grid;place-items:center;align-self:stretch}
.hc-results{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 40px rgba(28,16,52,.18);z-index:30;max-height:420px;overflow:auto;padding:6px;text-align:left}
.hc-results a{display:block;padding:10px 12px;border-radius:4px;color:var(--ink);text-decoration:none;cursor:pointer}
.hc-results a:hover{background:var(--violet-50,#f7f2ff)}
.hc-results b{display:block;font-size:14.5px}
.hc-results small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.hc-noresult{padding:12px;color:var(--muted);font-size:14px}
.hc-noresult a{color:var(--violet);font-weight:700;cursor:pointer}
.hc-band{background:#eef1fb;padding:18px 24px;text-align:center}
.hc-band p{margin:0 0 10px;font-size:15.5px;color:var(--ink)}
.hc-band-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.hc-tabs{display:flex;justify-content:center;gap:28px;border-bottom:1px solid var(--line);background:#fff}
.hc-tabs button{border:0;background:none;font:inherit;font-size:16px;font-weight:600;color:var(--muted);padding:16px 2px 13px;border-bottom:3px solid transparent;cursor:pointer}
.hc-tabs button.on{color:var(--ink);border-bottom-color:var(--violet)}
.hc-wrap{max-width:1200px;margin:0 auto;padding:36px 40px 70px}
.hc-h1{text-align:center;font-size:34px;margin:0 0 30px}
.hc-h1.hc-left{text-align:left;margin-bottom:18px}
.hc-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 40px}
.hc-feat{display:block;color:var(--ink);text-decoration:none;cursor:pointer}
.hc-feat small{display:block;color:var(--muted);font-size:13.5px;margin-bottom:5px}
.hc-feat b{font-size:17px;line-height:1.35}
.hc-feat:hover b{color:var(--violet);text-decoration:underline;text-underline-offset:3px}
.hc-browse{margin-top:46px}
.hc-browse h2{font-size:21px;margin:0 0 14px}
.hc-browse-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hc-browse-grid button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px 20px;cursor:pointer;font:inherit;color:var(--ink)}
.hc-browse-grid button:hover{border-color:var(--violet)}
.hc-browse-grid b{display:block;font-size:17px;margin-bottom:6px}
.hc-browse-grid small{color:var(--muted);font-size:13.5px;line-height:1.5}
.hc-crumbs{color:var(--muted);font-size:14px;margin-bottom:26px}
.hc-crumbs a{color:inherit;text-decoration:underline;cursor:pointer}
.hc-cat-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start}
.hc-side{position:sticky;top:calc(96px + var(--beta-h,0px));display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--line)}
.hc-side a{display:block;padding:8px 14px;color:var(--body-text,#4a4458);font-size:14.5px;cursor:pointer;text-decoration:none;margin-left:-2px;border-left:2px solid transparent;line-height:1.35}
.hc-side a:hover{color:var(--ink)}
.hc-side a.on{color:var(--ink);font-weight:700;border-left-color:var(--violet)}
.hc-side .hc-side-top{font-weight:700;color:var(--ink);margin-top:8px}
.hc-side .hc-side-top:first-child{margin-top:0}
.hc-side-label{padding:4px 14px 8px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.hc-sec{margin-bottom:34px;scroll-margin-top:140px}
.hc-sec h2{font-size:22px;margin:0 0 12px}
.hc-sec ul,.hc-related ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hc-sec a,.hc-related a{color:var(--ink);font-size:16px;cursor:pointer;text-decoration:none}
.hc-sec a:hover,.hc-related a:hover{color:var(--violet);text-decoration:underline;text-underline-offset:3px}
.hc-article h1{font-size:32px;margin:0 0 18px;line-height:1.2}
.hc-answer{font-size:16px;line-height:1.65;color:var(--body-text,#3c3649);max-width:720px}
.hc-answer p{margin:0 0 14px}
.hc-answer ol,.hc-answer ul{margin:0 0 14px;padding-left:22px;display:grid;gap:6px}
.hc-answer a{color:var(--violet);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.hc-helpful{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:26px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14.5px}
.hc-helpful a{color:var(--violet);font-weight:600;cursor:pointer}
.hc-related h2{font-size:19px;margin:0 0 12px}
@media(max-width:900px){
  .hc{margin:-48px -24px 0}
  .hc-featured{grid-template-columns:1fr 1fr}
  .hc-cat-layout{grid-template-columns:1fr;gap:20px}
  .hc-side{position:static;flex-direction:row;overflow-x:auto;border-left:0;border-bottom:1px solid var(--line);gap:4px;padding-bottom:6px}
  .hc-side a{white-space:nowrap;border-left:0;margin-left:0;border:1px solid var(--line);border-radius:4px;padding:7px 11px}
  .hc-side a.on{border-color:var(--violet)}
  .hc-side-label{display:none}
}
@media(max-width:620px){
  .hc{margin:-48px -18px 0}
  .hc-hero{padding:24px 16px 26px}
  .hc-wrap{padding:26px 16px 56px}
  .hc-featured,.hc-browse-grid{grid-template-columns:1fr}
  .hc-h1{font-size:27px}
  .hc-article h1{font-size:26px}
  .hc-tabs{gap:18px}
  .hc-tabs button{font-size:15px}
}
/* Help Center banner: Rubbli party photo with a purple wash */
.hc-hero{position:relative;background:#1f1536 url('/assets/help-hero.jpg') center 55%/cover no-repeat;padding:54px 40px 58px}
.hc-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,21,54,.92) 0%,rgba(46,22,92,.78) 38%,rgba(46,22,92,.38) 70%,rgba(31,21,54,.25) 100%)}
.hc-hero-inner{position:relative;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;justify-items:stretch}
.hc-hero-text{color:#fff}
.hc-hero .hc-brand{display:block;padding:0;text-transform:none;letter-spacing:-.01em;font-size:34px;font-weight:800;color:#fff;text-align:left;line-height:1.15}
.hc-hero-text p{margin:8px 0 0;color:#e8defc;font-size:16px}
.hc-hero .hc-search{max-width:none;border-radius:8px}
@media(max-width:900px){.hc-hero{background-image:url('/assets/help-hero-sm.jpg');padding:36px 24px 40px}.hc-hero-inner{grid-template-columns:1fr;gap:18px}.hc-hero::before{background:linear-gradient(180deg,rgba(31,21,54,.86),rgba(46,22,92,.7))}}
@media(max-width:620px){.hc-hero{padding:28px 16px 30px}.hc-hero .hc-brand{font-size:27px}.hc-hero-text p{font-size:14.5px}}
/* Help Center: full-width bands that start right under the header */
#infoBody:has(> .hc){padding-top:0!important}
.hc,.hc{margin:0 calc(50% - 50vw)!important}

/* Shop Manager → Orders: header and rows share one grid; actions on one line */
#shopMain .tbl .trow.vord-row{grid-template-columns:minmax(0,1.15fr) minmax(92px,.45fr) minmax(120px,.6fr) minmax(0,2.3fr);gap:16px;align-items:center}
#shopMain .tbl .vord-row .racts{justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px}
#shopMain .tbl .vord-row .racts .btn{white-space:nowrap;padding:8px 13px;font-size:13.5px}
#shopMain .tbl .vord-row .racts .tag{white-space:nowrap}

@media(max-width:1100px){#shopMain .tbl .trow.vord-row{grid-template-columns:minmax(0,1.1fr) minmax(88px,.5fr) minmax(110px,.6fr) minmax(0,1.8fr)}}
@media(max-width:760px){#shopMain .tbl .trow.vord-row{grid-template-columns:1fr;gap:8px}#shopMain .tbl .trow.thead.vord-row{display:none}}

/* ---------- My profile ---------- */
.prof-page{display:grid;gap:18px}
.prof-card{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:22px;align-items:start;margin:0;padding:26px;border-radius:8px}
.prof-avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#c026d3);color:#fff;display:grid;place-items:center;font-size:36px;font-weight:800}
.prof-main h1{font-size:28px;margin:2px 0 6px}
.prof-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:14px;align-items:center}
.prof-rating-chip{background:#fff6e5;color:#8a5a00;border:1px solid #f3e2b5;border-radius:4px;padding:3px 8px;font-weight:700;font-size:13px}
.prof-rating-chip.is-new{background:#f4f2f7;color:var(--muted);border-color:#e7e3ee}
.prof-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 0}
.prof-details dt{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.prof-details dd{margin:3px 0 0;font-size:14.5px;font-weight:600;overflow-wrap:anywhere}
.prof-details .muted{color:var(--muted);font-weight:500}
.prof-actions{display:flex;flex-direction:column;gap:8px}
.prof-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.prof-stats>div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px}
.prof-stats b{display:block;font-size:24px}
.prof-stats span{color:var(--muted);font-size:13.5px}
.prof-sec{margin:0;padding:24px 26px;border-radius:8px}
.prof-sec h2{font-size:20px;margin:0 0 4px}
.prof-rating-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:center;margin:16px 0 8px}
.prof-big b{display:block;font-size:44px;line-height:1}
.prof-big span,.prof-big small{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.prof-stars{color:#f5a524;letter-spacing:1px;font-size:15px}
.prof-bars{display:grid;gap:10px}
.prof-bar{display:grid;grid-template-columns:130px minmax(0,1fr) 34px;gap:10px;align-items:center;font-size:13.5px}
.prof-bar>div{height:8px;background:#efebf5;border-radius:999px;overflow:hidden}
.prof-bar i{display:block;height:100%;background:var(--violet)}
.prof-bar b{text-align:right}
.prof-list{list-style:none;margin:14px 0 0;padding:0;display:grid}
.prof-list li{padding:14px 0;border-top:1px solid var(--line)}
.prof-list-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.prof-list-sub{color:var(--muted);font-size:13px;margin-top:2px}
.prof-list p{margin:8px 0 0;font-size:14.5px;line-height:1.5}
.prof-empty{margin-top:12px;padding:16px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:14px}
.prof-empty a{color:var(--violet);font-weight:600;cursor:pointer}
.ask-review-choices{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:760px){
  .prof-card{grid-template-columns:64px minmax(0,1fr);padding:18px 16px}
  .prof-avatar{width:64px;height:64px;font-size:26px}
  .prof-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}
  .prof-details{grid-template-columns:1fr}
  .prof-stats{grid-template-columns:1fr 1fr}
  .prof-sec{padding:18px 16px}
  .prof-rating-grid{grid-template-columns:1fr;gap:16px}
}
.prof-big .prof-stars{color:#f5a524;font-size:16px;margin-top:6px}
.prof-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.prof-meta .prof-rating-chip+.prof-rating-chip{margin-left:-6px}

/* Complete order form */
.complete-form .cf-label{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:6px 0 8px}
.cf-choices{display:grid;gap:8px}
.cf-choice{display:flex!important;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:8px;padding:11px 13px;cursor:pointer;font-weight:400!important}
.cf-choice input{margin-top:3px;accent-color:var(--violet);width:16px;height:16px;flex:none}
.cf-choice b{display:block;font-size:14.5px}
.cf-choice small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.cf-choice:has(input:checked){border-color:var(--violet);background:var(--violet-50,#f7f2ff)}
.cf-keep{margin-top:10px}
.cf-note{font-size:13.5px;color:var(--muted)}
.cf-payout{margin-top:14px;padding:12px 14px;border-radius:8px;background:#f4f8ff;border:1px solid #d9e6fb}
.cf-payout b{display:block;font-size:14px}
.cf-payout span{display:block;color:var(--muted);font-size:13px;margin-top:3px;line-height:1.45}
/* Orders: status + buttons on one line, call-outs on the line below */
#shopMain .tbl .vord-row .racts{flex-wrap:wrap}
#shopMain .tbl .vord-row .racts > *{order:0}
#shopMain .tbl .vord-row .racts > .vcall{order:10}
#shopMain .tbl .vord-row .racts:has(> .vcall)::after{content:"";order:5;flex-basis:100%;height:0}
#shopMain .tbl .vord-row .racts > .vcall{font-size:12.5px;padding:4px 9px}
/* Admin tables: status pills stay one tidy box even when they wrap */
#adminBody .tag{display:inline-block;max-width:100%;line-height:1.35;white-space:normal;vertical-align:middle}

/* Rubbli confirm dialog */
.rc{max-width:460px}
.rc h3{font-size:21px;margin:0 0 8px}
.rc-body{color:var(--body-text,#4a4458);font-size:15px;line-height:1.55}
.rc-body p{margin:0 0 10px}
.rc-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}
.rc-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff4e0;color:#b7791f;margin-bottom:12px}
@media(max-width:520px){.rc-actions{flex-direction:column-reverse}.rc-actions .btn{width:100%}}
/* Finances: order status under the booking name */
.fin-status{display:block;width:fit-content;margin-top:5px;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:4px;background:#efebf5;color:#5b5469;letter-spacing:.01em}
.fin-st-completed{background:var(--violet-50,#f3edff);color:var(--violet)}
.fin-st-cancelled{background:#fdecef;color:#b42345}
.fin-st-confirmed,.fin-st-in_progress{background:var(--green-bg,#e9f8ef);color:var(--green,#15803d)}
/* Finances: order-status checkboxes */
.fin-status-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 22px 16px}
.fin-status-filter-label{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.fin-check{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:13.5px;font-weight:600;cursor:pointer;user-select:none}
.fin-check input{width:15px;height:15px;accent-color:var(--violet);margin:0}
.fin-check i{font-style:normal;color:var(--muted);font-weight:600;font-size:12.5px}
.fin-check.on{border-color:var(--violet);background:var(--violet-50,#f7f2ff)}
.hc-tabs button{display:inline-flex;align-items:center;gap:8px}
.hc-tab-icon{font-size:17px}
@media(max-width:620px){.hc-tabs{gap:10px;padding:0 10px}.hc-tabs button{font-size:14px;text-align:left}}

.cf-note.cf-warn{background:var(--rose-bg,#fdecef);border-radius:8px;padding:10px 12px;color:var(--ink,#1c1530)}
.adm-balance-fix{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.cart-fields{display:grid;grid-template-columns:140px 1fr;gap:8px 10px;margin-top:12px}
.cart-f{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted)}
.cart-f input{font:inherit;font-size:14px;color:var(--ink);padding:8px 10px;border:1px solid var(--line,#e4e0ea);border-radius:8px;background:var(--card,#fff)}
.cart-f-wide{grid-column:1/-1}
@media (max-width:640px){.cart-fields{grid-template-columns:1fr}}
.block:has(> div > .cart-fields) > div:first-child{flex:1;min-width:0}
.cart-fields{max-width:560px}
.bal-unpaid{display:inline-block;margin-top:6px;font-size:11.5px;white-space:normal;text-transform:none;background:var(--rose-bg,#fdecef)!important;color:var(--rose,#c2264b)!important}
.money-notes{margin-top:9px;display:grid;gap:5px;font-size:13px;color:var(--muted);line-height:1.4}
.money-notes>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.adm-dispute{margin-top:6px;font-size:12px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.adm-dispute .tag{text-transform:none}

.ohist{margin-top:18px;border-top:1px solid var(--line,#e8e4ef);padding-top:14px}
.ohist h4{margin:0 0 10px;font-size:14px}
.ohist-msg{margin:0;color:var(--muted);font-size:13px}
.ohist-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;position:relative}
.ohist-list li{display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:start;position:relative}
.ohist-list li:not(:last-child)::after{content:"";position:absolute;left:5px;top:16px;bottom:-12px;width:2px;background:var(--line,#e8e4ef)}
.ohist-dot{width:12px;height:12px;border-radius:50%;background:var(--violet,#6d3bd1);margin-top:3px;box-shadow:0 0 0 3px var(--violet-100,#efe8fc)}
.ohist-list b{display:block;font-size:13.5px;font-weight:600;line-height:1.35}
.ohist-list small{color:var(--muted);font-size:12px}
.ohist-modal{min-width:min(440px,80vw);max-height:70vh;overflow:auto}
.ohist-modal .ohist{border-top:0;margin-top:8px;padding-top:0}
.linkbtn{border:0;background:none;padding:0;color:var(--violet,#6d3bd1);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}

.vben{margin:28px 0 0;text-align:left}
.vben h3{margin:0 0 14px;font-size:18px}
.vben-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.vben-compact .vben-grid{grid-template-columns:1fr}
.vben-item{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:14px;border:1px solid var(--line,#e8e4ef);border-radius:12px;background:var(--card,#fff)}
.vben-hi{border-color:var(--violet-200,#d9c9f7);background:var(--violet-50,#f7f3fe)}
.vben-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--violet-100,#efe8fc);color:var(--violet,#6d3bd1)}
.vben-item b{display:block;font-size:14.5px;margin-bottom:3px}
.vben-item p{margin:0;font-size:13px;line-height:1.45;color:var(--muted)}

/* Rubbli notices (toast) */
.toast{display:none!important}
.toast-stack{position:fixed;right:22px;bottom:104px;z-index:400;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none;max-width:min(420px,calc(100vw - 32px))}
.rtoast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;background:var(--card,#fff);color:var(--ink,#1c1530);border:1px solid var(--line,#e8e4ef);border-left:4px solid var(--rt,#16a34a);border-radius:12px;padding:13px 12px 13px 14px;box-shadow:0 14px 34px -14px rgba(28,21,48,.35),0 2px 6px rgba(28,21,48,.06);font-size:14.5px;font-weight:600;line-height:1.4;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1);width:100%}
.rtoast.in{opacity:1;transform:none}
.rtoast.out{opacity:0;transform:translateY(8px) scale(.98)}
.rtoast-success{--rt:#16a34a;--rt-bg:#dcfce7}
.rtoast-error{--rt:#dc2626;--rt-bg:#fee2e2}
.rtoast-info{--rt:#6d3bd1;--rt-bg:#efe8fc}
.rtoast-ico{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--rt-bg);color:var(--rt);margin-top:-2px}
.rtoast-msg{flex:1;min-width:0;padding-top:1px}
.rtoast-x{flex:0 0 auto;border:0;background:none;color:var(--muted,#8a8392);font-size:20px;line-height:1;cursor:pointer;padding:0 2px;margin-top:-1px;border-radius:6px}
.rtoast-x:hover{color:var(--ink,#1c1530);background:var(--violet-50,#f7f3fe)}
@media (max-width:640px){
  .toast-stack{left:16px;right:16px;bottom:auto;top:calc(env(safe-area-inset-top,0px) + 12px);align-items:stretch;max-width:none;flex-direction:column}
  .rtoast{transform:translateY(-12px) scale(.98)}
  .rtoast.out{transform:translateY(-8px) scale(.98)}
}
@media (prefers-reduced-motion:reduce){.rtoast,.rtoast.out{transition:opacity .15s;transform:none}}
.vben-grid > .vben-item:last-child:nth-child(odd){grid-column:1/-1}
.renter-rating{flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:5px 10px}
.renter-rating .rr-top{display:inline-flex;align-items:center;gap:5px}
.renter-rating .rr-again{font-weight:500;color:#8a6a10;padding-left:17px}
.renter-rating{width:fit-content;max-width:100%}
.lt-link{color:inherit;text-decoration:none;border-bottom:1px solid transparent;cursor:pointer}
.lt-link:hover,.lt-link:focus-visible{color:var(--violet,#6d3bd1);border-bottom-color:currentColor}

.adm-listing-cell{display:flex;align-items:center;gap:12px;min-width:0}
.adm-thumb{width:48px;height:48px;border-radius:10px;object-fit:cover;flex:0 0 48px;background:var(--violet-50,#faf7ff);border:1px solid var(--line,#e9e4f5)}
.adm-thumb-empty{display:block}
.lt-link{border-bottom:1px dashed rgba(124,58,237,.35)}

/* Admin analytics */
.aa{margin-top:34px;display:flex;flex-direction:column;gap:18px}
.aa.aa-busy .aa-body{opacity:.55;transition:opacity .15s}
.aa-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;border-top:1px solid var(--line);padding-top:26px}
.aa-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--violet-600)}
.aa-head h2{margin:4px 0 0;font-size:26px;letter-spacing:-.02em}
.aa-controls{display:flex;flex-wrap:wrap;gap:10px}
.aa-seg{display:flex;gap:4px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px}
.aa-seg button{font:inherit;font-size:14px;font-weight:600;border:0;border-radius:9px;padding:0 15px;min-height:38px;cursor:pointer;background:transparent;color:var(--body-text)}
.aa-seg button.on{background:var(--violet);color:#fff;font-weight:700}
.aa-body{display:flex;flex-direction:column;gap:16px}
.aa-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.aa-kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:5px}
.aa-kpi-l{font-size:13px;font-weight:600;color:var(--body-text)}
.aa-kpi-v{font-size:27px;font-weight:800;letter-spacing:-.02em}
.aa-kpi-s{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--body-text)}
.aa-delta{font-weight:700;border-radius:999px;padding:2px 8px;background:#F4F2F8;color:var(--body-text)}
.aa-delta.up{background:#ECFDF5;color:#047857}.aa-delta.down{background:#FFF1F4;color:#9F1239}.aa-delta.warn{background:#FEF3C7;color:#92400E}
.aa-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:16px}
.aa-grid2.tight{gap:22px}
.aa-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;gap:12px;min-width:0}
.aa-card h3{margin:0;font-size:17px}.aa-card-h p{margin:4px 0 0;font-size:13px;color:var(--body-text)}
.aa-card h4{margin:0 0 8px;font-size:14px}
.aa-bars{height:220px;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid var(--line);padding-top:20px}
.aa-bar-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.aa-bar-val{font-size:10.5px;font-weight:700;color:var(--body-text);margin-bottom:4px;white-space:nowrap}
.aa-bar{width:100%;max-width:44px;border-radius:7px 7px 3px 3px;background:#C4B5FD}
.aa-bar.now{background:var(--violet-600)}
.aa-bar.stacked{border-radius:0 0 3px 3px}
.aa-bar-fee{width:100%;max-width:44px;background:#F59E0B;border-radius:7px 7px 0 0}
.aa-bar-labels{display:flex;gap:6px;margin-top:-4px}
.aa-bar-labels span{flex:1;min-width:0;text-align:center;font-size:11px;color:var(--body-text);overflow:hidden;white-space:nowrap}
.aa-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--body-text)}
.aa-track{height:11px;background:var(--violet-100);border-radius:999px;overflow:hidden}
.aa-track.big{height:13px}.aa-track.amber{background:#FEF3C7;margin-top:4px}
.aa-fill{height:100%;border-radius:999px;background:var(--violet)}
.aa-fill.amber{background:#F59E0B}
.aa-hbar{display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr) 48px;gap:12px;align-items:center;font-size:13.5px}
.aa-hbar span{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aa-hbar b{text-align:right;color:var(--body-text)}
.aa-funnel{display:flex;flex-direction:column;gap:5px}
.aa-funnel-h{display:flex;justify-content:space-between;font-size:13.5px}.aa-funnel-h span:first-child{font-weight:600}
.aa-funnel small{font-size:12px;color:#9F1239}
.aa-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.aa-mini div{background:var(--violet-50);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column}
.aa-mini small{font-size:12px;color:var(--body-text)}
.aa-senti{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px}
.aa-rating{font-size:42px;font-weight:800;letter-spacing:-.03em;display:flex;align-items:center;gap:8px}
.aa-rating span,.aa-star{color:#B45309}.aa-rating span{font-size:26px}
.aa-split{display:flex;height:14px;border-radius:999px;overflow:hidden;gap:2px;margin:10px 0}
.aa-split .pos{background:#047857}.aa-split .neu{background:#A8A2B8}.aa-split .neg{background:#BE123C}
.aa-split-l{display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.aa-split-l b.pos,.aa-pos{color:#047857}.aa-split-l b.neu{color:var(--body-text)}.aa-split-l b.neg{color:#BE123C}
.aa-theme{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;margin-bottom:7px;font-size:13.5px}
.aa-theme > span:first-child{font-weight:600;min-width:0}
.aa-theme > span:last-child{display:flex;gap:8px;align-items:center;flex-shrink:0}
.aa-theme small{font-size:12px;color:var(--body-text)}
.aa-block{display:block;font-weight:500}
.aa-quote{background:var(--violet-50);border-radius:12px;padding:10px 12px;margin-bottom:8px}
.aa-quote div{display:flex;justify-content:space-between;gap:8px;font-size:12px}
.aa-quote p{margin:6px 0 0;font-size:13.5px;line-height:1.45}
.aa-tag{font-size:12px;font-weight:700;border-radius:999px;padding:3px 9px;white-space:nowrap}
.aa-tag.pos{color:#047857;background:#ECFDF5}.aa-tag.neg{color:#9F1239;background:#FFF1F4}.aa-tag.mix{color:#92400E;background:#FEF3C7}.aa-tag.neu{color:var(--body-text);background:#F4F2F8}
.aa-table{overflow-x:auto}
.aa-row{display:grid;gap:12px;align-items:center;padding:11px 8px;border-bottom:1px solid var(--violet-100);font-size:13.5px}
.aa-row .r{text-align:right}
.aa-head.aa-row{color:var(--body-text);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom-color:var(--line)}
.aa-cust{grid-template-columns:minmax(130px,1.3fr) minmax(90px,1fr) 64px 84px minmax(90px,1fr) minmax(110px,1fr) 110px;min-width:760px}
.aa-shop{grid-template-columns:minmax(160px,1.6fr) 66px 62px 84px 110px 84px 84px 70px 96px;min-width:920px}
.aa-muted{color:var(--muted)}
.aa-sd{display:grid;grid-template-columns:minmax(110px,140px) minmax(0,1fr) 104px;gap:12px;align-items:center;font-size:13.5px}
.aa-sd > span:first-child{font-weight:600}.aa-sd .aa-tag{justify-self:end}
.aa-legend{display:flex;gap:16px;font-size:12.5px;color:var(--body-text)}
.aa-legend span{display:flex;align-items:center;gap:6px}.aa-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}
.aa-legend i.v{background:var(--violet)}.aa-legend i.a{background:#F59E0B}
.aa-pipe{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:6px}
.aa-pipe div{background:var(--violet-50);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.aa-pipe div.amber{background:#FEF3C7}.aa-pipe div.green{background:#ECFDF5}
.aa-pipe b{font-size:21px}.aa-pipe small{font-size:12px;color:var(--body-text)}
.aa-empty{margin:0;color:var(--muted);font-size:13.5px}
.aa-note{margin:6px 0 0;font-size:12.5px;color:#92400E;background:#FEF3C7;border-radius:10px;padding:8px 10px}
.aa-warn{color:#B45309}
.aa-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:1280px){.aa-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:640px){.aa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.aa-kpi-v{font-size:22px}.aa-hbar,.aa-sd{grid-template-columns:96px minmax(0,1fr) 44px}.aa-sd{grid-template-columns:96px minmax(0,1fr) auto}}

.listing-section-h{display:flex;align-items:center;gap:10px;font-size:20px;margin:6px 0 14px;letter-spacing:-.01em}
.listing-section-h span{width:28px;height:28px;border-radius:50%;background:var(--violet-100);color:var(--violet-600);display:inline-grid;place-items:center;font-size:14px;font-weight:800}
.listing-section-h:not(:first-child){margin-top:30px}
.listing-create-actions{display:flex;gap:10px;justify-content:flex-end;margin:26px 0 10px;padding-top:18px;border-top:1px solid var(--line)}

.admin-thread{display:flex;flex-direction:column;gap:8px;margin:12px 0 14px;padding-left:12px;border-left:2px solid var(--violet-100)}
.admin-thread-msg{max-width:80%;border-radius:12px;padding:9px 12px;font-size:14px;line-height:1.45}
.admin-thread-text{white-space:pre-wrap}
.admin-thread-msg.from-rubbli{align-self:flex-end;background:var(--violet-100);color:var(--ink)}
.admin-thread-msg.from-user{align-self:flex-start;background:#fff;border:1px solid var(--line)}
.admin-thread-who{font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:3px;white-space:normal}

/* Create listing: one item / several items */
.bulk-mode{display:inline-flex;gap:4px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px;margin:0 0 18px}
.bulk-mode button{font:inherit;font-size:14px;font-weight:600;border:0;border-radius:9px;padding:0 16px;min-height:40px;background:transparent;color:var(--body-text);cursor:pointer}
.bulk-mode button.on{background:var(--violet);color:#fff;font-weight:700}
.bulk-stepper{display:flex;align-items:center;gap:12px;margin-bottom:26px;flex-wrap:wrap}
.bulk-stepper span{display:flex;align-items:center;gap:9px;padding:11px 18px;border-radius:12px;font-weight:700;font-size:15px;background:#f3effc;color:#746d8f;border:1px solid #e5def5}
.bulk-stepper span.on{background:#7c3aed;color:#fff;border-color:#7c3aed}
.bulk-stepper i{font-style:normal;width:25px;height:25px;border-radius:50%;display:inline-grid;place-items:center;background:#fff;font-size:13px}
.bulk-stepper span.on i{background:rgba(255,255,255,.2)}
.bulk-stepper b{width:32px;height:2px;background:#ddd5ee}
.bulk-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.bulk-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.bulk-csv{cursor:pointer;display:inline-flex;align-items:center}
.bulk-shared h3{margin:0 0 12px}
.bulk-shared-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.bulk-shared-grid .fb{margin:0}
.bulk-table-wrap{overflow-x:auto}
.bulk-table{min-width:1220px}
.bulk-row{display:grid;grid-template-columns:172px minmax(170px,1.3fr) minmax(200px,1.6fr) minmax(150px,1fr) 70px 96px 86px 160px 40px;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid var(--violet-100)}
.bulk-row-head{align-items:center;padding:4px 0 10px;border-bottom-color:var(--line);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--body-text)}
.bulk-row input,.bulk-row select,.bulk-row textarea{font:inherit;font-size:14px;color:var(--ink);padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;min-height:44px;box-sizing:border-box;width:100%}
.bulk-row textarea{min-height:58px;resize:vertical;font-size:13.5px;margin-top:6px}
.bulk-row input[data-bulk-field="title"]{font-weight:600}
.bulk-row input[data-bulk-field="price"]{font-weight:700}
.bulk-name{display:flex;flex-direction:column;min-width:0}
.bulk-issue{color:#92400E;font-weight:600;font-size:12px;margin-top:5px}
.bulk-photo{width:66px;height:66px;border-radius:12px;border:1.5px dashed #c4b5fd;background:var(--violet-50);display:grid;place-items:center;cursor:pointer;position:relative;overflow:hidden;color:var(--violet-600);font-size:12px;font-weight:700;text-align:center}
.bulk-photo.has{border-style:solid;border-color:var(--line)}
.bulk-photo img{width:100%;height:100%;object-fit:cover}
.bulk-photo em{position:absolute;right:4px;bottom:4px;font-style:normal;background:rgba(15,10,30,.75);color:#fff;font-size:11px;border-radius:999px;padding:1px 6px}
.bulk-del{width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.bulk-del:hover{background:var(--rose-bg);color:var(--rose)}
.bulk-add{display:flex;gap:10px;flex-wrap:wrap;padding-top:14px}
.bulk-add-btn{background:var(--violet-100);color:var(--violet-600);font-weight:700}
.bulk-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin:18px 0 10px}
.bulk-foot > div:first-child{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px}
.bulk-foot-btns{display:flex;gap:10px}
.bulk-warn{font-weight:700;color:#92400E;background:#FEF3C7;border-radius:999px;padding:3px 10px;font-size:13px}
.bulk-muted{color:var(--muted);font-size:13px}
.bulk-review{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px;margin-bottom:16px}
.bulk-rev-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}
.bulk-rev-card img,.bulk-rev-noimg{width:96px;height:96px;border-radius:12px;object-fit:cover;background:var(--violet-50);display:block}
.bulk-rev-card h3{margin:0 0 4px;font-size:16px}
.bulk-rev-card p{margin:0 0 6px;font-size:13.5px;line-height:1.45}
.bulk-rev-meta{color:var(--body-text);font-weight:600}
.bulk-rev-desc{color:var(--body-text)}
.bulk-rev-pay{color:#047857;font-size:12.5px!important;font-weight:600}
.bulk-shared-sum{font-size:14px}

/* Create listing: compact layout */
#view-listgear #listGearBody{padding-top:22px}
#view-listgear .listing-stepper{margin-bottom:16px!important;gap:10px!important}
#view-listgear .listing-stepper > div:nth-child(odd){padding:7px 14px!important;font-size:14px!important;border-radius:10px!important}
#view-listgear .listing-stepper > div:nth-child(odd) span{width:22px!important;height:22px!important;font-size:12px!important}
#view-listgear .bulk-stepper{margin-bottom:16px}
#view-listgear .bulk-stepper span{padding:7px 14px;font-size:14px}
#view-listgear .bulk-mode{margin-bottom:12px}
#view-listgear .ptitle{font-size:30px;margin:0 0 2px;line-height:1.15}
#view-listgear .psub{margin:0 0 14px;font-size:14.5px}
#view-listgear .block{padding:16px 18px;margin-bottom:12px}
#view-listgear .listing-details-grid{gap:20px!important}
#view-listgear .fb{margin-bottom:10px}
#view-listgear .listing-details-grid textarea{min-height:84px!important}
#view-listgear .listing-section-h{font-size:17px;margin:2px 0 10px}
#view-listgear .listing-section-h:not(:first-child){margin-top:18px}
#view-listgear .listing-section-h span{width:24px;height:24px;font-size:12px}
#view-listgear .listing-create-actions{margin:14px 0 6px;padding-top:12px}
#view-listgear .pricing-layout{gap:18px!important}
#view-listgear #wPhotoPreview{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;width:100%}
/* Review */
.lr{display:grid;grid-template-columns:minmax(0,5fr) minmax(300px,4fr);gap:18px;align-items:start}
.lr-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.lr-card #reviewMainPhotoWrap{aspect-ratio:16/9!important;max-height:240px!important;border-radius:0!important;border:0!important;margin:0!important}
.lr-card > div:first-child{margin-bottom:0!important}
.lr-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.lr-chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lr-body h3{margin:2px 0 0;font-size:19px}
.lr-price{font-weight:700;font-size:15px}
.lr-desc{margin:4px 0 0;color:var(--body-text);font-size:14px;line-height:1.5;white-space:pre-wrap}
.lr-side{background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px 16px 16px}
.lr-list{margin:0}
.lr-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--violet-100);font-size:14px}
.lr-row dt{color:var(--body-text);font-weight:600}
.lr-row dd{margin:0;text-align:right;font-weight:700}
.lr-row dd small{display:block;font-weight:500;font-size:12px;color:var(--muted)}
.lr-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
@media(max-width:800px){.lr{grid-template-columns:1fr}.lr-actions .btn{flex:1}}
@media(max-width:699px){#view-listgear .ptitle{font-size:25px}}
#view-listgear .lr-card #reviewMainPhotoWrap{height:230px!important;max-height:230px!important;aspect-ratio:auto!important}
@media(max-width:699px){#view-listgear .lr-card #reviewMainPhotoWrap{height:200px!important;max-height:200px!important}}

.bulk-row-head small{font-weight:500;text-transform:none;letter-spacing:0}
.bulk-photos{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;max-width:172px;scrollbar-width:thin}
.bulk-photos.need .bulk-photo-add{border-color:#F59E0B;background:#FFFBEB;color:#92400E}
.bulk-thumb{position:relative;flex:0 0 52px;height:52px;border-radius:10px;overflow:hidden;border:1px solid var(--line);scroll-snap-align:start}
.bulk-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.bulk-thumb button{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:0;background:rgba(15,10,30,.72);color:#fff;font-size:14px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.bulk-photo-add{flex:0 0 52px;height:52px;border-radius:10px;border:1.5px dashed #c4b5fd;background:var(--violet-50);color:var(--violet-600);font-size:12px;font-weight:700;display:grid;place-items:center;cursor:pointer;text-align:center;line-height:1.1}
.bulk-photos.need .bulk-photo-add{flex-basis:100%;max-width:120px}
.bulk-row input{min-height:44px}
.bulk-deliv{display:flex;flex-direction:column;gap:6px}
.bulk-deliv select{font:inherit;font-size:14px;color:var(--ink);padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;min-height:44px;width:100%}
.bulk-table{min-width:1280px}

/* Create listing: details & photos left, price & delivery right */
#view-listgear .lc-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
#view-listgear .lc-col{min-width:0}
#view-listgear .lc-2col .listing-section-h{margin-top:2px!important}
#view-listgear .lc-2col .listing-details-grid{grid-template-columns:1fr!important;gap:0!important}
#view-listgear .lc-2col .listing-details-grid>div+div{margin-top:4px}
#view-listgear .lc-2col .listing-details-grid textarea{min-height:90px}
#view-listgear .lc-2col .block{padding:16px 18px}
#listGearBody .lc-2col .pricing-layout{display:block!important}
#listGearBody .lc-2col .pricing-summary{margin-top:14px!important}
#listGearBody .lc-2col .listing-step-wide{max-width:none!important}
@media(max-width:900px){#view-listgear .lc-2col{grid-template-columns:1fr;gap:6px}}

/* Item details: tighter, more professional layout */
#view-detail .crumb{margin-bottom:12px;font-size:13px}
#view-detail .detail-premium{gap:32px!important}
html body #view-detail .detail-premium .dhero,html body #view-detail .detail-premium [data-photo-gallery] .detail-listing-hero{height:340px!important;border-radius:12px!important;background:#f4f2f7!important}
#view-detail .detail-head{margin-top:16px!important;gap:16px!important;align-items:center!important}
#view-detail .detail-premium .dtitle{font-size:26px!important;line-height:1.2!important;margin:0 0 4px!important;font-weight:700}
#view-detail .detail-head [data-open-shop]{font-size:14px!important}
#view-detail .detail-head > div:first-child > div{font-size:13px!important;margin-top:3px!important}
#view-detail .detail-head > div:last-child{gap:10px!important;padding-top:0!important}
#view-detail .detail-head > div:last-child > span{font-size:13px!important;font-weight:600!important}
#view-detail .detail-head .btn-sm{padding:6px 12px!important;min-height:32px!important;font-size:13px!important}
#view-detail .specs{display:flex!important;flex-wrap:wrap;gap:0!important;margin:14px 0 4px!important;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;max-width:none!important}
#view-detail .specs .spec{flex:1 1 0;min-width:120px;border:0!important;border-radius:0!important;padding:10px 16px!important;margin:0!important;box-shadow:none!important;background:transparent!important}
#view-detail .specs .spec+.spec{border-left:1px solid var(--line)!important}
#view-detail .specs .spec dt{font-size:11px!important;letter-spacing:.05em;margin:0 0 2px!important}
#view-detail .specs .spec dd{font-size:15px!important;font-weight:700;margin:0!important}
#view-detail .dsec{padding:18px 0!important;margin:0!important}
#view-detail .dsec h3{font-size:17px!important;margin:0 0 8px!important}
#view-detail .dsec p{font-size:14.5px;line-height:1.55}
#view-detail .listing-policy-accordion summary{font-size:16px}
#view-detail .areabox{padding:14px 16px!important}
#view-detail .citychip{font-size:12px!important;padding:4px 10px!important}
/* booking card */
#view-detail .bookcard{padding:20px 22px!important;border-radius:14px!important}
#view-detail .bookcard .detail-book-eyebrow{font-size:11px;margin-bottom:4px}
#view-detail .bookcard .bprice{font-size:26px!important;line-height:1.1}
#view-detail .bookcard .bprice span{font-size:14px!important}
#view-detail .bookcard .detail-trust-inline{font-size:11.5px}
#view-detail .bookcard .detail-card-title{font-size:15px!important;font-weight:700;margin:12px 0 0!important}
#view-detail .bookcard .detail-owner-link{font-size:13.5px!important;margin:2px 0 12px!important}
#view-detail .bookcard .inrow{gap:8px!important}
#view-detail .bookcard .in{padding:8px 12px!important;min-height:0!important;border-radius:8px!important}
#view-detail .bookcard .in label{font-size:10.5px!important;margin-bottom:2px!important}
#view-detail .bookcard .in input,#view-detail .bookcard .in select{font-size:14.5px!important;height:24px!important;min-height:0!important;padding:0!important}
#view-detail .bookcard #calc{margin-top:14px!important;font-size:14px}
#view-detail .bookcard .detail-actions{gap:8px!important}
#view-detail .bookcard .detail-actions .btn{min-height:42px!important;padding:10px 16px!important}
#view-detail .bookcard .note{font-size:12px!important;margin-top:10px!important}
@media(max-width:800px){#view-detail .specs .spec{padding:8px 12px!important}#view-detail .detail-head{flex-wrap:wrap}}
#view-detail .detail-head > div:first-child > div{white-space:nowrap}
#view-detail #calc .cl{padding:4px 0!important;margin:0!important;font-size:14px}
#view-detail #calc .ctot{margin-top:8px!important;padding-top:10px!important}
#view-detail .listing-policy-accordion summary{padding:4px 0!important}
@media(max-width:1200px){#view-detail .detail-head{flex-direction:column;align-items:flex-start!important;gap:10px!important}#view-detail .detail-head > div:last-child{justify-content:flex-start!important}}

/* Several items review: one item per line, with Edit / Remove */
.bulk-review{grid-template-columns:1fr!important;gap:10px!important}
.bulk-rev-card{grid-template-columns:84px minmax(0,1fr) auto!important;align-items:center;padding:12px 14px!important;border-radius:12px!important}
.bulk-rev-card img,.bulk-rev-noimg{width:84px!important;height:84px!important;border-radius:10px!important}
.bulk-rev-card p{margin:0 0 3px!important}
.bulk-rev-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bulk-rev-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.bulk-rev-remove{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #f3c7c3;background:#fff;color:#b42318;border-radius:8px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.bulk-rev-remove:hover{background:#fef3f2}
@media(max-width:640px){.bulk-rev-card{grid-template-columns:64px minmax(0,1fr)!important}.bulk-rev-card img,.bulk-rev-noimg{width:64px!important;height:64px!important}.bulk-rev-actions{grid-column:1/-1;flex-direction:row;justify-content:flex-end}}
#view-listgear #wPhotoPreview img{height:auto!important;aspect-ratio:4/3;border-radius:8px!important}
#view-listgear #wPhotoPreview button{all:unset;position:absolute!important;top:4px!important;right:4px!important;width:20px!important;height:20px!important;border-radius:50%!important;border:0!important;box-shadow:none!important;background:rgba(17,17,17,.7)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;line-height:20px!important;text-align:center!important;cursor:pointer;box-sizing:border-box}
#view-listgear #wPhotoPreview button:hover{background:#b42318!important}
@media(max-width:520px){#view-listgear #wPhotoPreview{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* Create listing: price + deposit small, side by side, note beside them */
#view-listgear #listGearBody .pricing-form .inrow.price-row{grid-template-columns:minmax(0,130px) minmax(0,160px) minmax(0,1fr)!important;align-items:center}
#view-listgear #listGearBody .pricing-form .inrow.price-row > .in.full{grid-column:1/-1!important}
#view-listgear #listGearBody .pricing-form .price-row .in:not(.full){min-height:0!important;padding:8px 12px!important}
#view-listgear .dep-note{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
@media(max-width:520px){#view-listgear #listGearBody .pricing-form .inrow.price-row{grid-template-columns:1fr 1fr!important}#view-listgear .dep-note{grid-column:1/-1}}
#view-listgear .lc-2col .dlv-card{padding:10px;gap:8px;position:relative}
#view-listgear .lc-2col .dlv-icon{width:30px!important;height:30px!important;flex:0 0 30px!important}
#view-listgear .lc-2col .dlv-icon svg{width:16px!important;height:16px!important}
#view-listgear .lc-2col .dlv-text b{font-size:13.5px!important;white-space:nowrap}
#view-listgear .lc-2col .dlv-text small{font-size:11.5px!important;line-height:1.3}
#view-listgear .lc-2col .dlv-radio{position:absolute!important;top:8px;right:8px;width:14px!important;height:14px!important}
#view-listgear .price-row .in label{white-space:nowrap}
#view-listgear .lc-2col .pricing-summary-card{padding:14px 18px!important}
#view-listgear .lc-2col .pricing-summary-card h3{font-size:16px!important;margin:0 0 6px!important}
#view-listgear .lc-2col .pricing-summary-card .cl{padding:3px 0!important;font-size:13.5px!important;margin:0!important}
#view-listgear .lc-2col .pricing-summary-card .ctot{font-size:16px!important;margin-top:6px!important;padding-top:8px!important}
/* Details: title + qty on one line, then category, description, photos */
#view-listgear .listing-details-grid.ld-stack{display:block!important}
#view-listgear .ld-row-tq{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:10px;align-items:stretch}
#view-listgear .ld-row-tq #wQtyLabel{line-height:1.25}
#view-listgear .ld-stack > .fb{margin-top:10px}
#view-listgear .ld-stack textarea{min-height:80px!important}
@media(max-width:520px){#view-listgear .ld-row-tq{grid-template-columns:minmax(0,1fr) 130px}}

#view-listgear .lc-col .listing-create-actions{border-top:0!important;padding-top:0!important;margin:14px 0 6px!important}

/* Item photo: just the picture — the frame hugs the photo, no filler */
html body #view-detail .detail-premium [data-photo-gallery]{justify-items:center}
html body #view-detail .detail-premium [data-photo-gallery] .detail-listing-hero{height:auto!important;width:fit-content!important;max-width:100%!important;background:transparent!important;border:0!important;border-radius:12px!important;overflow:hidden}
html body #view-detail .detail-premium [data-photo-gallery] .detail-listing-hero img.dhero-main{width:auto!important;height:auto!important;max-width:100%!important;max-height:440px!important;object-fit:contain!important}
#view-detail .detail-listing-hero .catchip,#view-detail .detail-listing-hero .tscore{z-index:3}
@media(max-width:800px){html body #view-detail .detail-premium [data-photo-gallery] .detail-listing-hero img.dhero-main{max-height:320px!important}}

/* Checkout: tighter */
#view-checkout .steps{margin-bottom:8px}
#view-checkout .ptitle{font-size:30px!important;margin:4px 0 4px!important}
#view-checkout .psub{font-size:14px!important;margin-bottom:16px!important}
#view-checkout .cowrap{gap:24px!important}
#view-checkout .cowrap .block{padding:16px 20px!important;margin-bottom:12px!important;border-radius:12px!important}
#view-checkout .cowrap .block h3{font-size:17px!important;margin:0 0 2px!important}
#view-checkout .cowrap .bhint{font-size:13px!important;margin:0 0 10px!important}
#view-checkout .co-details-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
#view-checkout .cowrap .in{padding:8px 12px!important;min-height:0!important;border-radius:8px!important}
#view-checkout .cowrap .in label{font-size:10.5px!important;margin-bottom:2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-checkout .cowrap .in input,#view-checkout .cowrap .in select{font-size:14.5px!important;height:24px!important;min-height:0!important;padding:0!important}
#view-checkout .cowrap textarea{min-height:70px!important}
#view-checkout .bookcard{padding:18px 20px!important;border-radius:14px!important}
#view-checkout .bookcard > div:first-child{margin-bottom:12px!important}
#view-checkout .co-thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;flex:none;background:#f4f2f7}
#view-checkout .co-thumb img{width:100%;height:100%;object-fit:cover;display:block}
#view-checkout #cCalc .cl{padding:4px 0!important;margin:0!important;font-size:14px}
#view-checkout #cCalc .ctot{margin-top:8px!important;padding-top:10px!important}
#view-checkout .bookcard .note{font-size:12px!important;margin-top:8px!important}
@media(max-width:800px){#view-checkout .co-details-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}#view-checkout .ptitle{font-size:24px!important}}
#view-checkout .cowrap .opt{padding:10px 14px!important;margin-bottom:8px!important;border-radius:10px!important}
#view-checkout .cowrap .opt b{font-size:14.5px}
#view-checkout .cowrap .opt small{font-size:12.5px}
#browseResults{scroll-margin-top:118px}
@media(max-width:800px){#browseResults{scroll-margin-top:140px}}
/* Several items: AI write button inside the description box */
.bulk-desc{position:relative;min-width:0}
.bulk-desc input{width:100%;padding-right:78px!important;box-sizing:border-box}
.bulk-ai{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;border:1px solid var(--violet-100);background:var(--violet-50);color:var(--violet-600);border-radius:6px;padding:4px 8px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.bulk-ai:hover{background:var(--violet-100)}
.bulk-tools .btn{display:inline-flex;align-items:center;gap:7px}
@media(min-width:900px){.bulk-head{flex-wrap:nowrap}.bulk-tools{flex:none}}

/* Item page: photo strip on the left (like big retail sites) */
html body #view-detail .detail-premium [data-photo-gallery].dgallery-multi{grid-template-columns:72px minmax(0,1fr);align-items:start;justify-items:stretch}
html body #view-detail .dgallery-multi .detail-listing-hero{justify-self:center}
#view-detail .dthumbs{display:flex;flex-direction:column;gap:8px;max-height:440px;overflow-y:auto;padding:2px;scrollbar-width:thin}
#view-detail .dthumb{all:unset;cursor:pointer;width:64px;height:64px;border-radius:8px;overflow:hidden;flex:none;outline-offset:1px;background:#f4f2f7;transition:opacity .12s}
#view-detail .dthumb:hover{opacity:1!important}
#view-detail .dthumb:focus-visible{outline:2px solid #6F32EE!important}
#view-detail .dthumb img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:800px){html body #view-detail .detail-premium [data-photo-gallery].dgallery-multi{grid-template-columns:1fr}#view-detail .dthumbs{order:2;flex-direction:row;max-height:none;overflow-x:auto}#view-detail .dthumb{width:56px;height:56px}}
.rlink{color:inherit;text-decoration:none}.rlink:hover{color:var(--violet);text-decoration:underline;text-underline-offset:3px}

/* Public shop page: tighter */
#view-shop .page{padding-top:16px!important}
#view-shop .crumb{margin-bottom:10px!important;padding-top:0!important}
#view-shop .shop-hero{padding:18px 22px!important;margin-bottom:14px!important;border-radius:14px!important}
#view-shop .shop-hero > div{align-items:center!important;gap:16px!important}
#view-shop .shop-hero .shop-name{font-size:28px!important;margin:2px 0 2px!important}
#view-shop .shop-hero .psub{font-size:14px!important}
#view-shop .shop-hero [data-report-shop]{margin-top:6px!important;font-size:12.5px!important;color:var(--muted)!important}
#view-shop .shop-hero > div > div:first-child > div:first-child{margin-bottom:2px!important;font-size:13.5px}
#view-shop .shop-hero .spec{min-width:96px!important;padding:8px 14px!important;border-radius:10px!important}
#view-shop .shop-hero .spec dt{font-size:10.5px!important;margin-bottom:2px!important}
#view-shop .shop-hero .spec dd{font-size:16px!important;margin:0!important}
#view-shop .shop-hero > div > div:last-child{gap:8px!important}
#view-shop .shop-hero .btn-p{min-width:0!important;padding:9px 18px!important;justify-self:stretch!important}
#view-shop .shop-filterbar{padding:10px 12px!important;border-radius:12px!important;margin-bottom:16px!important}
#view-shop .shop-filterbar input,#view-shop .shop-filterbar select,#view-shop .shop-filterbar .btn{min-height:40px!important}
#view-shop .shop-list-h{font-size:20px!important}
@media(max-width:800px){
 #view-shop .shop-filterbar > div{grid-template-columns:1fr!important;gap:8px!important}
 #view-shop .shop-filterbar > div > div:nth-child(2){display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto}
 #view-shop .shop-filterbar > div > div:nth-child(2) .btn{flex:1 0 auto;padding:8px 12px!important;white-space:nowrap}
 #view-shop .shop-hero .spec{min-width:0!important;flex:1}
 #view-shop .shop-hero > div > div:last-child > div:first-child{flex-wrap:nowrap!important;width:100%}
}
.charge-note{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:10px;background:#ecfdf3;border:1px solid #c7ecd6;color:#065f46;font-size:13px;line-height:1.45;font-weight:600}.charge-note svg{flex:none;margin-top:1px}
/* Admin → Shops → Performance */
.sp-viewtabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff;margin:6px 0 14px}
.sp-viewtabs button{all:unset;cursor:pointer;padding:7px 14px;border-radius:7px;font-weight:700;font-size:14px;color:var(--body-text)}
.sp-viewtabs button.on{background:var(--violet);color:#fff}
.sp-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.sp-periods{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#fff}
.sp-periods button{all:unset;cursor:pointer;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;color:var(--body-text)}
.sp-periods button.on{background:var(--violet-50);color:var(--violet-600)}
.sp-search{border:1px solid var(--line);border-radius:9px;padding:8px 12px;font:inherit;font-size:14px;min-width:220px;background:#fff}
.sp-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px}
.sp-tiles > div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px}
.sp-tiles span{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.sp-tiles b{display:block;font-size:19px;margin-top:2px}
.sp-tiles small{font-size:11.5px;color:var(--muted)}
.sp-table{background:#fff;border:1px solid var(--line);border-radius:12px;overflow-x:auto}
.sp-row{display:grid;grid-template-columns:28px minmax(170px,1.6fr) repeat(9,minmax(78px,1fr));align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);min-width:1060px}
.sp-head{padding:8px 14px;background:#faf9fd;position:sticky;top:0}
.sp-th{all:unset;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);display:inline-flex;gap:4px;align-items:center;white-space:nowrap}
.sp-th i{font-style:normal;font-size:9px;opacity:.5}
.sp-th.on{color:var(--violet-600)}.sp-th.on i{opacity:1}
.sp-shop{cursor:pointer;font-size:14px}
.sp-shop:hover{background:#fcfbff}
.sp-shop.open{background:#f8f5ff}
.sp-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-c{font-variant-numeric:tabular-nums}
.sp-c small{color:var(--muted);font-size:11.5px;margin-left:2px}
.sp-star{color:#f5a524}
.sp-muted{color:var(--muted)}
.sp-arrow{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;color:var(--muted);font-size:16px;font-weight:700;transition:transform .15s}
.sp-shop.open .sp-arrow{transform:rotate(90deg);color:var(--violet-600)}
.sp-products{padding:6px 14px 12px 48px;border-bottom:1px solid var(--line);background:#fcfbff;min-width:1060px;box-sizing:border-box}
.sp-prow{display:grid;grid-template-columns:minmax(220px,2fr) repeat(7,minmax(70px,1fr));gap:6px;align-items:center;padding:6px 0;border-bottom:1px dashed #ece8f4;font-size:13.5px}
.sp-prow:last-child{border-bottom:0}
.sp-phead{padding:4px 0}
.sp-pname{display:flex;align-items:center;gap:8px;min-width:0}
.sp-pname a,.sp-pname > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-pname .adm-thumb{width:34px;height:34px;flex:none}
.sp-empty{padding:20px;color:var(--muted);text-align:center}
.sp-note{font-size:12px;color:var(--muted);margin-top:8px}
@media(max-width:900px){.sp-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Support tickets: open / close */
.sup-collapsible > summary{list-style:none;cursor:pointer}
.sup-collapsible > summary::-webkit-details-marker{display:none}
.sup-collapsible .admin-support-head{display:flex;align-items:flex-start;gap:10px}
.sup-arrow{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--violet-50);color:var(--violet-600);margin-top:1px;transition:transform .15s}
.sup-collapsible[open] .sup-arrow{transform:rotate(90deg)}
.sup-preview{margin:6px 0 0 36px;color:var(--muted);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sup-collapsible[open] .sup-preview{display:none}
.sup-collapsible .admin-support-meta{margin-left:36px}
.sup-collapsible:not([open]){padding-top:14px!important;padding-bottom:14px!important}
.svc-pickup-note{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;padding:10px 12px;border-radius:10px;background:var(--violet-50);border:1px solid var(--violet-100);color:var(--ink);font-size:13px;line-height:1.45}
.svc-pickup-note svg{flex:none;margin-top:1px;color:var(--violet-600)}
.pickup-ask .fb{margin-top:10px}
.pickup-ask small{display:block;margin-top:4px;font-size:12px}
/* Profile: As a renter / As a shop owner */
.prof-toggle{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#fff;margin:2px 0 14px}
.prof-toggle button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:9px;font-weight:700;font-size:14.5px;color:var(--body-text)}
.prof-toggle button[aria-selected="true"]{background:var(--violet);color:#fff}
.prof-toggle button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.prof-page[data-prof-view="renter"] .pv-shop,.prof-page[data-prof-view="shop"] .pv-renter{display:none!important}
@media(min-width:801px){.prof-stats.pv-shop{grid-template-columns:repeat(5,minmax(0,1fr))}}
.prof-page > .prof-toggle{width:fit-content;justify-self:start;align-self:flex-start}
/* Services where the customer picks the provider up */
.pickup-only{display:flex;gap:12px;align-items:flex-start;margin:14px 0 4px;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,#fff8eb,#fff3dc);border:1px solid #f6d9a8;color:#3d2a0a}
.pickup-only-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #f6d9a8;color:#b45309}
.pickup-only b{display:block;font-size:14.5px;margin-bottom:3px}
.pickup-only small{display:block;font-size:13px;line-height:1.5;color:#6b4a1a}
.pickup-only small b{display:inline;font-size:inherit;margin:0;color:#3d2a0a}
.pickup-only.compact{margin:6px 0 0;padding:11px 13px}
.pickup-only.compact .pickup-only-icon{width:30px;height:30px}
.card-pickup-tag{margin-top:8px;font-size:12px;font-weight:700;color:#8a4b06;background:#fff6e6;border:1px solid #f6d9a8;border-radius:999px;padding:4px 10px;width:fit-content}
/* ===== Admin → View as user ===== */
.va-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 12px}
.va-search{flex:1;min-width:260px;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font:inherit;font-size:14px;background:#fff}
.va-types{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#fff}
.va-types button{all:unset;cursor:pointer;padding:7px 12px;border-radius:7px;font-weight:700;font-size:13.5px;color:var(--body-text)}
.va-types button.on{background:var(--violet-50);color:var(--violet-600)}
.va-list,.va-log{background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px 18px}
.va-log{margin-top:18px;padding-top:12px}
.va-log-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.va-row{display:grid;grid-template-columns:2fr 1.2fr 1.1fr 1fr 1fr 130px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
.va-lrow{display:grid;grid-template-columns:1.1fr .8fr 2.6fr 1.4fr .7fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.va-row:last-child,.va-lrow:last-child{border-bottom:0}
.va-head{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.va-row b{display:block}.va-mask{color:var(--muted);letter-spacing:.03em}
.va-tags{display:flex;gap:4px;flex-wrap:wrap}
.va-tag{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--violet-50);color:var(--violet-600)}
.va-tag.shop{background:#e8f4ff;color:#1d5fa8}.va-tag.warn{background:#fff4dc;color:#a15c07}
.va-empty{padding:18px 0;color:var(--muted);text-align:center}
.va-rules{margin:10px 0;padding-left:18px;color:var(--body-text);font-size:13.5px;line-height:1.65}
@media(max-width:900px){.va-row{grid-template-columns:1fr 1fr}.va-row.va-head{display:none}.va-lrow{grid-template-columns:1fr}}

/* Read-only session banner */
#simBar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:12px;padding:8px 18px;background:#fff4dc;border-bottom:2px solid #f0b54a;color:#6b3f06;font-size:13.5px}
#simBar b{color:#3d2303}
.sim-pill{background:#b45309;color:#fff;font-weight:800;font-size:10.5px;letter-spacing:.06em;padding:4px 9px;border-radius:999px;flex:none}
.sim-who{white-space:nowrap}
.sim-reason{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a5a1a;font-style:italic}
.sim-actions{display:flex;gap:6px;flex:none}
.sim-btn{all:unset;cursor:pointer;padding:5px 11px;border-radius:7px;border:1px solid #e0b46a;font-weight:700;font-size:12.5px;color:#3d2303;background:rgba(255,255,255,.5)}
.sim-btn:hover{background:#fff}
.sim-exit{background:#3d2303;color:#fff;border-color:#3d2303}.sim-exit:hover{background:#5a3405}
.sim-hidden{display:flex;gap:10px;align-items:center;background:#f4f2f8;border:1px dashed #cfc8de;border-radius:10px;padding:12px 14px;color:var(--body-text);font-size:13.5px}
.sim-ended{position:fixed;inset:0;z-index:2000;background:rgba(20,10,40,.45);display:grid;place-items:center}
.sim-ended > div{background:#fff;border-radius:14px;padding:22px 24px;display:grid;gap:8px;max-width:360px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.sim-ended span{color:var(--muted);font-size:14px}
@media(max-width:800px){.sim-reason{display:none}.sim-who{white-space:normal}}
html.is-sim .beta-bar{display:none!important}
/* Cart: compact items with a photo; delivery address chosen once */
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.cart-item{display:grid!important;grid-template-columns:96px minmax(0,1fr) auto;gap:16px;align-items:start;padding:14px 16px!important;margin-bottom:10px!important}
.cart-thumb{display:block;width:96px;height:96px;border-radius:10px;overflow:hidden;background:#f4f2f7}
.cart-thumb img,.cart-thumb svg{width:100%;height:100%;object-fit:cover;display:block}
.cart-item-main h3{font-size:17px!important;margin:0 0 2px!important}
.cart-item-main .bhint{margin:0}
.cart-item .cart-fields{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px;margin-top:10px;max-width:560px}
.cart-item .cart-f{margin:0}
.cart-remove{all:unset;cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.cart-remove:hover{color:#b42318}
.cart-summary{position:sticky;top:90px}
.cart-addr{display:grid;gap:6px;margin:4px 0 14px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#faf9fd}
.cart-addr label{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.cart-addr select,.cart-addr input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit;font-size:14px;background:#fff}
.cart-addr small{font-size:12px;color:var(--muted)}
@media(max-width:900px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{grid-template-columns:72px minmax(0,1fr)}.cart-thumb{width:72px;height:72px}.cart-remove{grid-column:2}.cart-item .cart-fields{grid-template-columns:1fr}}
.cart-item .cart-f-wide{grid-column:auto!important}
.va-tag{flex:none;width:fit-content}.va-tag-shop{background:#e8f4ff;color:#1d5fa8}

/* Cart item: details on the left, time + note beside them (tight). */
.cart-item{padding:12px 14px!important;gap:14px!important;align-items:start!important}
.cart-item-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1.35fr);column-gap:18px;align-items:start}
.cart-item-main > *{grid-column:1}
.cart-item-main > h3{margin:0 0 2px!important}
.cart-item-main > div[style]{margin-top:4px!important}
.cart-item-main > .cart-fields{grid-column:2;grid-row:1 / span 6;align-self:center;margin:0!important;max-width:none!important;grid-template-columns:120px minmax(0,1fr)!important;gap:8px!important}
.cart-item-main > .cart-fields .cart-f input{padding:7px 9px}
.cart-item .cart-remove{align-self:start}
@media(max-width:1180px){.cart-item-main{grid-template-columns:1fr}.cart-item-main > .cart-fields{grid-column:1;grid-row:auto;margin-top:10px!important}}
@media(max-width:640px){.cart-item-main > .cart-fields{grid-template-columns:1fr!important}}
/* ===== Price markdowns ===== */
.md-top{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-weight:500;white-space:nowrap}
.md-top em{font-style:normal}
.md-was{color:var(--muted);font-weight:500;font-size:13px;text-decoration:line-through}
.md-off{color:var(--muted);font-weight:500;font-size:13px}
.md-now{color:#C8102E!important;font-weight:800}
.md-price{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:0 7px;font-weight:inherit}
.md-i{display:inline-grid;place-items:center;width:15px;height:15px;border:1.5px solid var(--muted);border-radius:50%;font-size:9.5px;font-weight:800;font-style:italic;font-family:Georgia,serif;color:var(--muted);cursor:help;line-height:1;flex:none}
.md-i:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.md-topline{display:block;margin:0 0 1px;line-height:1.2}
.cbody .md-topline{margin-top:6px}
.bprice .md-topline .md-was{font-size:15px}
.bprice .md-topline .md-off{font-size:14px}
.md-tag{position:absolute;left:12px;bottom:12px;z-index:6;background:#C8102E;color:#fff;font-size:12px;font-weight:800;border-radius:7px;padding:4px 8px;box-shadow:0 2px 6px rgba(200,16,46,.25)}
.md-save{display:inline-block;background:var(--rose-bg);color:#C8102E;font-weight:700;font-size:12.5px;border-radius:7px;padding:4px 9px;margin:2px 0 8px}
.mobile-book-price .md-was{font-size:13px;margin-right:2px}
/* ===== Rubbli calendar (js/calendar.js) ===== */
input.rbcal-input{cursor:pointer}
input.rbcal-input::-webkit-calendar-picker-indicator{display:none}
input.rbcal-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237B7490' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='17' rx='3'/%3E%3Cpath d='M3 9.5h18M8 2.5v4M16 2.5v4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:34px!important}
.rbcal{position:absolute;z-index:10050;width:328px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 44px -14px rgba(15,10,30,.28),0 2px 6px rgba(15,10,30,.06);padding:14px 14px 12px;font-family:var(--f);color:var(--ink)}
.rbcal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.rbcal-head b{font-size:15px;font-weight:800}
.rbcal-nav{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:#fff;font-size:20px;line-height:1;color:var(--ink);cursor:pointer;display:grid;place-items:center;padding:0 0 2px}
.rbcal-nav:hover:not(:disabled){background:var(--violet-50);border-color:#d9cdf6}
.rbcal-nav:disabled{opacity:.35;cursor:default}
.rbcal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.rbcal-w{text-align:center;font-size:11px;font-weight:800;color:var(--muted);padding:2px 0 3px}
.rbcal-d{aspect-ratio:1/.86;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer;padding:0;display:grid;place-items:center}
.rbcal-d:hover:not([aria-disabled]):not(.rbcal-sel){border-color:var(--violet);background:var(--violet-50)}
.rbcal-d:focus-visible{outline:2px solid var(--violet);outline-offset:1px}
.rbcal-e{border:0;background:none;cursor:default}
.rbcal-today:not(.rbcal-sel){border-color:var(--violet);color:var(--violet)}
.rbcal-sel{background:var(--violet);border-color:var(--violet);color:#fff}
.rbcal-na{background:repeating-linear-gradient(45deg,#f6f3fb,#f6f3fb 4px,#ece6f7 4px,#ece6f7 8px);border-color:#ece6f7;color:#ada4c2;text-decoration:line-through;cursor:not-allowed}
.rbcal-na.rbcal-sel{background:var(--violet);color:#fff}
.rbcal-off{color:#cdc7da;border-color:#f1eef7;background:#fff;cursor:not-allowed;font-weight:600}
.rbcal-foot{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:12px;color:var(--muted);min-height:20px}
.rbcal-key{display:inline-flex;align-items:center;gap:5px}
.rbcal-key i{width:12px;height:12px;border-radius:3px;display:inline-block}
.rbcal-key .k-ok{border:1px solid var(--line);background:#fff}
.rbcal-key .k-na{background:#ece6f7}
.rbcal-acts{margin-left:auto;display:flex;gap:12px}
.rbcal-link{border:0;background:none;padding:0;font:inherit;font-size:12.5px;font-weight:700;color:var(--violet);cursor:pointer}
.rbcal-link:hover{text-decoration:underline}
.rbcal.rbcal-sheet{position:fixed;left:8px!important;right:8px;bottom:8px;top:auto!important;width:auto;max-width:420px;margin:0 auto;border-radius:18px}
.md-badge{display:inline-block;margin-left:6px;background:var(--rose-bg);color:#C8102E;font-weight:700;font-size:11.5px;border-radius:999px;padding:2px 8px;white-space:nowrap}

/* Markdown block in the listing form */
.mdb{grid-column:1/-1;margin-top:10px;border:1px solid #eee9f7;background:#f8f6fc;border-radius:10px;padding:12px 14px}
.mdb.on{background:#fff;border-color:#e3d8fb}
.mdb-tog{display:flex!important;align-items:flex-start;gap:10px;cursor:pointer;margin:0!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important}
.mdb-tog input{position:absolute;opacity:0;width:1px;height:1px}
.mdb-sw{flex:none;width:36px;height:20px;border-radius:999px;background:#d6d0e4;position:relative;margin-top:1px;transition:background .15s}
.mdb-sw:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15);transition:left .15s}
.mdb-tog input:checked + .mdb-sw{background:var(--violet)}
.mdb-tog input:checked + .mdb-sw:after{left:18px}
.mdb-tog input:focus-visible + .mdb-sw{outline:2px solid var(--violet);outline-offset:2px}
.mdb-tog b{display:block;color:var(--ink);font-size:14px}
.mdb-tog small{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-top:1px}
.mdb-body{margin-top:12px}
.mdb-body[hidden]{display:none}
.mdb-row{display:flex;flex-wrap:wrap;gap:10px}
.mdb-f{display:flex;flex-direction:column;gap:4px;min-width:0}
.mdb-f label{font-size:11px!important;font-weight:700;color:var(--muted);letter-spacing:.04em;margin:0!important}
.mdb-f label small{font-weight:500;letter-spacing:0}
.mdb-in{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;height:40px;font-weight:700;color:var(--ink)}
.mdb-in input{border:0!important;outline:0;background:transparent!important;width:84px;font:inherit;font-size:15px;color:#C8102E;padding:0!important;height:auto!important;min-height:0!important}
.mdb-pct .mdb-in input{width:44px;color:var(--ink)}
.mdb-f > input[type=date]{height:40px;border:1px solid var(--line);border-radius:9px;padding:0 34px 0 10px;font:inherit;font-size:14px;color:var(--ink);background-color:#fff;width:170px}
.mdb-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mdb-pills button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 11px;font:inherit;font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer}
.mdb-pills button:hover{border-color:var(--violet)}
.mdb-pills button.on{background:var(--violet);border-color:var(--violet);color:#fff}
.mdb-prev{margin-top:10px;font-size:13.5px;color:var(--ink)}
.mdb-prev:empty{display:none}
.mdb-prev-l{color:var(--muted);margin-right:4px}
.mdb-note{display:block;margin-top:8px;color:var(--muted);font-size:12px}

/* Shop closed dates (Shop Manager → Settings) */
.cdz-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:6px}
.cdz-f{display:flex;flex-direction:column;gap:5px}
.cdz-f label{font-size:12px;font-weight:700;color:var(--muted)}
.cdz-f label small{font-weight:500}
.cdz-f input{height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:14px;color:var(--ink);background-color:#fff;width:170px;box-sizing:border-box}
.cdz-f input.rbcal-input{padding-right:34px}
.cdz-note{flex:1;min-width:200px}
.cdz-note input{width:100%}
.cdz-form .btn{height:42px}
.cdz-list{margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cdz-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-top:1px solid var(--line);flex-wrap:wrap}
.cdz-row:first-child{border-top:0}
.cdz-when{color:var(--ink);min-width:200px}
.cdz-why{flex:1;color:var(--muted);font-size:13.5px;min-width:0}
.cdz-st{font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px;background:var(--violet-100);color:var(--violet)}
.cdz-st.now{background:var(--amber-bg);color:var(--amber)}
.cdz-rm{border:0;background:none;color:var(--rose);font:inherit;font-weight:700;font-size:13px;cursor:pointer;padding:0}
.cdz-empty{padding:14px;color:var(--muted);font-size:13.5px}
.cdz-warn{margin-top:12px;font-size:13px;background:var(--amber-bg);border:1px solid #f5d9a8;color:#92400e;border-radius:10px;padding:10px 12px}
@media(max-width:640px){.cdz-f,.cdz-f input{width:100%}.cdz-form .btn{width:100%}.cdz-when{min-width:0;width:100%}}
/* Cards line up their buttons when one shows a markdown line. */
.cards{align-items:stretch}
.cards .card{align-self:stretch}
.cards .card > .cbody{flex:1 1 auto}
.cards .card .cacts{margin-top:auto}
.cbody .md-topline{margin:8px 0 -6px}
#listGearBody .mdb-row > .mdb-f{flex:0 0 auto!important;width:auto!important;min-height:0!important;padding:0!important;background:none!important;border:0!important}
#listGearBody .mdb-in{display:inline-flex!important;width:auto!important}

/* Account settings: tighter */
.acct-page{padding:14px 0 50px}
.acct-page > .ptitle{font-size:30px;margin-bottom:2px}
.acct-page > .psub{margin:0}
.acct-layout{gap:22px;margin-top:16px;grid-template-columns:180px minmax(0,1fr)}
.acct-nav a{padding:7px 12px;font-size:14px}
.acct-main{gap:12px}
.acct-sec{padding:16px 20px}
.acct-sec h2{font-size:18px;margin:0 0 2px}
.acct-sec .bhint{margin:0 0 10px;font-size:13.5px}
.acct-sub{font-size:14.5px;margin:10px 0 6px}
.acct-sec .fb{padding:7px 12px;margin-bottom:8px;border-radius:9px!important}
.acct-sec .fb label{font-size:10.5px}
.acct-sec .fb input,.acct-sec .fb select{font-size:15px;padding:1px 0}
.acct-actions{margin-top:10px}
.acct-actions .btn,.acct-email-row .btn{padding:9px 16px;font-size:14px}
.acct-check{margin:4px 0 8px}
.acct-toggle{padding:9px 0}
.acct-email-row{display:flex;gap:10px;align-items:center}
.acct-email-row .fb{flex:0 1 420px;margin:0}
.acct-email-row .fb input{color:var(--muted)}
.acct-email-row + .acct-fine{margin-top:8px}
@media(max-width:760px){.acct-email-row{flex-direction:column;align-items:stretch}.acct-email-row .fb{flex:auto}}
#infoBody:has(> .acct-page){padding-top:10px}
.acct-sec h3.acct-sub{font-size:14.5px!important;margin:10px 0 6px!important;font-weight:800}
#acct-addresses .acct-grid .acct-span2{grid-column:auto}
@media(max-width:760px){#acct-addresses .acct-grid .acct-span2{grid-column:1/-1}}
@media(max-width:760px){.acct-layout{grid-template-columns:1fr;gap:12px}.acct-sec{padding:14px 14px}.acct-page > .ptitle{font-size:26px}}

/* Quick markdown (Shop Manager → Listings) */
.md-row-btn.on{color:#C8102E!important;border-color:#f3c6d0!important;background:var(--rose-bg)!important;font-weight:800}
.qmd h3{margin:0 0 4px;font-size:19px}
.qmd-sub{color:var(--muted);font-size:13.5px;margin:0 0 12px}
.qmd-reg{font-size:14px;margin-bottom:12px;color:var(--body-text)}
.qmd-reg b{color:var(--ink)}
.qmd .mdb-f > input[type=date]{width:160px}
.qmd-actions{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}

/* Cart line editors: date · qty · days · time, then the note */
.cart-item .cart-item-main > .cart-fields{grid-template-columns:minmax(150px,1.3fr) 68px 68px minmax(112px,1fr)!important;gap:6px 8px!important}
.cart-item .cart-item-main > .cart-fields .cart-f-wide{grid-column:1/-1!important}
.cart-item .cart-f span{font-size:12px}
.cart-item .cart-f input{padding:7px 9px;min-width:0;width:100%;box-sizing:border-box}
.cart-item .cart-f input.rbcal-input{padding-right:30px!important;background-position:right 8px center}
.cart-item .cart-f-num input{text-align:center;padding:7px 4px}
.cart-item .cart-f-date.is-bad input{border-color:#f3a3b5;background-color:var(--rose-bg)}
.cart-f-err{grid-column:1/-1;margin:0;color:var(--rose);font-size:12.5px;font-weight:600}
@media(max-width:640px){.cart-item .cart-item-main > .cart-fields{grid-template-columns:56px 56px minmax(0,1fr)!important}.cart-item .cart-f-date{grid-column:1/-1}}
@media(max-width:640px){.cart-item .cart-f-time input{font-size:13px;padding:7px 4px}}

/* Rubbli tooltip ([data-tip]) */
.rb-tip{position:absolute;z-index:10060;max-width:260px;background:linear-gradient(135deg,#2a1452,#4c1d95);color:#fff;border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.45;box-shadow:0 14px 34px -10px rgba(76,29,149,.55);pointer-events:none;animation:rbTipIn .12s ease-out}
.rb-tip b{display:inline-block;background:#C8102E;color:#fff;font-size:11px;font-weight:800;border-radius:6px;padding:2px 7px;margin-bottom:5px}
.rb-tip span{display:block;color:#efe9ff;font-weight:500}
.rb-tip::after{content:"";position:absolute;left:var(--arrow-x,50%);top:100%;transform:translateX(-50%);border:7px solid transparent;border-top-color:#3b1774}
.rb-tip.below::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#2f1660}
@keyframes rbTipIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
.md-i:hover{border-color:var(--violet);color:var(--violet)}

/* Shop Manager dashboard: tighter */
#shopMain .shop-link-card{padding:14px 18px!important;margin-bottom:10px!important}
#shopMain .shop-link-card h3{font-size:16.5px;margin:0 0 2px!important}
#shopMain .shop-link-card .bhint{margin:0 0 8px!important;font-size:13px}
#shopMain .shop-link-card > div:first-child{align-items:flex-end!important;gap:10px!important}
#shopMain .shop-link-card #shopLinkText{font-size:14.5px}
#shopMain .shop-link-card div[style*="border:1.5px solid"]{padding:8px 12px!important;border-radius:10px!important}
#shopMain .shop-link-card .btn{padding:9px 16px;font-size:14px}
#shopMain .shop-share-row{margin-top:10px!important;padding-top:10px!important;gap:6px!important}
#shopMain .shop-share-row a,#shopMain .shop-share-row button{padding:5px 11px!important;font-size:13px!important}
#shopMain .shop-share-row svg{width:15px;height:15px}
#shopMain .vd-period{padding:10px 16px!important;margin-bottom:10px!important;align-items:center!important}
#shopMain .vd-period label{gap:3px!important;font-size:11.5px!important}
#shopMain .vd-period input{padding:6px 9px!important;width:140px!important;font-size:13.5px!important}
#shopMain .vd-kpis{gap:10px;margin-bottom:14px}
#shopMain .vd-kpis .kpi{padding:12px 14px;border-radius:12px}
#shopMain .vd-kpis .kpi dt{font-size:11px;margin-bottom:4px}
#shopMain .vd-kpis .kpi dd{font-size:22px}
#shopMain .vd-kpis .kpi .delta{font-size:12px;margin-top:2px;line-height:1.35}
@media(max-width:900px){#shopMain .vd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
#shopMain .tbl{margin-bottom:12px!important}
#shopMain .tbl > div:first-child:not(.trow){margin-bottom:0!important;padding:6px 10px!important}
#shopMain .tbl h3{font-size:16.5px!important}
#shopMain .tbl .trow{padding-top:9px;padding-bottom:9px}
#shopMain .tbl button > h3{padding:6px 4px!important;border-bottom:0!important}
#shopMain .tbl > div:first-child:not(.trow){border-bottom:1px solid var(--line)}

/* Cart line: fields sit right after the details; note inline and taller */
@media(min-width:1181px){
  .cart-item .cart-item-main{grid-template-columns:minmax(150px,210px) minmax(0,1fr)!important;column-gap:20px}
  .cart-item .cart-item-main > .cart-fields{grid-template-columns:142px 58px 58px 124px minmax(160px,1fr)!important;align-self:start!important}
  .cart-item .cart-item-main > .cart-fields .cart-f-wide{grid-column:auto!important}
}
.cart-item .cart-f textarea{font:inherit;font-size:14px;color:var(--ink);padding:7px 9px;border:1px solid var(--line,#e4e0ea);border-radius:8px;background:#fff;width:100%;box-sizing:border-box;resize:vertical;min-height:60px;line-height:1.35}
@media(min-width:1181px){.cart-item .cart-f-wide textarea{min-height:0;height:62px;margin-bottom:-24px}}
#detailAddCart{width:100%;background:#fff;color:var(--ink);border:1.5px solid var(--line)}#detailAddCart:hover:not(:disabled){border-color:var(--violet);color:var(--violet)}

/* Item card in message threads */
.msg-item{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;color:var(--ink);margin:4px 0 12px}
.msg-item:hover{border-color:var(--violet)}
.msg-item-ph{flex:none;width:52px;height:52px;border-radius:9px;overflow:hidden;background:#f4f2f7;display:block}
.msg-item-ph img,.msg-item-ph svg{width:100%;height:100%;object-fit:cover;display:block}
.msg-item-t{flex:1;min-width:0;display:flex;flex-direction:column}
.msg-item-t b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-item-t small{color:var(--muted);font-size:12px}
.msg-item-go{flex:none;color:var(--violet);font-weight:700;font-size:12.5px}
.bub .msg-item.compact{margin:8px 0 2px;padding:6px;gap:8px;max-width:280px}
.bub .msg-item.compact .msg-item-ph{width:40px;height:40px}
.bub.me .msg-item.compact{background:rgba(255,255,255,.95)}
.msg-item-link{display:inline-block;margin-top:6px;font-weight:700;color:inherit;text-decoration:underline}

/* Shop photo / logo */
.shopav.has-logo{background:#fff;border:1px solid var(--line);overflow:hidden}
.shopav img{width:100%;height:100%;object-fit:cover;display:block}
.shop-logo-row{display:flex;align-items:center;gap:14px;margin:4px 0 14px}
.shop-logo-prev{flex:none;width:72px;height:72px;border-radius:16px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;font-size:26px;overflow:hidden;border:1px solid var(--line)}
.shop-logo-prev img{width:100%;height:100%;object-fit:cover;display:block}
.shop-logo-prev.busy{opacity:.5}
.shop-logo-txt b{display:block;color:var(--ink);font-size:14.5px}
.shop-logo-txt small{display:block;color:var(--muted);font-size:12.5px;margin:2px 0 8px}
.shop-logo-acts{display:flex;gap:8px;flex-wrap:wrap}
.shop-logo-acts label.btn{cursor:pointer;margin:0}
.shop-title-row{display:flex;align-items:center;gap:16px}
.shop-title-row .shop-name{margin:0!important}
.shop-logo{width:72px;height:72px;border-radius:16px;object-fit:cover;border:1px solid var(--line);background:#fff;flex:none}
@media(max-width:640px){.shop-logo{width:56px;height:56px;border-radius:12px}}

/* Admin Reported / Flagged: collapsible cards */
.rep-card{padding:12px 16px!important}
.rep-card > div:first-child{cursor:pointer;align-items:center!important}
.rep-card h3{font-size:16px;margin:0 0 2px!important}
.rep-card:not(.open) .rep-body{display:none}
.rep-body{margin-top:-4px}
.rep-sum{margin-top:3px;font-size:13px;color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:640px}
.rep-card.open .rep-sum{display:none}
.rep-head-r{display:flex;align-items:center;gap:8px}
.rep-head-r select{width:150px!important;min-width:150px!important;padding:7px 10px}
.rep-toggle{border:0;background:none;color:var(--violet);font-size:26px;line-height:1;cursor:pointer;padding:2px 6px;transition:transform .15s}
.rep-card.open .rep-toggle{transform:rotate(180deg)}

/* ===== Less white space, less scrolling (Oct 6) ===== */
/* Home hero */
.marketplace-hero{padding-top:84px!important;padding-bottom:70px!important}
@media(min-width:701px){.marketplace-hero{min-height:520px!important}}
@media(max-width:700px){.marketplace-hero{padding-top:34px!important;padding-bottom:38px!important}}
/* How Rubbli works */
.how-section{padding-top:18px!important;padding-bottom:18px!important}
.how-section .howintro h2{margin-bottom:4px}
@media(max-width:700px){
  .how-section .howintro h2{font-size:26px}
  .how-section .howgrid{gap:0}
  .how-section .howcard{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:start;padding:12px 0!important}
  .how-section .howcard .hnum{width:36px;height:36px;font-size:15px;margin:0;grid-row:1 / span 2;border-radius:10px}
  .how-section .howcard h3{margin:2px 0 3px;font-size:15.5px}
  .how-section .howcard p{margin:0;font-size:13.5px}
}
/* Feedback band */
.footer-feedback-inner{padding:16px 24px!important;gap:10px 24px!important}
.footer-feedback h2{font-size:21px!important}
.footer-feedback p{margin:2px 0 0!important;font-size:13.5px}
.footer-feedback-btn{padding:9px 18px!important}
@media(max-width:700px){.footer-feedback h2{font-size:18px!important}.footer-feedback-inner{padding:14px 16px!important}.footer-feedback-btn{width:100%}}
/* Footer */
.site-footer{padding-top:22px!important;padding-bottom:14px!important;margin-top:0!important}
.site-footer .fgrid h4{margin-bottom:6px}
.site-footer .fgrid li{margin:0 0 4px}
.site-footer .fgrid a{font-size:13.5px}
.footer-mission h2{font-size:26px!important}
.footer-bottom{margin-top:16px!important;padding-top:12px!important}
@media(max-width:700px){
  .footer-mission{padding-bottom:12px!important}
  .footer-mission h2{font-size:22px!important}
  .footer-mission p{font-size:13px;margin-top:6px}
  footer .fgrid{grid-template-columns:1fr 1fr!important;gap:14px 16px!important}
  footer .fgrid>div:first-child{grid-column:auto!important}
  .site-footer .fgrid li{margin-bottom:2px}
  .footer-main{gap:14px!important}
}
/* Shop Manager → Settings */
#shopMain > .block{padding:16px 20px;margin-bottom:12px}
#shopMain > .block > h3{font-size:17px;margin:0 0 2px}
#shopMain > .block > .bhint{margin:0 0 10px;font-size:13.5px}
#shopMain .inrow .in{padding:8px 12px}
#shopMain .radiusviz{max-height:200px;overflow:hidden}
.site-footer .fgrid ul{margin:0}
.site-footer .fgrid li{line-height:1.3}
@media(max-width:700px){
  .site-footer .fgrid a{display:inline-block;padding:3px 0}
  .site-footer .fgrid li{margin:0!important}
  .footer-mission p{display:none}
  .footer-bottom{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 14px!important}
  .footer-bottom > *{margin:0!important}
}
.site-footer .fgrid ul{gap:4px!important}
@media(max-width:700px){
  .site-footer .fgrid ul{gap:0!important}
  .footer-feedback p{display:none}
  .footer-bottom > *{gap:8px 14px!important;flex-wrap:wrap}
}
.shop-head-acts{display:flex;gap:8px;justify-self:end;flex-wrap:wrap}
.shop-head-acts .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.shop-head-acts .btn-p{min-width:190px}
@media(max-width:700px){.shop-head-acts{justify-self:stretch}.shop-head-acts .btn{flex:1}}
@media(max-width:700px){
  .how-section .howcard{grid-template-columns:36px minmax(0,1fr)!important;column-gap:12px!important;padding:10px 0!important;min-height:0!important;gap:0 12px!important}
  .how-section .howcard .hnum{width:32px!important;height:32px!important;min-width:0!important;font-size:14px!important;margin:2px 0 0!important;border-radius:9px!important}
  .how-section .howcard h3,.how-section .howcard p{grid-column:2!important;margin-top:0!important}
  .how-section .howcard p{margin-bottom:0!important}
}
@media(max-width:700px){.how-section .howgrid{gap:0!important}}

/* My bookings: status chips + event date range */
.bk-filterbar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 20px;flex-wrap:wrap;margin-bottom:16px}
.bk-range{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.bk-range label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;font-weight:700;color:var(--muted)}
.bk-range input{height:38px;width:150px;border:1px solid var(--line);border-radius:8px;padding:0 30px 0 10px;font:inherit;font-size:13.5px;color:var(--ink);background-color:#fff;box-sizing:border-box}
.bk-range .btn{height:38px}
.bk-range-note{margin:-6px 0 14px;font-size:13px;color:var(--muted)}
@media(max-width:640px){.bk-range{width:100%}.bk-range label{flex:1}.bk-range input{width:100%}}
.rep-res{margin-top:4px;font-size:13px;color:var(--ink)}.rep-res b{color:var(--green)}.rep-res span{color:var(--muted)}

/* My bookings: tighter */
#bookingsBody > div:first-child{margin-bottom:12px!important}
#bookingsBody .ptitle{font-size:30px;margin-bottom:2px}
#bookingsBody .rowc{padding:12px 16px;gap:14px;margin-bottom:8px;grid-template-columns:64px 1fr auto;border-radius:12px}
#bookingsBody .rowc .thumb{width:64px;height:64px;border-radius:10px}
#bookingsBody .rowc h3{font-size:16px;margin:0 0 2px}
#bookingsBody .rowc .meta{font-size:13.5px;gap:4px 6px;line-height:1.35}
#bookingsBody .rowc .meta[style*="margin-top:7px"]{margin-top:4px!important}
#bookingsBody .rowc .linkbtn{font-size:13.5px}
#bookingsBody .bk-ref{color:var(--body-text)}
#bookingsBody .rowc .btn{padding:8px 14px;font-size:13.5px}
#bookingsBody .rowc > div:last-child{gap:8px!important}
#bookingsBody .rowc .money-note,#bookingsBody .rowc .cust-money-note{margin-top:3px;font-size:12.5px}
@media(max-width:700px){#bookingsBody .rowc{grid-template-columns:56px 1fr}#bookingsBody .rowc .thumb{width:56px;height:56px}#bookingsBody .rowc > div:last-child{grid-column:1/-1}}

/* ===== Messages page ===== */
#view-messages .wrap{max-width:1500px}
.msg-shell{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;min-height:520px}
.msg-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-bottom:1px solid var(--line)}
.msg-top h1{margin:0;font-size:26px}
.msg-search{width:min(420px,48vw);border:1px solid var(--line);border-radius:999px;padding:10px 16px;font:inherit;font-size:14px;background:#fff}
.msg-grid{display:grid;grid-template-columns:220px minmax(0,1fr)}
.msg-side{padding:12px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.msg-nav{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;padding:9px 12px;border-radius:9px;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer}
.msg-nav svg{color:var(--muted);flex:none}
.msg-nav:hover{background:#f7f5fb}
.msg-nav.on{background:var(--violet-50);color:var(--violet)}
.msg-nav.on svg{color:var(--violet)}
.msg-nav em{margin-left:auto;font-style:normal;font-size:12px;font-weight:800;background:var(--violet);color:#fff;border-radius:999px;padding:1px 7px}
.msg-list{min-width:0}
.msg-toolbar{padding:11px 18px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13.5px}
.msg-toolbar strong{color:var(--ink)}
.msg-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 18px;border-bottom:1px solid var(--line);background:#fff;cursor:pointer;outline:none}
.msg-row:hover,.msg-row:focus-visible{background:#faf9fd}
.msg-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--violet-100);color:var(--violet);font-weight:800;font-size:15px}
.msg-main{min-width:0;display:block}
.msg-l1{display:flex;gap:8px;align-items:center}
.msg-l1 strong{font-size:14.5px;font-weight:600;color:var(--ink)}
.msg-when{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}
.msg-l2{display:block;font-size:13.5px;color:var(--body-text);margin-top:1px}
.msg-preview{display:block;color:var(--muted);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.msg-row.is-unread{background:#fbf9ff}
.msg-row.is-unread .msg-l1 strong,.msg-row.is-unread .msg-l2{font-weight:800;color:var(--ink)}
.msg-row.is-unread .msg-preview{color:var(--ink);font-weight:600}
.msg-count{background:var(--violet);color:#fff;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800}
.msg-tag{font-size:11px;font-weight:700;border-radius:999px;padding:1px 7px;background:#f1eef7;color:var(--muted)}
.msg-tag.ign{background:var(--rose-bg);color:var(--rose)}
.msg-acts{display:flex;gap:2px;align-items:center}
.msg-act{border:0;background:none;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#a39cb6;cursor:pointer}
.msg-act:hover{background:#f1eef7;color:var(--ink)}
.msg-act.on{color:#F59E0B}
.msg-act-txt{width:auto;padding:0 10px;font:inherit;font-size:12.5px;font-weight:700;color:var(--violet)}
@media(hover:hover) and (min-width:761px){.msg-row .msg-act:not(.on):not(.msg-act-txt){opacity:0}.msg-row:hover .msg-act,.msg-row:focus-within .msg-act{opacity:1}}
.msg-empty{padding:80px 30px;text-align:center;color:var(--muted)}
.msg-empty-ic{font-size:40px;margin-bottom:10px}
.msg-empty h3{color:var(--ink);margin:0 0 6px}
.msg-empty p{margin:0 auto;max-width:360px}
@media(max-width:760px){
  .msg-grid{grid-template-columns:1fr}
  .msg-side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px}
  .msg-nav{width:auto;white-space:nowrap;padding:7px 10px}
  .msg-top{flex-direction:column;align-items:stretch;gap:10px}
  .msg-search{width:100%}
  .msg-row{grid-template-columns:36px minmax(0,1fr);padding:10px 12px}
  .msg-acts{grid-column:2;justify-content:flex-end;margin-top:-6px}
}

/* Item page: shop card before reviews */
.ds-shop-top{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:#fff}
.ds-logo{flex:none;width:64px;height:64px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--grad);color:#fff;font-weight:800;font-size:24px;display:grid;place-items:center;cursor:pointer;padding:0}
.ds-logo img{width:100%;height:100%;object-fit:cover;display:block}
.ds-info{flex:1;min-width:0}
.ds-name{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ds-name button{border:0;background:none;padding:0;font:inherit;font-size:19px;font-weight:800;color:var(--ink);cursor:pointer;text-align:left}
.ds-name button:hover{color:var(--violet);text-decoration:underline}
.ds-city{color:var(--muted);font-size:14px}
.ds-stats{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px;font-size:14px;color:var(--body-text)}
.ds-stats b{color:var(--ink)}
.ds-dot{color:var(--muted)}
.ds-verified{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;color:var(--violet);font-weight:600}
.ds-acts{display:flex;flex-direction:column;gap:8px;flex:none}
.ds-acts .btn{min-width:150px;padding:9px 16px}
@media(max-width:700px){.ds-shop-top{flex-wrap:wrap}.ds-acts{flex-direction:row;width:100%}.ds-acts .btn{flex:1;min-width:0}}
.area-accordion .area-sum{display:inline;margin-left:10px;font-size:13.5px;font-weight:500;color:var(--muted)}
.area-accordion[open] .area-sum{display:none}
.area-accordion .areabox{margin-top:12px}
@media(max-width:640px){.area-accordion .area-sum{display:block;margin:2px 0 0}}

/* Item page: availability pills (purple) */
.av-pills{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x proximity}
.av-pill{flex:0 0 76px;scroll-snap-align:start;border:1px solid var(--line);border-radius:12px;padding:8px 4px 9px;text-align:center;background:#fff;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;gap:1px;transition:border-color .15s,box-shadow .15s}
.av-pill:hover:not(.out){border-color:#c9b6f5}
.av-pill .wd{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.av-pill .dn{font-size:20px;font-weight:800;color:var(--ink);line-height:1.15}
.av-pill .mo{font-size:10.5px;color:var(--muted);margin-bottom:4px}
.av-pill .lf{font-size:11px;font-weight:700;color:var(--violet);background:var(--violet-100);border-radius:999px;padding:2px 7px;white-space:nowrap}
.av-pill.low .lf{background:#FFF4E5;color:#B45309}
.av-pill.out{background:#F7F5FB;border-color:#EEEAF5;cursor:not-allowed}
.av-pill.out .dn{color:#B9B2CC;text-decoration:line-through}
.av-pill.out .lf{background:transparent;color:#B9B2CC;padding:2px 0;font-size:10.5px}
.av-pill.sel{border:2px solid var(--violet);padding:7px 3px 8px;box-shadow:0 6px 16px -8px rgba(124,58,237,.55)}
.av-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:8px;align-items:center}
.av-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.av-legend .k-ok{background:var(--violet-100);border:1px solid #DDD0FB}
.av-legend .k-low{background:#FFF4E5;border:1px solid #F8DDB4}
.av-legend .k-out{background:#ECE8F4}
.av-legend .av-tip{margin-left:auto}
/* Recommendation rows */
.rec-row{display:grid;grid-auto-flow:column;grid-auto-columns:200px;justify-content:start;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.rec-card{scroll-snap-align:start;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink);min-width:0}
.rec-ph{position:relative;display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#f4f2f7;border:1px solid var(--line);margin-bottom:6px}
.rec-ph img,.rec-ph svg{width:100%;height:100%;object-fit:cover;display:block}
.rec-ph .md-tag{left:8px;bottom:8px;font-size:11px;padding:3px 6px}
.rec-card:hover .rec-t{color:var(--violet);text-decoration:underline}
.rec-t{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec-s{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec-p b{font-size:15px}
.rec-p small{color:var(--muted);font-size:12px}
@media(max-width:700px){.rec-row{grid-auto-columns:44%}}
#bookingsBody,#savedBody,#messagesBody,#cartBody{padding-top:16px!important}

/* Waitlist */
.wl-warn{display:flex;flex-direction:column;gap:8px}
.wl-check{display:flex;align-items:flex-start;gap:9px;background:#fff;border:1px solid #f3c6d0;border-radius:10px;padding:9px 11px;cursor:pointer;color:var(--ink)}
.wl-check input{width:17px;height:17px;margin-top:2px;accent-color:var(--violet);flex:none}
.wl-check b{display:block;font-size:13.5px}
.wl-check small{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-top:1px}
#detailAddCart.is-waitlist{border-color:var(--violet);color:var(--violet);background:var(--violet-50)}
.cart-wl{margin-top:5px;font-size:12.5px;color:var(--body-text)}
.cart-wl-tag{display:inline-block;font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px;background:#FFF4E5;color:#B45309;margin-right:4px}
.cart-wl.open .cart-wl-tag{background:var(--violet-100);color:var(--violet)}
.cart-wl-only{font-size:13px;color:var(--muted);margin:12px 0 0}
.wl-check.is-on{cursor:default;border-color:#DDD0FB;background:var(--violet-50)}
.av-pills{padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#d9d0ee transparent}
.av-pills::-webkit-scrollbar{height:6px}
.av-pills::-webkit-scrollbar-thumb{background:#d9d0ee;border-radius:999px}
.av-legend{margin-top:4px;position:relative;z-index:1}

/* Event-day cancellation help */
.cx-steps{display:grid;gap:10px;margin:6px 0 16px}
.cx-step{display:flex;gap:12px;align-items:flex-start;background:var(--violet-50);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.cx-step > b{flex:none;width:26px;height:26px;border-radius:50%;background:var(--violet);color:#fff;display:grid;place-items:center;font-size:13px}
.cx-step strong{display:block;color:var(--ink);font-size:14.5px}
.cx-step span{display:block;color:var(--body-text);font-size:13.5px;margin-top:2px}
.cx-acts{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:560px){.cx-acts .btn{flex:1 1 100%}}

/* Shop Manager → Orders search */
.vord-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:0 12px;margin:0 0 12px;background:#fff;color:var(--muted)}
.vord-search input{flex:1;border:0!important;outline:0;background:transparent!important;font:inherit;font-size:14px;color:var(--ink);padding:10px 0!important;min-width:0}
.vord-search:focus-within{border-color:var(--violet)}
.vord-search-n{font-size:12.5px;white-space:nowrap}
.vord-cust{display:block;margin-top:2px}
.vord-cust b{color:var(--ink);font-weight:600}
.vord-cust b{display:inline!important;font-size:inherit!important}
/* Date fields ignore taps; js/calendar.js opens the Rubbli calendar instead. */
input.rbcal-input{pointer-events:none;-webkit-user-select:none;user-select:none}
*:has(> input.rbcal-input){cursor:pointer}
.wl-note{background:#fff;border:1px solid #f3c6d0;border-radius:10px;padding:9px 11px;font-size:13px;color:var(--body-text);font-weight:500}
.wl-note b{color:var(--ink)}
.wl-note.is-on{border-color:#DDD0FB;background:var(--violet-50)}
.admin-cancel-link{color:var(--rose)!important;font-size:12.5px;margin-top:4px}
label.ac-check,.modal label.ac-check{display:flex!important;flex-direction:row!important;gap:9px;align-items:flex-start;margin:4px 0 10px;font-size:14px;color:var(--ink);cursor:pointer;text-transform:none;letter-spacing:0;font-weight:500}
.ac-check input{width:17px;height:17px;margin-top:2px;accent-color:var(--violet);flex:none}
.ac-sum{background:var(--violet-50);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--body-text)}

/* Rubbli-styled reason picker (replaces native dropdowns in cancel / early-delivery modals) */
.rz-label{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#7B7490);margin-bottom:8px}
.rz-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.modal label.rz-opt,label.rz-opt{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid #E9E4F5;border-radius:12px;background:#fff;cursor:pointer;font-size:14px;font-weight:600;color:var(--ink,#0F0A1E);text-transform:none;letter-spacing:0;margin:0;transition:border-color .15s,background .15s,box-shadow .15s}
.rz-opt:hover{border-color:#C4B5FD;background:#FAF7FF}
.rz-opt input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:0;border:2px solid #C4B5FD;border-radius:50%;background:#fff;display:grid;place-items:center}
.rz-opt input::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--violet,#7C3AED);transform:scale(0);transition:transform .12s}
.rz-opt input:checked{border-color:var(--violet,#7C3AED)}
.rz-opt input:checked::after{transform:scale(1)}
.rz-opt:has(input:checked){border-color:var(--violet,#7C3AED);background:#F3EEFF;box-shadow:0 6px 16px -10px rgba(124,58,237,.6)}
.rz-opt input:focus-visible{outline:2px solid var(--violet,#7C3AED);outline-offset:2px}
.rz-opts .rz-opt:last-child:nth-child(odd){grid-column:1/-1}
.ac-check input{appearance:none;-webkit-appearance:none;border:2px solid #C4B5FD;border-radius:6px;background:#fff;display:grid;place-items:center}
.ac-check input:checked{background:var(--violet,#7C3AED);border-color:var(--violet,#7C3AED)}
.ac-check input:checked::after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.early-box{margin:4px 0 12px}
.early-box .rz-opts{margin:10px 0 8px}
.early-note{width:100%;border:1.5px solid #E9E4F5;border-radius:12px;padding:10px 12px;font:inherit;font-size:14px;resize:vertical}
.early-note:focus{outline:none;border-color:var(--violet,#7C3AED)}
@media(max-width:560px){.rz-opts{grid-template-columns:1fr}}
.citylist .sa-cities-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:var(--body);padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#FAF7FF}
.citylist .sa-cities-head .btn{display:inline-flex;align-items:center}
.citylist .sa-cities-body{width:100%;display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}
.citylist .sa-cities-body[hidden]{display:none}
.vord-note{display:block;margin-top:6px;padding:7px 10px;border-radius:10px;background:#F3EEFF;border-left:3px solid var(--violet);font-size:13px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere;max-width:520px}
.vord-note b{color:var(--violet-600,#6D28D9);font-weight:700}
.od-note{background:#F3EEFF;border-left:3px solid var(--violet);border-radius:10px;padding:9px 12px}
.od-note span{display:block;font-size:12px;font-weight:800;color:var(--violet-600,#6D28D9);text-transform:uppercase;letter-spacing:.04em}
.od-note p{margin:4px 0 0;color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap}
.vord-row .vord-note b,.vord-note b{display:inline;font-size:13px!important;font-weight:700;margin:0}
.vord-note{display:-webkit-box!important;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
/* Customer note in Orders: 2 lines, then "See details" opens the full note */
.vord-note{display:block!important;-webkit-line-clamp:unset;overflow:visible}
.vord-note .vord-note-txt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vord-note .vord-note-more{display:inline-block;margin-top:3px;padding:0;border:0;background:none;color:var(--violet);font-size:12.5px;font-weight:700;text-decoration:underline;cursor:pointer}
/* Orders: customer note and customer rating boxes share one width */
.vord-note,.vord-row .renter-rating{box-sizing:border-box;width:100%!important;max-width:340px!important;border-radius:10px}
/* Service cards: "then $X/hr" gets its own line instead of running under the Available pill */
.pricerow b{flex-wrap:wrap!important;min-width:0}
.pricerow b .svc-extra{flex:0 0 100%;display:block!important;white-space:normal;line-height:1.3;margin-top:3px}

/* ===== Bulk inventory editor ===== */
#modal:has(.inv-edit){width:min(980px,calc(100vw - 32px))!important;max-width:980px!important}
.inv-edit h3{margin:0 0 4px}
.inv-scroll{max-height:min(58vh,560px);overflow:auto;border:1px solid var(--line);border-radius:14px;margin-top:12px}
.inv-table{width:100%;border-collapse:collapse;font-size:14px}
.inv-table th{position:sticky;top:0;z-index:1;background:#FAF7FF;text-align:left;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line)}
.inv-table td{padding:10px 12px;border-bottom:1px solid #F1EDF8;vertical-align:middle}
.inv-table tr:last-child td{border-bottom:0}
.inv-table tr.inv-changed td{background:#FAF7FF}
.inv-table tr.inv-changed td:first-child{box-shadow:inset 3px 0 0 var(--violet)}
.inv-name b{display:block;color:var(--ink);font-size:14.5px}
.inv-name span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.inv-md{font-style:normal;color:#b91c1c;font-weight:700}
.inv-table input{width:100%;min-width:70px;max-width:120px;box-sizing:border-box;border:1.5px solid #E9E4F5;border-radius:10px;padding:8px 10px;font:inherit;font-size:14px;color:var(--ink);background:#fff}
.inv-table input:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.inv-money{position:relative;max-width:120px}
.inv-money i{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--muted);font-size:14px;pointer-events:none}
.inv-money input{padding-left:22px}
.inv-na{color:var(--muted);font-size:13px}
.inv-na small,.inv-hint{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.inv-actions{align-items:center}
.inv-count{margin-right:auto;font-size:13px;color:var(--muted);font-weight:600}
@media(max-width:700px){
  .inv-table thead{display:none}
  .inv-table,.inv-table tbody,.inv-table tr,.inv-table td{display:block;width:100%}
  .inv-table tr{padding:10px 12px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
  .inv-table td{padding:0;border:0}
  .inv-table td.inv-name{grid-column:1/-1}
  .inv-table td[data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px}
  .inv-table input,.inv-money{max-width:none}
  .inv-count{width:100%;margin:0 0 4px}
}
@media(max-width:700px){
  .inv-table tr.inv-changed{background:#FAF7FF;box-shadow:inset 3px 0 0 var(--violet)}
  .inv-table tr.inv-changed td,.inv-table tr.inv-changed td:first-child{background:none;box-shadow:none}
  .inv-actions{flex-wrap:wrap}
  .inv-actions .btn{flex:1}
}
.inv-dlv{display:flex;flex-direction:column;gap:6px;max-width:160px}
.inv-dlv select{width:100%;box-sizing:border-box;border:1.5px solid #E9E4F5;border-radius:10px;padding:8px 28px 8px 10px;font:inherit;font-size:13.5px;color:var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;-webkit-appearance:none;cursor:pointer}
.inv-dlv select:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.inv-dlv .inv-fee[hidden]{display:none}
@media(max-width:700px){.inv-dlv{max-width:none}}
/* Availability uses Rubbli purple, not green */
.av-ok{background:#F3EEFF!important;color:var(--violet)!important}
@media(max-width:700px){
  .rv-summary{grid-template-columns:1fr!important;gap:14px!important}
  html body #view-listgear #listGearBody{padding-left:16px!important;padding-right:16px!important}
  html body #listGearBody .pricing-layout{grid-template-columns:1fr!important}
  html body #listGearBody .pricing-form,html body #listGearBody .pricing-summary{grid-column:1!important;grid-row:auto!important}
}
/* Rubbli Assistant: "Not sure?" card spans the row; phones get 1-2 columns */
.asst-grid .asst-wide{grid-column:1/-1}
@media(max-width:900px){.asst-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.asst-grid{grid-template-columns:1fr!important}}

/* Orders check before turning the shop off / closing dates */
#modal:has(.rbc){width:min(640px,calc(100vw - 32px))!important;max-width:640px!important}
.rbc h3{margin:0 0 4px}
.rbc-list{display:flex;flex-direction:column;gap:6px;max-height:min(44vh,380px);overflow:auto;margin:12px 0 4px}
.rbc .rbc-row,.modal label.rbc-row{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;border:1.5px solid #E9E4F5;border-radius:12px;padding:9px 12px;background:#fff;cursor:pointer;margin:0;text-transform:none;letter-spacing:0;font-weight:500;color:var(--ink)}
.rbc-row:has(input:checked){border-color:#dc2626;background:#FEF2F2}
.rbc-row.rbc-locked{cursor:default;background:#FAF7FF}
.rbc-row input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:0;border:2px solid #C4B5FD;border-radius:5px;background:#fff;display:grid;place-items:center}
.rbc-row input:checked{background:#dc2626;border-color:#dc2626}
.rbc-row input:checked::after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.rbc-lock{flex:none;width:18px;height:18px;border-radius:5px;background:var(--violet-100,#F3EEFF);color:var(--violet);font-size:11px;font-weight:800;display:grid;place-items:center}
.rbc-main{flex:1;min-width:0}
.rbc-main b{display:block;font-size:14px}
.rbc-main small{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.rbc-date{flex:none;font-size:13px;font-weight:700;color:var(--violet-600,#6D28D9)}
.rbc-why{margin-top:8px}
.rbc-why textarea{width:100%;box-sizing:border-box;border:1.5px solid #E9E4F5;border-radius:10px;padding:9px 11px;font:inherit;font-size:13.5px}
.rbc-actions{flex-wrap:wrap}
.rbc-actions .btn-danger,.btn.btn-danger{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}
@media(max-width:560px){.rbc-actions .btn{flex:1 1 100%}}
.rbc-lock{width:auto!important;height:auto!important;padding:3px 7px;font-size:10.5px!important;text-transform:uppercase;letter-spacing:.04em;border-radius:999px!important}

/* ===== Admin order call notes ===== */
.on-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.btn-notes{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1.5px solid var(--violet);color:var(--violet);font:inherit;font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 12px;cursor:pointer;transition:background .15s}
.btn-notes::before{content:"+";font-weight:800}
.btn-notes:hover{background:#F3EEFF}
.on-count{font-size:11.5px;font-weight:700;color:var(--violet-600,#6D28D9);background:#F3EEFF;border-radius:999px;padding:3px 9px}
.on-count.due{background:#FFF4E5;color:#B45309}
.admin-orders-row .on-drawer{grid-column:1/-1}
.on-drawer{margin-top:6px;border:1px solid #E9E4F5;border-radius:14px;background:#FAF7FF;padding:14px}
.on-drawer[hidden]{display:none}
.on-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.on-head b{color:var(--ink);font-size:14.5px}.on-head span{font-size:12px;color:var(--muted)}
.on-form{background:#fff;border:1px solid #E9E4F5;border-radius:12px;padding:12px}
.on-form .rz-label{margin:10px 0 6px}
.on-chips{display:flex;gap:6px;flex-wrap:wrap}
.modal label.on-chip,label.on-chip{display:inline-flex!important;margin:0;cursor:pointer;text-transform:none;letter-spacing:0}
.on-chip input{position:absolute;opacity:0;pointer-events:none}
.on-chip span{border:1.5px solid #E9E4F5;border-radius:999px;padding:5px 11px;font-weight:700;font-size:12.5px;color:var(--ink);background:#fff}
.on-chip input:checked+span{border-color:var(--violet);background:#F3EEFF;color:var(--violet-600,#6D28D9)}
.on-chip input:focus-visible+span{outline:2px solid var(--violet);outline-offset:2px}
.on-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.on-form select,.on-form textarea,.on-form input[type=date]{width:100%;box-sizing:border-box;border:1.5px solid #E9E4F5;border-radius:10px;padding:8px 10px;font:inherit;font-size:13.5px;color:var(--ink);background:#fff}
.on-form textarea{resize:vertical;min-height:70px}
.on-form select:focus,.on-form textarea:focus,.on-form input:focus{outline:none;border-color:var(--violet)}
.on-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.on-actions>span{display:flex;gap:8px}
.on-fu{display:flex!important;align-items:center;gap:8px;font-size:13px;color:var(--ink);margin:0;text-transform:none;letter-spacing:0;font-weight:500}
.on-fu input[type=checkbox]{width:16px;height:16px;accent-color:var(--violet)}
.on-fu input[type=date]{width:auto!important;padding:5px 8px!important}
.on-log{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.on-entry{background:#fff;border:1px solid #E9E4F5;border-left:3px solid var(--violet);border-radius:10px;padding:9px 12px}
.on-entry.fu{border-left-color:#D97706}
.on-eh{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.on-eh b{color:var(--ink);font-size:12.5px}
.on-entry p{margin:4px 0 0;color:var(--ink);font-size:13.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.on-fu-line{margin-top:5px;font-size:12.5px;display:flex;gap:10px;align-items:center}
.on-due{color:#B45309;font-weight:700}.on-due.late{color:#b91c1c}
.on-done{color:var(--violet-600,#6D28D9);font-weight:700}
.on-empty{margin:0;color:var(--muted);font-size:13px}
@media(max-width:700px){.on-grid{grid-template-columns:1fr}}

/* Rubbli Assistant: event chips + "More" panel */
.asst-chip{padding:8px 14px;border:1.5px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.asst-chip:hover{border-color:#C4B5FD;background:#FAF7FF}
.asst-chip.asst-more{border-color:var(--violet);color:var(--violet);font-weight:700}
.asst-chip.asst-more.on{background:var(--violet);color:#fff}
.asst-more-panel{max-width:680px;margin:-14px auto 22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px -18px rgba(73,42,147,.35);padding:14px}
.asst-more-panel[hidden]{display:none}
.amp-search{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:12px;padding:2px 12px;margin-bottom:6px}
.amp-search:focus-within{border-color:var(--violet)}
.amp-search input{flex:1;border:0!important;outline:0;background:transparent!important;font:inherit;font-size:14px;padding:8px 0!important;min-width:0}
.amp-group[hidden],.amp-ev[hidden],.amp-none[hidden]{display:none}
.amp-gname{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:10px 2px 6px}
.amp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.amp-ev{display:flex;align-items:center;gap:9px;border:1.5px solid var(--line);border-radius:12px;padding:9px 11px;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);background:#fff;cursor:pointer;text-align:left}
.amp-ev i{font-style:normal;font-size:18px}
.amp-ev:hover{border-color:#C4B5FD}
.amp-ev.sel{border-color:var(--violet);background:#F3EEFF;color:var(--violet-600,#6D28D9)}
.amp-none{margin:10px 2px 0;color:var(--muted);font-size:13px}
.amp-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
@media(max-width:640px){.amp-grid{grid-template-columns:1fr 1fr}.amp-foot .btn{width:100%}}
button.on-count{border:0;font-family:inherit;cursor:pointer}
button.on-count:hover{filter:brightness(.96);text-decoration:underline}

/* ===== Shop dashboard: Needs your attention ===== */
.va{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:14px}
.va-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.va-h b{color:var(--ink);font-size:16px}
.va-cnt{display:inline-flex;gap:6px;margin-left:8px;flex-wrap:wrap;vertical-align:middle}
.va-pill{font-size:11.5px;font-weight:800;border-radius:999px;padding:3px 9px}
.va-pill.red{background:#FEF2F2;color:#DC2626}.va-pill.amber{background:#FFF7ED;color:#B45309}.va-pill.tip{background:#F3EEFF;color:#6D28D9}
.va-toggle{border:0;background:none;color:var(--violet);font:inherit;font-weight:700;font-size:13px;cursor:pointer}
.va-body[hidden]{display:none}
.va-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #F3F0F8}
.va-item:last-child{border-bottom:0}
.va-dot{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px}
.va-dot.red{background:#FEF2F2}.va-dot.amber{background:#FFF7ED}.va-dot.tip{background:#F3EEFF}
.va-txt{flex:1;min-width:0}
.va-txt b{display:block;color:var(--ink);font-size:14px;line-height:1.35}
.va-txt small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;line-height:1.4}
.va-act{flex:none;display:flex;gap:6px;align-items:center}
.va-ghost{background:#fff!important;border:1.5px solid var(--violet)!important;color:var(--violet)!important}
.va-x{border:0;background:none;color:#B9B2CC;font-size:15px;cursor:pointer;padding:4px}
.va-x:hover{color:var(--ink)}
.va-more{display:block;width:100%;border:0;background:#FAF7FF;color:var(--violet);font:inherit;font-weight:700;font-size:13px;padding:10px;cursor:pointer}
.va-clear{display:flex;align-items:center;gap:8px;padding:11px 16px;color:var(--body);font-size:13.5px}
.va-clear span{width:22px;height:22px;border-radius:50%;background:#F3EEFF;color:var(--violet);display:grid;place-items:center;font-weight:800;font-size:12px}
.va-clear b{color:var(--ink)}
@media(max-width:640px){.va-item{flex-wrap:wrap}.va-act{width:100%;padding-left:46px}.va-act .btn{flex:1}}
.admin-side-badge.admin-side-badge-red{background:#DC2626!important}
.aa-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #F3F0F8}
.aa-tab{border:1.5px solid var(--line);border-radius:999px;padding:5px 11px;font:inherit;font-weight:700;font-size:12.5px;color:var(--ink);background:#fff;cursor:pointer}
.aa-tab.on{border-color:var(--violet);background:#F3EEFF;color:var(--violet-600,#6D28D9)}

/* Shop Orders: due tags + sortable event date */
.vord-date{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.vdue{display:inline-block;font-size:11.5px;font-weight:800;border-radius:999px;padding:3px 9px;white-space:nowrap;line-height:1.3}
.vdue.over,.vdue.urgent{background:#FEF2F2;color:#DC2626}
.vdue.soon{background:#FFF7ED;color:#B45309}
.vdue.later{background:#F3EEFF;color:#6D28D9}
.vord-row:has(.vdue.over),.vord-row:has(.vdue.urgent){box-shadow:inset 3px 0 0 #DC2626}
.vord-row:has(.vdue.soon){box-shadow:inset 3px 0 0 #D97706}
.vsort{border:0;background:none;padding:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;font-weight:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.vsort:hover{color:var(--violet)}
.vsort-ic{display:inline-flex;flex-direction:column;line-height:.6;font-size:8px}
.vsort-ic i{font-style:normal;color:#C9C2DA}
.vsort-ic.asc i:first-child,.vsort-ic.desc i:last-child{color:var(--violet)}
.vdue{white-space:normal!important;max-width:100%}
.vord-date{min-width:0}
.vsort{white-space:nowrap}
.vord-date .vdue{white-space:nowrap!important;font-size:11px}
/* Attention-grabbing bell before "Needs your attention" */
.va-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.va-title .va-cnt{margin-left:0}
.va-alert{position:relative;flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff}
.va-alert.red{background:#DC2626}
.va-alert.amber{background:#D97706}
.va-alert.tip{background:var(--violet)}
.va-alert svg{transform-origin:50% 10%;animation:vaRing 2.4s ease-in-out infinite}
.va-alert.red::after,.va-alert.amber::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;opacity:.45;animation:vaPulse 1.8s ease-out infinite;z-index:-1}
.va-alert{z-index:0}
@keyframes vaPulse{0%{transform:scale(1);opacity:.45}100%{transform:scale(1.9);opacity:0}}
@keyframes vaRing{0%,70%,100%{transform:rotate(0)}74%{transform:rotate(14deg)}78%{transform:rotate(-12deg)}82%{transform:rotate(9deg)}86%{transform:rotate(-6deg)}90%{transform:rotate(3deg)}}
@media (prefers-reduced-motion: reduce){.va-alert svg,.va-alert::after{animation:none!important}}
/* Soft "review your customers" reminder */
.va-item.va-soft{background:#FAF7FF}
.va-people{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.va-person{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px 3px 3px;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer}
.va-person:hover{border-color:var(--violet)}
.va-person span{width:22px;height:22px;border-radius:50%;background:var(--violet);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}
.va-people em{font-style:normal;font-size:12.5px;color:var(--muted);align-self:center}
.va-later{border:0;background:none;color:var(--muted);font:inherit;font-size:12.5px;font-weight:600;text-decoration:underline;cursor:pointer;padding:4px}
.va-soft .va-act{flex-direction:column;align-items:flex-end;gap:2px}
@media(max-width:640px){.va-soft .va-act{flex-direction:row;align-items:center}}
/* Bigger sort control next to "Event date" */
.vsort{gap:8px!important}
.vsort-ic{width:24px;height:24px;border-radius:7px;background:#F3EEFF;border:1px solid #E3D8FB;display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1!important;font-size:10px!important}
.vsort-ic i{display:block;height:9px;line-height:9px;color:#C4B5FD}
.vsort:hover .vsort-ic{border-color:var(--violet);background:#EDE4FF}
#shopMain .tbl .trow.vord-row{grid-template-columns:minmax(0,1.15fr) minmax(150px,.55fr) minmax(120px,.6fr) minmax(0,2.2fr)}
@media(max-width:1100px){#shopMain .tbl .trow.vord-row{grid-template-columns:minmax(0,1.1fr) minmax(140px,.55fr) minmax(110px,.6fr) minmax(0,1.7fr)}}
@media(max-width:760px){#shopMain .tbl .trow.vord-row{grid-template-columns:1fr}}

/* ===== Rubbli Assistant: event planner ===== */
#assistantConversation{padding:16px!important}
.rp-me{align-self:flex-end;margin:0 0 12px auto;max-width:75%;width:max-content;background:var(--violet);color:#fff;border-radius:18px 18px 6px 18px;padding:10px 14px;line-height:1.4}
.rp-bot{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}
.rp-av{flex:none;width:38px;height:38px;border-radius:50%;object-fit:contain;background:#F3EEFF}
.rp-bub{flex:1;min-width:0;background:#FAF7FF;border:1px solid var(--line);border-radius:6px 18px 18px 18px;padding:12px 14px;line-height:1.45;color:var(--ink)}
.rp-bub p{margin:0 0 8px}.rp-bub p:last-child{margin-bottom:0}
.rp-q{margin:12px 0 0}
.rp-q b{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.rp-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:440px}
.rp-chips{display:flex;gap:6px;flex-wrap:wrap}
.rp-chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-weight:600;font-size:13px;color:var(--ink);cursor:pointer}
.rp-chip:hover{border-color:#C4B5FD}
.rp-chip.on{border-color:var(--violet);background:#F3EEFF;color:var(--violet-600,#6D28D9)}
.rp-datepick input{border:0;background:transparent;font:inherit;font-size:13px;color:var(--ink);padding:0;width:130px}
.rp-in{width:100%;box-sizing:border-box;border:1.5px solid var(--line);border-radius:12px;padding:8px 12px;font:inherit;font-size:14px;color:var(--ink);background:#fff}
.rp-in:focus{outline:none;border-color:var(--violet)}
.rp-err{color:#DC2626;font-size:13px;margin:8px 0 0!important}
.rp-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.rp-skip{border:0;background:none;color:var(--muted);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.rp-tip{color:var(--muted);font-size:12.5px}
.rp-miss{background:#FFF7ED;color:#9A3412;border-radius:10px;padding:8px 10px;font-size:13px}
.rp-plan{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;align-items:start;margin-top:4px}
.rp-cat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:12px}
.rp-ch{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.rp-ch b{color:var(--ink);font-size:15px}.rp-ch small{color:var(--muted)}
.rp-sort{display:flex;gap:4px;flex-wrap:wrap}
.rp-sort button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px;font:inherit;font-size:12px;font-weight:700;color:var(--ink);cursor:pointer}
.rp-sort button.on{background:var(--violet);border-color:var(--violet);color:#fff}
.rp-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.rp-op{position:relative;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.rp-op.pick{border-color:var(--violet);box-shadow:0 10px 26px -14px rgba(124,58,237,.6)}
.rp-badge{position:absolute;top:8px;left:8px;z-index:1;background:var(--violet);color:#fff;font-size:11px;font-weight:800;border-radius:999px;padding:3px 8px}
.rp-badge.alt{background:#fff;color:var(--violet-600,#6D28D9);border:1px solid var(--line)}
.rp-img{display:block;width:100%;height:96px;border:0;padding:0;background:linear-gradient(135deg,#EDE4FF,#FCE7F3);cursor:pointer;overflow:hidden}
.rp-img img{width:100%;height:100%;object-fit:cover;display:block}
.rp-img span{font-size:30px}
.rp-ob{padding:10px;display:flex;flex-direction:column;gap:3px;flex:1}
.rp-ob b{color:var(--ink);font-size:13.5px;line-height:1.3}
.rp-shop{color:var(--muted);font-size:12px}
.rp-facts{display:flex;flex-wrap:wrap;gap:3px 9px;font-size:12px;color:var(--body);margin:3px 0}
.rp-ok{color:var(--violet-600,#6D28D9);font-weight:700}.rp-low{color:#B45309;font-weight:700}
.rp-price{font-weight:800;color:var(--ink);font-size:16px;margin-top:auto}
.rp-price small{font-weight:500;color:var(--muted);font-size:12px}
.rp-ob .btn{width:100%;margin-top:6px}
.rp-swap{background:#fff!important;border:1.5px solid var(--violet)!important;color:var(--violet)!important}
.rp-skipcard{align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center;color:var(--muted);font-size:13px;background:#FAF7FF;border-style:dashed}
.rp-sum{position:sticky;top:90px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}
.rp-sum h3{margin:0;color:var(--ink);font-size:17px}
.rp-mut{color:var(--muted);font-size:12.5px;line-height:1.45}
.rp-meter{height:9px;border-radius:999px;background:#EEE9F8;overflow:hidden;margin:10px 0 4px}
.rp-meter i{display:block;height:100%;background:linear-gradient(90deg,#7C3AED,#C026D3)}
.rp-lines{margin:10px 0 0}
.rp-li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #F3F0F8;font-size:13px;color:var(--ink)}
.rp-li span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-tot{display:flex;justify-content:space-between;font-weight:800;color:var(--ink);font-size:16px;margin:10px 0 2px}
.rp-save{background:#F3EEFF;color:var(--violet-600,#6D28D9);border-radius:10px;padding:8px 10px;font-size:12.5px;font-weight:600;margin-top:10px}
.rp-addall{width:100%;margin-top:12px;padding:12px!important}
.rp-edit{width:100%;margin-top:6px}
.rp-empty{color:var(--muted)}
@media(max-width:900px){.rp-plan{grid-template-columns:1fr}.rp-sum{position:static}}
@media(max-width:520px){.rp-row2{grid-template-columns:1fr}.rp-opts{grid-template-columns:1fr 1fr}.rp-me{max-width:90%}}
.shop-off-note{margin-top:6px;font-size:12px;font-weight:700;line-height:1.35}
.shop-off-note.off{color:#B45309}
.shop-off-note.soon{color:var(--muted);font-weight:600}
.shop-off-note{white-space:nowrap}
.shop-off-note small{display:block;font-weight:600;color:var(--muted);font-size:11.5px;margin-top:1px;padding-left:12px}
.shop-off-note.soon small{padding-left:0}
.shop-off-note{white-space:normal!important}

/* ===== Cart: Airbnb-style "Confirm and pay" ===== */
.ck-back{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:700;font-size:14.5px;text-decoration:none;margin:0 0 4px}
.ck-back:hover{color:var(--violet)}
.ck-title{margin:2px 0 2px!important;letter-spacing:-.6px}
.ck-sub{margin:0 0 18px;color:var(--muted)}
.ck-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:40px;align-items:start}
.ck-sec{padding:18px 0;border-bottom:1px solid var(--line)}
.ck-sec:first-child{padding-top:4px}
.ck-sec h2{margin:0 0 12px;color:var(--ink);font-size:20px;letter-spacing:-.3px}
.ck-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}
.ck-row:last-child{margin-bottom:0}
.ck-row b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}
.ck-row span{color:var(--body)}
.ck-row > small{color:var(--muted);font-size:12.5px;white-space:nowrap}
.ck-addr select,.ck-addr input{width:100%;max-width:520px;margin-top:6px}
.ck-addr small{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.ck-shop{border:1px solid var(--line);border-radius:18px;background:#fff;padding:12px 14px 4px;margin-bottom:14px}
.ck-shop-h{display:flex;align-items:center;gap:10px;padding:2px 2px 10px;border-bottom:1px solid #F3F0F8}
.ck-sav{flex:none;width:34px;height:34px;border-radius:50%;background:#F3EEFF;color:var(--violet);display:grid;place-items:center;font-weight:800}
.ck-shop-h b{color:var(--ink);font-size:15px}.ck-shop-h small{display:block;color:var(--muted);font-size:12px}
.ck-shop .ck-item{border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:12px 2px!important;background:transparent!important}
.ck-shop .ck-item + .ck-item{border-top:1px solid #F3F0F8!important}
.ck-ih{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.ck-ih h3{margin:0;font-size:15.5px;line-height:1.3}
.ck-price{font-weight:800;color:var(--ink);white-space:nowrap}
.ck-pol{margin:0 0 10px;color:var(--body)}.ck-pol b{color:var(--ink)}
.ck-tl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ck-tl div{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;font-size:12.5px;color:var(--body)}
.ck-tl b{display:block;color:var(--ink);font-size:13px;margin-bottom:2px}
.ck-fine{font-size:12.5px;color:var(--muted);line-height:1.6;margin:14px 0 0}
.ck-card{position:sticky!important;top:90px!important;border-radius:20px!important;padding:20px!important;box-shadow:0 18px 40px -24px rgba(73,42,147,.35)!important}
.ck-ch{display:flex;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ck-cimg{position:relative;flex:none;width:96px;height:80px;border-radius:12px;overflow:hidden;background:#F3EEFF}
.ck-cimg img,.ck-cimg svg{width:100%;height:100%;object-fit:cover;display:block}
.ck-cimg span{position:absolute;bottom:6px;right:6px;background:#fff;color:var(--ink);font-size:11px;font-weight:800;border-radius:999px;padding:2px 7px}
.ck-ch b{display:block;color:var(--ink);font-size:15px}.ck-ch small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}
.ck-pd{padding:14px 0 12px;border-bottom:1px solid var(--line)}
.ck-pd h3{margin:0 0 6px;color:var(--ink);font-size:16px}
.ck-pd .ctot{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.ck-split{margin-top:12px;background:#FAF7FF;border:1px solid #E3D8FB;border-radius:14px;padding:12px}
.ck-today{display:flex;justify-content:space-between;font-weight:800;color:var(--ink);font-size:17px;margin-bottom:4px}
.ck-split .cl{margin:2px 0}
.ck-split small{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.45}
.ck-pay{width:100%;margin-top:14px;padding:15px!important;font-size:16px!important;font-weight:800!important;border-radius:14px!important;background:linear-gradient(90deg,#7C3AED,#A855F7 60%,#C026D3)!important;border:0!important}
.ck-pay:disabled{opacity:.5}
.ck-trust{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:12px}
.ck-note{text-align:center;color:var(--muted);font-size:11.5px;margin:8px 0 0;line-height:1.5}
.ck-mbar{display:none}
@media(max-width:1000px){
  .ck-grid{grid-template-columns:1fr;gap:16px}
  .ck-card{position:static!important}
  .ck-tl{grid-template-columns:1fr}
  .ck-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -8px 24px -16px rgba(73,42,147,.35)}
  .ck-mbar b{display:block;color:var(--ink);font-size:16px}
  .ck-mbar a{color:var(--muted);font-size:12.5px}
  #cartBody{padding-bottom:84px}
  .ck-row > small{display:none}
}
.ck-shop .ck-item{grid-template-columns:96px minmax(0,1fr)!important}
.ck-shop .ck-item .cart-remove{grid-column:1;grid-row:2;justify-self:center;align-self:start;position:static!important;margin:6px 0 0!important;font-size:12.5px}
@media(max-width:900px){.ck-shop .ck-item{grid-template-columns:72px minmax(0,1fr)!important}}
@media(max-width:1000px){body:has(#view-cart.on .ck-mbar) #rubbliAssistantLauncher{bottom:92px!important}}

/* ===== Single "Book now" checkout (same look as the cart) ===== */
#view-checkout .ck-title{font-size:30px!important}
#view-checkout .ck-card .ck-pd{border-top:0}
.sb-f3{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.sb-f2{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:10px;margin-top:10px;align-items:start}
.sb-addr{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px}
.sb-fld{display:block;border:1.5px solid var(--line);border-radius:12px;padding:7px 12px 6px;background:#fff;cursor:text;transition:border-color .15s;margin:0!important}
.sb-fld:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.sb-fld small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.sb-fld input{display:block;width:100%;border:0!important;outline:0!important;box-shadow:none!important;padding:2px 0!important;margin:0!important;background:transparent!important;font:inherit;font-size:15px;font-weight:600;color:var(--ink);min-height:0!important;height:auto!important}
.sb-fld.is-off{background:#FAFAFC}
.sb-avail{margin-top:8px;font-size:13px;font-weight:700}
.sb-avail .good{color:var(--violet-600,#6D28D9)}
.sb-avail .bad{color:var(--rose,#BE123C)}
.sb-hint{margin:-4px 0 12px;color:var(--muted);font-size:13px}
.sb-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sb-opts.one{grid-template-columns:1fr;max-width:420px}
.sb-opt{display:block;text-align:left;border:1.5px solid var(--line)!important;border-radius:14px!important;padding:12px 14px!important;background:#fff!important;cursor:pointer;font:inherit;margin:0!important;min-height:0!important}
.sb-opt b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}
.sb-opt small{display:block;color:var(--muted);font-size:12.5px;line-height:1.4}
.sb-opt.on{border-color:var(--violet)!important;background:#FAF7FF!important;box-shadow:0 0 0 1px var(--violet) inset}
.sb-opt .rd,.sb-opt .amt{display:none}
.sb-arrive{display:block;color:var(--muted);font-size:12.5px;margin-top:6px}
.sb-opt-l{font-weight:500;color:var(--muted);font-size:13px}
.sb-ta{width:100%;min-height:74px;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;resize:vertical}
.sb-rate{color:var(--ink)!important;margin-top:5px!important}
.sb-alt{display:block;text-align:center;margin-top:10px;color:var(--ink);font-weight:700;text-decoration:underline;font-size:13.5px}
.sb-md span,.sb-md b{color:#B91C1C!important;font-weight:700}
#view-checkout .acct-saved-note{grid-column:1/-1;font-size:12px;margin-top:4px}
#view-checkout #zoneMsg .zres{font-size:13px;padding:9px 12px;margin-top:10px}
#view-checkout .svc-pickup-note{margin-top:10px}
@media(max-width:1000px){
  #checkoutBody{padding-bottom:84px}
  body:has(#view-checkout.on .ck-mbar) #rubbliAssistantLauncher{bottom:92px!important}
}
@media(max-width:640px){
  #view-checkout .ck-title{font-size:24px!important}
  .sb-f3{grid-template-columns:1fr 1fr}
  .sb-f3 .sb-fld:first-child{grid-column:1/-1}
  .sb-f2{grid-template-columns:1fr}
  .sb-addr{grid-template-columns:1fr 100px}
  .sb-opts{grid-template-columns:1fr 1fr}
  .sb-opt small{font-size:11.5px}
}
@media(min-width:641px){#checkoutBody,#cartBody{padding-left:32px!important;padding-right:32px!important}}
.sb-f2 .sb-fld,.sb-addr .sb-fld{min-height:58px}
/* "Book now" on cards and the item page: lighter purple */
.btn.btn-book{background:#EFE7FF!important;color:#6D28D9!important;border:1.5px solid #DCCBFB!important;box-shadow:none!important;background-image:none!important}
.btn.btn-book:hover:not(:disabled){background:#E4D6FF!important;border-color:#C9B0F7!important;color:#5B21B6!important}
.btn.btn-book:disabled{background:#F4F2F7!important;color:#9A94AB!important;border-color:#E9E4F5!important}
/* Card availability: plain text, no box */
.avpill{background:none!important;padding:0!important;border:0!important;box-shadow:none!important;font-size:13.5px!important;font-weight:700}
.avpill.av-ok{color:var(--muted)!important;font-weight:600}
.avpill.av-low,.avpill.av-short{color:#B45309!important}
.avpill.av-no{color:#BE123C!important}
/* Admin → Settings → Sales tax */
.tax-cls{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;margin-top:12px}
.tax-cls-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:12px;padding:9px 12px;background:#fff}
.tax-cls-row b{display:block;color:var(--ink);font-size:14px}
.tax-cls-row small{color:var(--muted);font-size:12px}
.tax-cls-row select{width:auto;min-width:130px;padding:6px 8px;border-radius:8px}
.tax-review{font-style:normal;color:#B45309;font-weight:700}
.tax-rep-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.tax-rep{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
.tax-rep th,.tax-rep td{padding:9px 12px;text-align:left;border-bottom:1px solid #F1EEF7;white-space:nowrap}
.tax-rep th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#FAF8FE}
.tax-rep tfoot td{font-weight:800;color:var(--ink);border-bottom:0;background:#FAF8FE}
.adm-taxcls{display:block;margin-top:6px;width:auto;max-width:220px;font-size:12px;padding:4px 6px;border-radius:8px;text-transform:none}
.fin-taxcert{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;padding:14px 16px;border:1px solid #E3D8FB;border-radius:14px;background:#FAF7FF;color:var(--body)}
.fin-taxcert svg{flex:none;color:var(--violet);margin-top:1px}
.fin-taxcert b{display:block;color:var(--ink);font-size:14.5px;margin-bottom:3px}
.fin-taxcert p{margin:0;font-size:13px;line-height:1.55}

/* Admin → Rubbli Finances */
.rf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.rf-head .psub{margin-bottom:0!important}
.rf-month{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.rf-month select{min-width:190px;padding:9px 12px;border-radius:10px;font-size:14.5px;font-weight:700;text-transform:none;letter-spacing:0;color:var(--ink)}
.rf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.rf-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.rf-kpi small{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.rf-kpi b{display:block;font-size:26px;color:var(--ink);margin:6px 0 2px;letter-spacing:-.4px}
.rf-kpi span{font-size:12.5px;color:var(--muted)}
.rf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.rf-card{margin-bottom:14px!important}
.rf-card-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rf-card-h h3{margin:0}
.rf-line{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #F3F0F8;font-size:14px}
.rf-line span{color:var(--body)}
.rf-line small{display:block;color:var(--muted);font-size:12px;margin-top:1px}
.rf-line b{color:var(--ink);white-space:nowrap}
.rf-line.minus b{color:#B42318}
.rf-line.total{border-bottom:0;border-top:1.5px solid var(--ink);margin-top:4px;padding-top:10px}
.rf-line.total span,.rf-line.total b{font-weight:800;color:var(--ink);font-size:15.5px}
.rf-sep{height:10px}
.rf-note{font-size:12.5px;color:var(--muted);margin:8px 0 0}
.rf-up{display:grid;grid-template-columns:1.4fr .9fr .8fr 1.4fr auto;gap:10px;align-items:end;margin-top:6px}
.rf-f{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}
.rf-f input,.rf-f select{padding:8px 10px;border-radius:10px;font-size:14px}
.rf-files{display:grid;gap:8px;margin-top:14px}
.rf-file{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}
.rf-ext{flex:none;width:42px;height:42px;border-radius:10px;background:#F3EEFF;color:var(--violet);display:grid;place-items:center;font-size:11px;font-weight:800}
.rf-file-m{flex:1;min-width:0}
.rf-file-m b{display:block;color:var(--ink);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rf-file-m small{color:var(--muted);font-size:12.5px}
.rf-del{color:#B42318!important}
@media(max-width:1100px){.rf-grid{grid-template-columns:1fr}.rf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-up{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.rf-kpis{grid-template-columns:1fr 1fr}.rf-kpi b{font-size:20px}.rf-up{grid-template-columns:1fr}.rf-file{flex-wrap:wrap}}
.rf-up{display:flex!important;flex-wrap:wrap;align-items:flex-end}
.rf-up .rf-f{flex:1 1 170px;min-width:0}
.rf-up .rf-f-wide{flex:2 1 220px}
.rf-up .rf-f input[type=file]{padding:6px;border:1.5px dashed var(--line);background:#FAF8FE;width:100%}
.rf-up .btn{flex:none}
.rf-card-h h3{font-size:18px}
.rf-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.rf-net b{color:var(--violet)!important}
.rf-bal{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.rf-bal div{background:#FAF7FF;border:1px solid #E3D8FB;border-radius:12px;padding:10px 12px}
.rf-bal small{display:block;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.rf-bal b{display:block;font-size:20px;color:var(--ink);margin-top:3px}
.rf-bal span{font-size:12px;color:var(--muted)}
.rf-test{margin:0 0 6px;display:inline-block;background:#FEF3C7;color:#92400E;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px}
.rf-shops{min-width:520px}
@media(max-width:1100px){.rf-grid-2{grid-template-columns:1fr}}
.rf-pnl-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.rf-pnl-h{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--violet);margin:14px 0 2px}
.rf-pnl-cols > div > .rf-pnl-h:first-child{margin-top:4px}
.rf-line.sub{border-bottom:0;border-top:1px solid var(--ink);padding-top:9px}
.rf-line.sub span,.rf-line.sub b{font-weight:800;color:var(--ink)}
.rf-line.sub.minus b{color:#B42318}
.rf-profit{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:14px 16px;border-radius:14px;background:#ECFDF3;border:1px solid #ABEFC6}
.rf-profit span{font-weight:800;color:var(--ink);font-size:16px}
.rf-profit small{display:block;font-weight:600;color:var(--muted);font-size:12px}
.rf-profit b{font-size:24px;color:#067647}
.rf-profit.neg{background:#FEF3F2;border-color:#FECDCA}
.rf-profit.neg b{color:#B42318}
.rf-exp-form .rf-f-sm{flex:0 1 130px}
.rf-exp td{vertical-align:top}
.rf-sub{display:block;color:var(--muted);font-size:11.5px}
.rf-acts{text-align:right;white-space:nowrap}
.rf-acts .btn{margin-left:6px}
@media(max-width:900px){.rf-pnl-cols{grid-template-columns:1fr;gap:0}}
.rf-card{min-width:0}
@media(max-width:1100px){.rf-grid,.rf-grid-2{grid-template-columns:minmax(0,1fr)!important}}
.rf-h-acts{display:flex;gap:8px;align-items:center}
.rf-exp-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px}
.rf-exp-bar span{font-size:13px;color:var(--muted)}
.rf-cat-link{display:block;color:inherit;text-decoration:none;border-radius:8px}
.rf-cat-link:hover .rf-line span{color:var(--violet);text-decoration:underline}
.rf-modal{display:grid;gap:12px;margin-top:6px}
.rf-modal .rf-f input,.rf-modal .rf-f select{padding:10px 12px;font-size:15px}
.rf-m2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rf-m-acts{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
@media(max-width:480px){.rf-m2{grid-template-columns:1fr}}
.rf-pnl-cols{gap:0!important;grid-template-columns:1fr 1fr}
.rf-pnl-cols > div:first-child{padding-right:36px}
.rf-pnl-cols > div:last-child{padding-left:36px;border-left:1px solid var(--line)}
@media(max-width:900px){.rf-pnl-cols{grid-template-columns:1fr}.rf-pnl-cols > div:first-child{padding-right:0}.rf-pnl-cols > div:last-child{padding-left:0;border-left:0;margin-top:18px;padding-top:4px;border-top:1px solid var(--line)}}
.dep-onfile{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:10px 12px;border-radius:12px;background:#F0FDF4;border:1px solid #BBF7D0;color:#14532D;font-size:12.5px;line-height:1.45}
.dep-onfile b{color:#14532D}
.bulk-na{color:var(--muted);align-self:center;padding:0 8px}
.adm-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;flex:none}
.adm-switch input{position:absolute;opacity:0;width:1px;height:1px}
.adm-switch span{width:46px;height:26px;border-radius:999px;background:#D7D2E3;position:relative;transition:background .15s}
.adm-switch span::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .15s}
.adm-switch input:checked + span{background:var(--violet)}
.adm-switch input:checked + span::after{left:23px}
.adm-switch input:focus-visible + span{outline:2px solid var(--violet);outline-offset:2px}
.adm-switch b{min-width:26px;color:var(--ink)}
.rf-pnl-cols > div:first-child{padding-right:64px!important}
.rf-pnl-cols > div:last-child{padding-left:64px!important}
@media(max-width:900px){.rf-pnl-cols > div:first-child{padding-right:0!important}.rf-pnl-cols > div:last-child{padding-left:0!important}}
.promo-set{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;gap:10px}
.promo-set-row{display:flex;gap:18px;flex-wrap:wrap}
.promo-set-row label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}
.promo-set-row span{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--ink);font-weight:700}
.promo-set-row input{width:90px;padding:8px 10px;border-radius:10px}
.promo-set small{color:var(--muted);font-size:12.5px}
.promo-shop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;border-radius:12px;background:#FAF7FF;border:1px solid #E3D8FB;font-size:13.5px;color:var(--body)}
.promo-shop label{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--muted)}
.promo-shop input{padding:6px 8px;border-radius:8px}
.vd-promo{display:flex;gap:12px;align-items:center;margin:0 0 14px;padding:14px 16px;border-radius:16px;background:linear-gradient(90deg,#F3EEFF,#FDF2FF);border:1px solid #E3D8FB}
.vd-promo .ic{font-size:24px}
.vd-promo b{display:block;color:var(--ink);font-size:15px}
.vd-promo span{font-size:13px;color:var(--body)}
.rf-start{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-left:auto}
.rf-start b{color:var(--ink)}
.rf-head{align-items:center!important}

/* Sign in / sign up: tighter, fits without scrolling */
#infoBody:has(.auth-shell),#infoBody:has(#authBackSignin){padding-top:14px!important;padding-bottom:30px!important}
.auth-shell{max-width:520px!important;margin:4px auto 24px!important}
.auth-shell > #authBackHome{margin-bottom:10px!important}
.auth-card{padding:24px 30px 22px!important;border-radius:20px!important}
.auth-brand{margin-bottom:12px!important}
.auth-brand-mark{width:36px!important;height:36px!important;border-radius:11px!important;font-size:18px!important}
.auth-brand-name{font-size:24px!important}
.auth-welcome{font-size:28px!important;margin:0 0 2px!important}
.auth-subtitle{font-size:14.5px!important;margin:0 0 16px!important}
.auth-field{margin-bottom:12px!important}
.auth-field label{margin-bottom:5px!important;font-size:14px}
.auth-input{padding:11px 14px!important;font-size:15px!important}
.auth-eye{width:34px!important;height:34px!important}
.auth-link-row{margin:-2px 0 14px!important}
.auth-primary{padding:12px!important}
.auth-signup{margin:12px 0 0!important;font-size:14px!important}
.auth-divider{margin:16px 0 12px!important}
.auth-google{min-height:46px!important;font-size:15px!important}
.auth-terms-mini{margin-top:12px!important}
@media(max-width:640px){.auth-card{padding:20px 18px!important}.auth-welcome{font-size:26px!important}}
/* Start your shop (application): less top space, wider "What you get" */
#shopApplyBody{padding-top:14px!important}
#shopApplyBody .crumb{margin-bottom:6px!important}
#shopApplyBody .ptitle{margin-top:0!important;margin-bottom:6px!important}
#shopApplyBody .psub{margin-bottom:14px!important}
#shopApplyBody .vapply-grid > aside{margin-top:0}
#shopApplyBody .vapply-grid > aside .block{padding:20px 22px!important}
#shopApplyBody .vben-compact h3{margin-top:0!important}
@media(max-width:1000px){#shopApplyBody .vapply-grid{grid-template-columns:1fr!important}}
#shopApplyBody .crumb{padding-top:0!important}
#shopApplyBody .vben-compact{margin-top:0!important}
#shopApplyBody .crumb{padding-bottom:8px!important}
.appr-promo{margin-top:14px;padding:14px 16px;border-radius:14px;background:linear-gradient(90deg,#F6F1FF,#FDF4FF);border:1px solid #E3D8FB;display:grid;gap:10px}
.appr-promo-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--body)}
.appr-promo-row b{color:var(--ink)}
.appr-promo-row input{width:76px!important;padding:8px 10px!important}
.appr-promo-sum{margin:0;font-size:13px;color:var(--body);line-height:1.5}
.appr-promo-sum b{color:var(--violet)}

/* Launch your shop: tighter steps */
.launch-pg > .block:first-child{padding:16px 20px!important;margin-bottom:10px!important}
.launch-pg > .block:first-child .ptitle{font-size:26px!important;margin:0 0 2px!important}
.launch-pg > .block:first-child > div[style*="height:8px"]{margin-top:12px!important;height:6px!important}
.launch-pg > div[style*="display:grid"]{gap:10px!important}
.launch-pg section.block{padding:14px 18px!important;gap:14px!important;grid-template-columns:36px minmax(0,1fr) auto!important;margin:0!important}
.launch-pg section.block > div:first-child{width:34px!important;height:34px!important;font-size:15px!important}
.launch-pg section.block h3{margin:2px 0 2px!important;font-size:17px!important}
.launch-pg section.block .bhint{margin:0 0 8px!important;font-size:13px!important}
.launch-pg section.block .bhint:last-child{margin-bottom:0!important}
.launch-pg section.block div[style*="text-transform:uppercase"]{font-size:11px!important}
.launch-pg section.block input,.launch-pg section.block select{padding:8px 10px!important;min-height:0!important}
.launch-pg section.block .btn{padding:8px 14px!important}
.launch-pg section.block > div > div[style*="background"]{padding:8px 12px!important}
@media(max-width:900px){.launch-pg section.block{grid-template-columns:1fr!important}}

/* Create listing: delivery checkbox cards (2026-10-08) */
.dlv-block>label{margin-bottom:2px!important}
.dlv-sub{margin:0 0 8px;color:var(--muted);font-size:12.5px}
.dlv-box{width:18px;height:18px;border-radius:5px;border:2px solid #cfc8de;background:#fff;flex:none;position:relative}
.dlv-card.on .dlv-box{border-color:var(--violet);background:var(--violet)}
.dlv-card.on .dlv-box:after{content:'';position:absolute;left:4px;top:0;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.dlv-card.dim{opacity:.55}
#view-listgear .lc-2col .dlv-box{position:absolute!important;top:8px;right:8px;width:16px!important;height:16px!important}
#view-listgear .lc-2col .dlv-card.on .dlv-box:after{left:3px;width:4px;height:8px}
#view-listgear .lc-2col .dlv-cbx .dlv-text{padding-right:14px}
.dlv-sum{margin-top:10px;padding:9px 12px;border-radius:8px;background:#F0FDF4;border:1px solid #BBF7D0;color:#14532D;font-size:13px}
.dlv-sum.bad{background:#FEF3F2;border-color:#FECDCA;color:#B42318}
.dlv-sum:empty{display:none}
.tag-delivery-only{position:absolute;left:10px;bottom:10px;z-index:2;background:#fff;color:var(--ink);font-size:11.5px;font-weight:800;border-radius:999px;padding:4px 9px;box-shadow:0 2px 8px rgba(0,0,0,.1);pointer-events:none}
.sb-opt.one{grid-column:1/-1}
.md-tag ~ .tag-delivery-only{bottom:44px}

/* Cart checkout: tighter top, event dates on one line (2026-10-08) */
#cartBody .ck-back{display:inline-block;margin-bottom:4px}
#cartBody .ck-title{font-size:30px!important;margin:0!important;line-height:1.15}
#cartBody .ck-sub{margin:2px 0 6px;font-size:14px}
#cartBody .ck-sec:first-child{padding-top:10px}
#cartBody .ck-dates{align-items:baseline;margin-bottom:10px}
#cartBody .ck-dates h2{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
#cartBody .ck-dates h2 span{font-size:15.5px;font-weight:500;color:var(--body);letter-spacing:0}
#cartBody .cart-addr{padding:12px 16px!important}
@media(max-width:640px){#cartBody .ck-title{font-size:24px!important}#cartBody .ck-dates h2{font-size:18px}}
.fin-owed{margin:0 0 14px;padding:12px 14px;border:1px solid #FECDCA;background:#FEF3F2;border-radius:10px;color:#7A271A;font-size:13.5px}
.fin-owed b{display:block;color:#B42318;font-size:15px}
.fin-owed p{margin:4px 0 6px}
.fin-owed ul{margin:0;padding-left:18px}
.t-upcoming{background:#F1EEF6;color:#4B4560}
.t-alert{background:#FEF3F2;color:#B42318;border-radius:var(--r-ctl)!important}
.sb-addr-err{display:block;color:#B42318;font-size:12.5px;margin-top:4px}.sb-addr-err:empty{display:none}

/* Home hero 1cm (38px) shorter (2026-10-08) */
@media(min-width:701px){#view-home .marketplace-hero{min-height:482px!important;padding-top:68px!important;padding-bottom:48px!important}}
@media(max-width:700px){#view-home .marketplace-hero{min-height:402px!important;padding-top:26px!important;padding-bottom:28px!important}}
.vord-issue-note{flex-basis:100%;order:9;font-size:12.5px;color:#7A271A;background:#FEF3F2;border-radius:8px;padding:6px 10px;line-height:1.4}.vord-issue-note a{color:#B42318;font-weight:700}
#wDlvWrap[hidden],#wVenueNote[hidden]{display:none!important}
.category-shortcut-row{grid-template-columns:repeat(11,minmax(72px,1fr))}
.adm-listing-status{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.adm-listing-status .adm-deact{color:var(--rose)}
.admin-removal-reason{margin:6px 0 2px;padding:6px 10px;border-radius:8px;background:#FEF3F2;color:#7A271A;font-size:12.5px;line-height:1.4}.admin-removal-reason a{color:#B42318;font-weight:700;margin-left:4px}

/* Admin-only shop flags (2026-10-11) */
.adm-flag-tag{margin-left:6px;vertical-align:middle}
.adm-flagbox{margin:14px 0 4px;border:1px solid #FECDCA;background:#FEF3F2;border-radius:12px;padding:12px 14px}
.adm-flagbox h4{margin:0 0 8px;color:#B42318;font-size:14px}
.adm-flagbox h4 span{font-weight:600;color:#7B7490;font-size:12px;margin-left:6px}
.adm-fl{border-top:1px solid #FECDCA;padding:10px 0 4px}
.adm-fl:first-of-type{border-top:0;padding-top:0}
.adm-fl b{color:var(--ink)}
.adm-fl small{display:block;color:var(--muted);margin-top:2px}
.adm-fl p{margin:4px 0 2px;color:#7A271A;white-space:pre-wrap}
.adm-fl.done{opacity:.65}
.adm-flag-reasons{display:flex;flex-wrap:wrap;gap:6px}
.adm-flag-reasons label{cursor:pointer}
.adm-flag-reasons input{position:absolute;opacity:0;pointer-events:none}
.adm-flag-reasons span{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:700;background:#fff}
.adm-flag-reasons input:checked + span{border-color:var(--violet);background:#FAF7FF;color:var(--violet)}
.adm-flag-reasons input:focus-visible + span{outline:2px solid var(--violet)}
.adm-flag-row{display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) 110px 120px 110px!important}
@media(max-width:760px){.adm-flag-row{grid-template-columns:1fr!important}}

/* Admin → Rubbli SOPs */
.sop-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;margin-top:16px;align-items:start}
.sop-nav{position:sticky;top:84px;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line,#E9E4F5);border-radius:14px;padding:10px}
.sop-search{margin-bottom:6px;width:100%}
.sop-nav-item{display:flex;gap:8px;align-items:center;text-align:left;border:0;background:transparent;border-radius:9px;padding:8px 10px;font:inherit;font-weight:700;color:var(--ink,#0F0A1E);cursor:pointer}
.sop-nav-item:hover{background:#F6F2FF}
.sop-nav-item.on{background:#F3EDFF;color:var(--violet,#7C3AED)}
.sop-body{min-width:0}
.sop-sec{background:#fff;border:1px solid var(--line,#E9E4F5);border-radius:16px;padding:18px 20px;margin-bottom:16px}
.sop-sec h2{margin:0 0 6px;font-size:20px;color:var(--ink,#0F0A1E)}
.sop-item{border-top:1px solid var(--line,#E9E4F5);padding:14px 0 4px}
.sop-item:first-of-type{border-top:0}
.sop-item h3{margin:0 0 8px;font-size:15.5px;color:var(--ink,#0F0A1E)}
.sop-item p,.sop-item li{line-height:1.55;color:#4B4560}
.sop-item ol,.sop-item ul{margin:0 0 8px;padding-left:20px}
.sop-item li{margin-bottom:4px}
.sop-table-wrap{overflow-x:auto;margin-bottom:8px}
.sop-table{width:100%;border-collapse:collapse;font-size:13.5px}
.sop-table th{text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#7B7490;padding:8px 10px;border-bottom:1px solid var(--line,#E9E4F5);white-space:nowrap}
.sop-table td{padding:9px 10px;border-bottom:1px solid #F1EEF6;vertical-align:top;color:#4B4560}
.sop-table td:first-child{color:var(--ink,#0F0A1E);font-weight:600}
.sop-hint{color:#7B7490;margin:0 0 10px}
@media (max-width:820px){
  .sop-wrap{grid-template-columns:1fr}
  .sop-nav{position:static;flex-direction:row;flex-wrap:wrap}
  .sop-search{flex-basis:100%}
  .sop-nav-item{padding:6px 10px;border:1px solid var(--line,#E9E4F5)}
  .sop-sec{padding:14px}
}