/* WATEEN_PAGE_SHELL_V1 — STAGING | shared internal storefront page shell */
.pageHead{
  padding:20px 0;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.pageHead h1{
  margin:10px 0 0;
  max-width:100%;
  min-width:0;
  color:var(--w-teal-2,#083f4d);
  font-size:clamp(24px,3vw,34px);
  line-height:1.35;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.products-progress{
  color:var(--w-muted,#74858a);
  font-size:13px;
}
.back,.favorites-back,.review-edit{
  border:1px solid #e2eaec!important;
  color:var(--wt-color-teal,#0b5e72)!important;
  background:#fff!important;
  border-radius:12px;
  min-height:40px;
  padding:9px 12px;
  font-weight:800;
}
.back:hover,.favorites-back:hover,.review-edit:hover{background:#f4fafb!important}
.empty,.wsv1-zero{
  text-align:center;
  border:1px dashed #dfe8ea;
  background:#fbfefe;
  border-radius:20px;
  padding:42px 18px;
  color:#71858a;
}
@media(max-width:560px){
  .pageHead{align-items:flex-start;min-width:0}
  .pageHead>*,.pageHead>div{min-width:0;max-width:100%}
  .pageHead h1{
    white-space:normal!important;
    min-width:0!important;
    max-width:100%;
    font-size:26px;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .pageHead .products-progress{
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    flex:0 1 auto;
  }
  .back,.favorites-back,.review-edit{min-height:44px}
}