/* CATEGORY_MOBILE_V34
   Dedicated responsive layout for generated SEO category pages.
   Keeps crawlable SEO content while putting products first on phones. */

.seo-cat,
.seo-cat *{box-sizing:border-box}

.seo-cat{
  width:min(1180px,calc(100% - 28px));
  max-width:1180px;
  margin:0 auto;
  padding:22px 0 60px;
  overflow:visible;
}

.seo-cat>nav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 14px;
  color:#5f6d67;
  font-size:.92rem;
  line-height:1.5;
}

.seo-cat>nav a{color:#087a4b;font-weight:800}

.seo-cat>header,
.seo-cat>.seo-cat-hero{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 0 16px!important;
  padding:20px!important;
  border:1px solid #dfe8e4!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(8,122,75,.045)!important;
  color:#111714!important;
  overflow:visible!important;
}

.seo-cat>header h1,
.seo-cat>.seo-cat-hero h1{
  margin:0 0 7px!important;
  color:#102b38!important;
  font-size:clamp(1.65rem,4vw,2.3rem)!important;
  line-height:1.35!important;
  font-weight:900!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  writing-mode:horizontal-tb!important;
}

.seo-cat>header>p,
.seo-cat>.seo-cat-hero>p{
  max-width:760px;
  margin:0!important;
  color:#596a62!important;
  font-size:.95rem!important;
  line-height:1.85!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  writing-mode:horizontal-tb!important;
}

.category-tools-v24{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  margin-top:16px!important;
}

.category-search-v34{min-width:0}
.category-search-v34 input,
.category-tools-v24>input{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  padding:0 13px!important;
  border:1px solid #d3e1da!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#102b38!important;
  font-size:16px!important;
}

.category-sort-v34{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0;
}

.category-tools-v24 button{
  flex:0 0 auto!important;
  min-height:40px!important;
  max-width:none!important;
  padding:8px 11px!important;
  border:1px solid #d3e1da!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#17604b!important;
  font-size:.78rem!important;
  line-height:1.25!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  writing-mode:horizontal-tb!important;
}

.category-tools-v24 button.active{
  border-color:#087a4b!important;
  background:#087a4b!important;
  color:#fff!important;
}

.category-trust-v24{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  margin-top:11px!important;
  color:#4f6058!important;
  font-size:.78rem!important;
}

.category-trust-v24 span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  background:#eff8f3!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  writing-mode:horizontal-tb!important;
}

.seo-cat-grid{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}

.seo-cat-grid article{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

.seo-cat-grid article>a:first-child{display:block!important;min-width:0!important}
.seo-cat-grid img{display:block!important;width:100%!important;object-fit:contain!important;background:#fff!important}
.seo-cat-grid h2,
.seo-cat-grid p,
.seo-cat-grid strong,
.phase2-category-action-v24{
  writing-mode:horizontal-tb!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

.phase2-category-action-v24{
  width:100%!important;
  min-height:39px!important;
  align-items:center!important;
}

.seo-v2-category-buying,
.seo-v27-category-info{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

.seo-v2-category-buying h2,
.seo-v27-category-info h2{
  line-height:1.45!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

@media(max-width:700px){
  body{overflow-x:hidden!important}

  .seo-cat{
    display:flex!important;
    flex-direction:column!important;
    width:calc(100% - 20px)!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:14px 0 40px!important;
    overflow:hidden!important;
  }

  .seo-cat>nav{order:0;margin-bottom:10px!important;padding:0 3px;font-size:.82rem}

  .seo-cat>header,
  .seo-cat>.seo-cat-hero{
    order:1;
    margin:0 0 12px!important;
    padding:15px!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }

  .seo-cat>header h1,
  .seo-cat>.seo-cat-hero h1{
    margin-bottom:5px!important;
    font-size:1.45rem!important;
    line-height:1.35!important;
  }

  .seo-cat>header>p,
  .seo-cat>.seo-cat-hero>p{
    display:-webkit-box!important;
    margin:0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:.84rem!important;
    line-height:1.65!important;
  }

  .category-tools-v24{
    display:block!important;
    margin-top:12px!important;
  }

  .category-search-v34,
  .category-tools-v24>input{
    width:100%!important;
  }

  .category-sort-v34{
    width:100%!important;
    margin-top:8px!important;
    overflow-x:auto!important;
    padding:1px 0 5px!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .category-sort-v34::-webkit-scrollbar{display:none}

  .category-tools-v24 button{
    min-height:36px!important;
    padding:7px 10px!important;
    font-size:.72rem!important;
  }

  .category-trust-v24{
    width:100%!important;
    overflow-x:auto!important;
    padding:1px 0 4px!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .category-trust-v24::-webkit-scrollbar{display:none}
  .category-trust-v24 span{flex:0 0 auto!important;font-size:.7rem!important;padding:6px 9px!important}

  .seo-cat-grid{
    order:2!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .seo-cat-grid article{
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    padding:7px!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }

  .seo-cat-grid img{
    width:100%!important;
    aspect-ratio:1/1!important;
    height:auto!important;
    max-height:none!important;
    padding:2px!important;
    border-radius:10px!important;
  }

  .seo-cat-grid h2{
    min-height:38px!important;
    margin:4px 0 0!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:.76rem!important;
    line-height:1.5!important;
  }

  .seo-cat-grid p{
    min-height:16px!important;
    max-height:16px!important;
    margin:0!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:1!important;
    color:#68756f!important;
    font-size:.62rem!important;
    line-height:16px!important;
  }

  .seo-cat-grid strong{
    margin-top:auto!important;
    color:#087a4b!important;
    font-size:.78rem!important;
    line-height:1.4!important;
  }

  .phase2-category-badge-v24{
    padding:3px 6px!important;
    font-size:.59rem!important;
  }

  .phase2-category-action-v24{
    min-height:34px!important;
    margin-top:3px!important;
    padding:6px 4px!important;
    border-radius:8px!important;
    font-size:.66rem!important;
    line-height:1.25!important;
  }

  .seo-v2-category-buying{
    order:3!important;
    margin:14px 0 0!important;
    padding:14px!important;
    border-radius:15px!important;
  }

  .seo-v27-category-info{
    order:4!important;
    margin:10px 0 0!important;
    padding:14px!important;
    border-radius:15px!important;
  }

  .seo-v2-category-buying h2,
  .seo-v27-category-info h2{
    margin:3px 0 8px!important;
    font-size:1.15rem!important;
    line-height:1.45!important;
  }

  .seo-v2-category-buying h3,
  .seo-v27-category-info h3{
    margin:14px 0 7px!important;
    font-size:.98rem!important;
    line-height:1.45!important;
  }

  .seo-v2-category-buying p,
  .seo-v27-category-info p,
  .seo-v2-category-buying li,
  .seo-v27-category-info details{
    font-size:.82rem!important;
    line-height:1.75!important;
  }

  .seo-v2-category-buying ul{padding-inline-start:20px!important}

  .seo-v2-category-buying h3 + p,
  .seo-v27-category-info h3 + p{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
  }

  .seo-v2-category-buying h3 + p>a,
  .seo-v27-category-info h3 + p>a{
    display:block!important;
    margin:0!important;
    padding:7px 9px!important;
    border:1px solid #e0e8e4!important;
    border-radius:9px!important;
    background:#f8fbf9!important;
    font-size:.77rem!important;
    line-height:1.45!important;
    text-decoration:none!important;
  }

  .seo-v2-category-buying .primary-link{
    width:100%!important;
    justify-content:center!important;
    min-height:40px!important;
    margin-top:4px!important;
    font-size:.78rem!important;
  }

  .seo-v27-category-info details{
    margin:0!important;
    padding:9px 0!important;
    border-top:1px solid #e7ece9!important;
  }

  .seo-v27-category-info summary{font-weight:800!important;cursor:pointer!important}
}

@media(max-width:350px){
  .seo-cat{width:calc(100% - 14px)!important}
  .seo-cat-grid{gap:6px!important}
  .seo-cat-grid article{padding:6px!important}
  .seo-cat-grid h2{font-size:.7rem!important}
  .seo-cat-grid p{display:none!important}
  .phase2-category-action-v24{font-size:.62rem!important}
}