/* Product-center, catalog and detail refinements. Desktop rules remain untouched. */
.advbox__mobile-list{display:none}
@media(max-width:760px){
  /* Allow nested content to shrink instead of forcing the page wider. */
  .page-products .pctr{grid-template-columns:minmax(0,1fr)}
  .page-products .pctr>*,
  .page-products [data-category-content],
  .page-product .pd__top>*,
  .page-product .pd__kv dd,
  .page-product .pd-details__row>*{min-width:0}
  .page-product :is(.pd__name,.pd__en,.pd__snrow-l,.pd-details__row,.pd-details__intro p){overflow-wrap:anywhere}

  /* Category links keep their full labels and a comfortable touch target. */
  .page-products .pnav__head{min-height:48px;padding:12px 14px}
  .page-products .pnav__head>span{min-width:0;overflow-wrap:anywhere}
  .page-products .pnav__body a{min-height:44px;line-height:1.6}
  .page-products .pnav__help{width:100%;max-width:100%;padding:20px 16px}
  .page-products .pnav__help-btn,
  .page-products .pnav__help-tel{min-height:44px}
  .page-products [data-primary-tabs]>.tabs button,
  .page-products [data-category-content] .sub-grid--category .sub-link{
    min-height:44px;height:auto;max-width:100%;padding:10px 16px;line-height:1.55;white-space:normal;overflow-wrap:anywhere;
  }
  .page-products .species{padding:24px 16px 28px;margin-top:30px;border-radius:18px}
  .page-products .species__title,
  .page-products .tissue__title{font-size:22px;line-height:1.45}
  .page-products .species__note,
  .page-products .tissue__note{line-height:1.75;overflow-wrap:anywhere}
  .page-products .species__row{gap:18px 8px;margin-top:24px}
  .page-products .spc{min-width:0;gap:10px}
  .page-products .spc__icon{width:min(64px,100%);max-width:100%}
  .page-products .spc b{max-width:100%;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
  .page-products .tissue{margin-top:30px}
  .page-products .tissue__head{gap:10px}
  .page-products .tissue__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .page-products .tissue__pill{min-width:0;min-height:48px;padding:10px 38px 10px 10px;column-gap:3px}
  .page-products .tissue__pill b{font-size:14px;letter-spacing:0}
  .page-products .tissue__pill::after{right:7px;width:26px;height:26px}

  /* Five benefits read as one complete list, not an uneven two-column mosaic. */
  .page-products .advbox{min-height:0;margin-right:0;padding:24px 14px 16px;border:1px solid #e3eaf6;border-radius:20px;background:linear-gradient(145deg,#f4f8ff,#eef4ff);box-shadow:0 10px 30px rgba(30,66,146,.035)}
  .page-products .advbox__bg{opacity:.14;background-position:center,right top;background-size:auto,auto 360px}
  .page-products .advbox__bg2{display:none}
  .page-products .advbox__lead{min-width:0;padding-inline:5px;overflow-wrap:anywhere}
  .page-products .advbox__lead h3{font-size:18px;line-height:1.65;letter-spacing:0}
  .page-products .advbox__lead h3 br{display:none}
  .page-products .advbox__lead p{margin-top:10px;font-size:13px;line-height:1.8;color:#687891}
  .page-products .advbox__lead p br{display:none}
  .page-products .advbox__row{margin-top:0;padding-top:22px;gap:0}
  .page-products .advbox--mobile-ready .advbox__cards{display:none}
  .page-products .advbox__mobile-list,
  .page-products .advbox__cards{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none}
  .page-products .adv-mobile__item,
  .page-products .advbox__cards>.advc{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 13px;align-content:center;align-items:start;min-width:0;min-height:98px;padding:16px 14px;border:1px solid #e5ecf7;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 3px 10px rgba(34,66,125,.025);text-align:left}
  .page-products .adv-mobile__icon,
  .page-products .advbox__cards>.advc>span{grid-column:1;grid-row:1/3;align-self:center;display:grid;place-items:center;width:48px;height:48px;min-height:0;margin:0;border-radius:13px;background:#f0f5ff;box-shadow:none}
  .page-products .adv-mobile__icon img,
  .page-products .advbox__cards>.advc>span img{display:block;width:42px;height:42px;object-fit:contain;transform:none}
  .page-products .adv-mobile__item h4,
  .page-products .advbox__cards>.advc>h4{grid-column:2;grid-row:1;margin:0;align-self:start;font-size:15px;line-height:1.5;font-weight:600;text-align:left;color:#25334b;overflow-wrap:anywhere}
  .page-products .adv-mobile__item p,
  .page-products .advbox__cards>.advc>.advc__d{grid-column:2;grid-row:2;display:block;margin:0;max-height:none;opacity:1;font-size:13px;line-height:1.65;color:#6a7890;text-align:left;overflow:visible;overflow-wrap:anywhere}
  .page-products .advbox__cards>.advc:is(:hover,:focus-visible,.is-active){transform:none}

  /* Native filters remain one readable column; 16px avoids mobile input zoom. */
  .page-list .pfilters{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px}
  .page-list .pfilters .sel{min-width:0;max-width:100%;height:48px;font-size:16px}
  .page-list .pchips{gap:8px;align-items:stretch}
  .page-list .pchips .chip{max-width:100%;min-height:44px;height:auto;padding:9px 12px;text-align:left;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
  .page-list .tbl--products .btn,
  .page-product .tbl--products .tbl__quote{min-height:44px;height:auto;padding-block:8px;line-height:1.6}
  .page-list .tbl--products tbody tr,
  .page-product .tbl--products tbody tr{min-width:0}
  .page-list .tbl--products .tag,
  .page-product .tbl--products .tag{max-width:100%;white-space:normal;overflow-wrap:anywhere}

  /* Product actions, copy/download links and short labels need not be tiny. */
  .page-product .pd__gallery{grid-template-columns:46px minmax(0,1fr)}
  .page-product .pd__thumbs span{width:46px;min-height:46px}
  .page-product #pd-comborow[hidden]{display:none}
  .page-product .pd__copy{min-height:44px;height:auto;padding:9px 12px;font-size:13px;line-height:1.5}
  .page-product .pd__copy svg{flex:none}
  .page-product .pd__promo span{max-width:100%;height:auto;min-height:28px;padding-block:4px;line-height:1.5;overflow-wrap:anywhere}
  .page-product .pd__acts .btn--lg{min-height:46px;height:auto;padding-block:9px;font-size:14px;line-height:1.5}
  .page-product .pd__dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
  .page-product .pd__dl a{min-width:0;min-height:44px;line-height:1.6}
  .page-product .pd__dl a svg{flex:none}
  .page-product .pd__dl a:last-child:nth-child(odd){grid-column:1/-1}
  .page-product .pd__quick a{min-height:44px;padding:10px 12px;font-size:13px;line-height:1.6}
  .page-product .pd__quick a>svg{flex:none}
  .page-product .combo{min-height:50px;padding:10px 12px}
  .page-product .pd-spec dt,
  .page-product .pd-spec dd{font-size:13px;line-height:1.75}

  /* Keep long questions readable without sacrificing the expand control. */
  .page-product #pd-faq .faq-group__title{font-size:17px;line-height:1.55;margin-bottom:14px}
  .page-product #pd-faq .faq-group+.faq-group{margin-top:30px}
  .page-product #pd-faq .acc__q{min-height:56px;padding:16px;gap:12px;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
  .page-product #pd-faq .acc__ico{flex:0 0 20px}
  .page-product #pd-faq .acc__a{padding:16px;font-size:14px;line-height:1.85;text-align:left;overflow-wrap:anywhere}
}

@media(max-width:430px){
  /* Reclaim room for the actual package and parameter values. */
  .page-product .pd__kv>#pd-comborow{grid-template-columns:minmax(0,1fr);gap:8px}
  .page-product .pd-spec{grid-template-columns:84px minmax(0,1fr)}
  .page-product .pd-spec dt,
  .page-product .pd-spec dd{padding:10px}
  .page-products .tissue__pill{padding-inline:10px}
  .page-products .tissue__pill::after{display:none}
}

@media(max-width:360px){
  .page-products .advbox{padding:22px 10px 12px}
  .page-products .adv-mobile__item,
  .page-products .advbox__cards>.advc{grid-template-columns:42px minmax(0,1fr);column-gap:10px;padding:14px 12px}
  .page-products .adv-mobile__icon,
  .page-products .advbox__cards>.advc>span{width:42px;height:42px}
  .page-products .adv-mobile__icon img,
  .page-products .advbox__cards>.advc>span img{width:38px;height:38px}
  .page-products .species__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  .page-products .spc b{font-size:13px}
  .page-product .pd__acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .page-product .pd__acts>.btn:first-child{grid-column:1/-1}
}