/* V208 — Wishlist / FTS Requests one-screen cleanup.
   Scope: wishlist.html only. Keeps the page demand-testing focused. */

body.wishlist-v208 main{
  min-height:calc(100vh - 138px);
}

body.wishlist-v208 .wishlist-page{
  width:min(100vw - 44px,1560px)!important;
  margin:0 auto!important;
  padding:clamp(12px,1.8vh,18px) 0 clamp(16px,2vh,22px)!important;
}

body.wishlist-v208 .wishlist-page > .section,
body.wishlist-v208 .wishlist-page > .hero-card{
  margin:0!important;
}

body.wishlist-v208 .wishlist-hero,
body.wishlist-v208 .request-route-card,
body.wishlist-v208 .wishlist-rail,
body.wishlist-v208 .wishlist-form-panel,
body.wishlist-v208 .request-board{
  box-shadow:none!important;
}

body.wishlist-v208 .wishlist-hero{
  padding:clamp(16px,2vw,24px)!important;
  min-height:0!important;
  border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(242,239,232,.045),rgba(0,0,0,0));
}

body.wishlist-v208 .wishlist-hero h1{
  font-size:clamp(48px,5.8vw,92px)!important;
  line-height:.82!important;
  letter-spacing:-.035em!important;
  max-width:9ch;
}

body.wishlist-v208 .wishlist-hero .lead{
  max-width:620px;
  margin-top:12px!important;
  font-size:clamp(17px,1.45vw,24px)!important;
}

body.wishlist-v208 .wishlist-hero p:not(.lead){
  max-width:660px;
  margin-top:10px!important;
}

body.wishlist-v208 .wishlist-hero .button-row{
  gap:8px!important;
  margin-top:16px!important;
}

body.wishlist-v208 .wishlist-hero .btn{
  min-height:40px!important;
  padding:10px 13px!important;
  font-size:9px!important;
}

body.wishlist-v208 .wishlist-status-card{
  min-height:0!important;
  padding:14px!important;
  background:linear-gradient(135deg,#f2efe8,#d9d2c4)!important;
}

body.wishlist-v208 .wishlist-status-card b{
  font-size:clamp(32px,3.6vw,58px)!important;
}

body.wishlist-v208 .request-grid{
  gap:10px!important;
}

body.wishlist-v208 .request-route-card{
  min-height:126px!important;
  padding:13px!important;
}

body.wishlist-v208 .request-route-card h2{
  font-size:clamp(26px,2.8vw,42px)!important;
}

body.wishlist-v208 .request-route-card p{
  margin:0!important;
  font-size:12px!important;
  line-height:1.35!important;
}

body.wishlist-v208 .wishlist-shell{
  min-height:0!important;
}

body.wishlist-v208 .wishlist-rail{
  align-self:stretch!important;
  background:rgba(255,255,255,.018)!important;
}

body.wishlist-v208 .wishlist-form-panel{
  min-width:0!important;
  border:1px solid var(--line);
}

body.wishlist-v208 .wishlist-form-panel .section-head{
  margin-bottom:12px!important;
  padding-bottom:12px!important;
}

body.wishlist-v208 .wishlist-form-panel .section-head h2{
  font-size:clamp(32px,3.8vw,58px)!important;
}

body.wishlist-v208 .wishlist-form{
  gap:10px!important;
}

body.wishlist-v208 .wishlist-form .field{
  min-height:42px!important;
  padding:10px 12px!important;
  font-size:15px!important;
}

body.wishlist-v208 .wishlist-form .form-row,
body.wishlist-v208 .wishlist-form .form-row.three{
  gap:10px!important;
}

body.wishlist-v208 .wish-detail-textarea{
  min-height:92px!important;
  resize:vertical;
}

body.wishlist-v208 .request-helper{
  padding:11px 12px!important;
}

body.wishlist-v208 .wish-btn{
  min-height:46px!important;
}

body.wishlist-v208 .request-board{
  border:1px solid var(--line);
  background:rgba(255,255,255,.012);
}

body.wishlist-v208 .request-board .section-head{
  margin-bottom:10px!important;
  padding-bottom:10px!important;
}

body.wishlist-v208 .request-board-list{
  overflow:auto!important;
  scrollbar-width:thin;
}

body.wishlist-v208 .request-board-list::-webkit-scrollbar{
  height:8px;
  width:8px;
}

body.wishlist-v208 .request-board-list::-webkit-scrollbar-thumb{
  background:rgba(242,239,232,.28);
}

@media (min-width:1180px){
  body.wishlist-v208{
    overflow:auto;
  }
  body.wishlist-v208 .wishlist-page{
    display:grid!important;
    grid-template-columns:minmax(430px,.86fr) minmax(610px,1.14fr)!important;
    grid-template-areas:
      "hero form"
      "routes form"
      "board form"!important;
    grid-template-rows:auto auto minmax(120px,1fr)!important;
    gap:12px!important;
    align-items:stretch!important;
  }
  body.wishlist-v208 .wishlist-hero{
    grid-area:hero!important;
    grid-template-columns:minmax(0,1fr) minmax(150px,210px)!important;
    gap:12px!important;
  }
  body.wishlist-v208 .request-grid{
    grid-area:routes!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.wishlist-v208 .wishlist-shell{
    grid-area:form!important;
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    gap:10px!important;
    margin:0!important;
  }
  body.wishlist-v208 .wishlist-rail{
    position:static!important;
    top:auto!important;
    padding:11px!important;
    gap:7px!important;
  }
  body.wishlist-v208 .wish-tag{
    padding:8px!important;
    font-size:8px!important;
  }
  body.wishlist-v208 .wishlist-form-panel{
    padding:15px!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.wishlist-v208 .wishlist-form{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
  }
  body.wishlist-v208 .request-board{
    grid-area:board!important;
    padding:13px 15px!important;
    margin:0!important;
    min-height:0!important;
  }
  body.wishlist-v208 .request-board .section-head h2{
    font-size:clamp(26px,2.4vw,40px)!important;
  }
  body.wishlist-v208 .request-board .section-head p{
    font-size:12px!important;
  }
  body.wishlist-v208 .request-board-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-height:145px!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }
  body.wishlist-v208 .request-board-item{
    min-height:82px!important;
    padding:9px!important;
  }
  body.wishlist-v208 .request-board-item b{
    font-size:19px!important;
  }
  body.wishlist-v208 .request-board .btn{
    min-height:36px!important;
    padding:8px 11px!important;
  }
}

@media (max-width:1179px){
  body.wishlist-v208 .wishlist-page{
    display:grid!important;
    gap:14px!important;
  }
  body.wishlist-v208 .wishlist-hero,
  body.wishlist-v208 .wishlist-shell{
    grid-template-columns:1fr!important;
  }
  body.wishlist-v208 .wishlist-rail{
    position:relative!important;
    top:auto!important;
    display:flex!important;
    overflow-x:auto!important;
  }
  body.wishlist-v208 .wishlist-rail span,
  body.wishlist-v208 .wishlist-rail button{
    flex:0 0 auto!important;
  }
}

@media (max-width:720px){
  body.wishlist-v208 .wishlist-page{
    width:min(100vw - 22px,1560px)!important;
    padding-top:14px!important;
  }
  body.wishlist-v208 .wishlist-hero h1{
    font-size:clamp(46px,15vw,76px)!important;
  }
  body.wishlist-v208 .request-grid,
  body.wishlist-v208 .request-board-list,
  body.wishlist-v208 .wishlist-form .form-row,
  body.wishlist-v208 .wishlist-form .form-row.three{
    grid-template-columns:1fr!important;
  }
  body.wishlist-v208 .wishlist-form-panel{
    padding:14px!important;
  }
}

/* V209 — Wishlist compact one-screen refinement.
   Keeps wishlist.html only: tighter layout, request board moved into right gap,
   compact toggle tags, no Basket/Checkout changes. */
body.wishlist-v209 main{
  min-height:calc(100vh - 126px)!important;
}
body.wishlist-v209 .wishlist-page{
  padding:clamp(8px,1.25vh,14px) 0 clamp(12px,1.6vh,18px)!important;
}
body.wishlist-v209 .wishlist-hero{
  padding:clamp(13px,1.55vw,20px)!important;
}
body.wishlist-v209 .wishlist-hero h1{
  font-size:clamp(44px,5vw,78px)!important;
}
body.wishlist-v209 .wishlist-hero .lead{
  font-size:clamp(15px,1.18vw,20px)!important;
  margin-top:9px!important;
}
body.wishlist-v209 .wishlist-hero p:not(.lead){
  font-size:13px!important;
  line-height:1.42!important;
}
body.wishlist-v209 .wishlist-status-card{
  min-height:150px!important;
}
body.wishlist-v209 .wishlist-status-card b{
  font-size:clamp(28px,3vw,48px)!important;
}
body.wishlist-v209 .request-route-card{
  min-height:106px!important;
  padding:12px!important;
}
body.wishlist-v209 .request-route-card.is-active{
  background:linear-gradient(135deg,#f2efe8,#d9d2c4)!important;
  color:#11100e!important;
  border-color:#f2efe8!important;
}
body.wishlist-v209 .request-route-card.is-active span,
body.wishlist-v209 .request-route-card.is-active p{
  color:#28231e!important;
}
body.wishlist-v209 .request-route-card h2{
  font-size:clamp(24px,2.35vw,36px)!important;
}
body.wishlist-v209 .wishlist-rail{
  border:1px solid var(--line)!important;
  background:rgba(255,255,255,.015)!important;
}
body.wishlist-v209 .wish-tag{
  min-height:34px!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.1!important;
}
body.wishlist-v209 .wish-tag.selected::after{
  content:" ×";
  font-weight:900;
  letter-spacing:0;
}
body.wishlist-v209 .wishlist-form-panel{
  padding:13px!important;
}
body.wishlist-v209 .wishlist-form-panel .section-head{
  margin-bottom:9px!important;
  padding-bottom:9px!important;
}
body.wishlist-v209 .wishlist-form-panel .section-head h2{
  font-size:clamp(28px,3vw,46px)!important;
}
body.wishlist-v209 .wishlist-form-panel .section-head p{
  font-size:12px!important;
}
body.wishlist-v209 .wishlist-form{
  gap:8px!important;
}
body.wishlist-v209 .wishlist-form .field{
  min-height:38px!important;
  padding:9px 11px!important;
  font-size:14px!important;
}
body.wishlist-v209 .wish-detail-textarea{
  min-height:70px!important;
}
body.wishlist-v209 .request-helper{
  padding:9px 11px!important;
  font-size:12px!important;
}
body.wishlist-v209 .wish-btn{
  min-height:42px!important;
}
body.wishlist-v209 .request-board{
  padding:12px!important;
  overflow:hidden!important;
}
body.wishlist-v209 .request-board .section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(180px,.9fr)!important;
  gap:12px!important;
  align-items:end!important;
  margin-bottom:8px!important;
  padding-bottom:8px!important;
}
body.wishlist-v209 .request-board .section-head h2{
  font-size:clamp(24px,2.2vw,34px)!important;
}
body.wishlist-v209 .request-board .section-head p{
  font-size:11px!important;
  line-height:1.35!important;
}
body.wishlist-v209 .request-board-list{
  max-height:86px!important;
  min-height:34px!important;
}
body.wishlist-v209 .request-board .button-row{
  margin-top:8px!important;
  gap:8px!important;
}
body.wishlist-v209 .request-board .btn{
  min-height:34px!important;
  padding:8px 10px!important;
  font-size:8px!important;
}

@media (min-width:1180px){
  body.wishlist-v209 .wishlist-page{
    grid-template-columns:minmax(420px,.84fr) minmax(680px,1.16fr)!important;
    grid-template-areas:
      "hero shell"
      "routes shell"!important;
    grid-template-rows:minmax(210px,auto) minmax(260px,1fr)!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  body.wishlist-v209 .wishlist-shell{
    grid-area:shell!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto minmax(110px,1fr)!important;
    grid-template-areas:
      "rail"
      "form"
      "board"!important;
    gap:10px!important;
    min-height:0!important;
  }
  body.wishlist-v209 .wishlist-rail{
    grid-area:rail!important;
    position:static!important;
    top:auto!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-content:start!important;
    align-items:stretch!important;
    gap:6px!important;
    padding:9px!important;
    min-height:0!important;
  }
  body.wishlist-v209 .wishlist-rail span{
    flex:0 0 100%!important;
    margin:0 0 2px!important;
  }
  body.wishlist-v209 .wish-tag{
    flex:1 1 112px!important;
    font-size:8px!important;
  }
  body.wishlist-v209 .wishlist-form-panel{
    grid-area:form!important;
    min-height:0!important;
  }
  body.wishlist-v209 .request-board{
    grid-area:board!important;
    margin:0!important;
    min-height:0!important;
  }
  body.wishlist-v209 .request-grid{
    align-self:stretch!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:1179px){
  body.wishlist-v209 .wishlist-shell{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.wishlist-v209 .wishlist-rail{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    gap:8px!important;
    padding:10px!important;
  }
  body.wishlist-v209 .wish-tag{
    min-width:128px!important;
  }
  body.wishlist-v209 .request-board .section-head{
    grid-template-columns:1fr!important;
  }
}
