/* PaidSurveyExplorer 3.8 — isolated Survey Sites visual layer.
   Built from the approved 3.6.3 Compare-font-match theme, not 3.7.x.
   All selectors are confined to the directory page and its hero. */
.pse-listing-page {background:linear-gradient(180deg,#fffaf0,#fff8ed 720px,#fffaf4)}
.pse-listing-page .pse-hero-listing {padding:0;border:0;overflow:visible;background:transparent}
.pse-listing-page .pse-hero-listing .pse-hero-grid {
  box-sizing:border-box;display:flex;align-items:center;position:relative;
  min-height:322px;height:322px;width:100%;max-width:none;
  padding:0 62px;margin:0;border:1px solid #cfecf1;border-radius:0;overflow:hidden;
  background-image:linear-gradient(90deg,rgba(223,245,249,.19) 0%,rgba(223,245,249,.09) 36%,transparent 55%),url('assets/design/listing-hero-panorama-3.8.jpg');
  background-repeat:no-repeat;background-size:cover;background-position:right center;
  box-shadow:0 10px 22px rgba(10,50,69,.08);
}
.pse-listing-page .pse-hero-listing .pse-hero-words {
  position:relative;z-index:2;box-sizing:border-box;flex:0 0 65%;max-width:790px;
  padding:6px 0 20px;margin:0;text-align:left;transform:translateY(-14px);
}
.pse-listing-page .pse-hero-listing .pse-hero-words h1 {
  display:block;font-family:'Kalam','Comic Neue',cursive;font-style:normal;font-weight:700;
  font-size:clamp(46px,4.6vw,67px);line-height:1.1;letter-spacing:-.052em;
  color:#0c3352;text-shadow:none;white-space:nowrap;max-width:none;margin:0 0 10px;
}
.pse-listing-page .pse-hero-listing .pse-hero-words p {
  max-width:490px;margin:0;font-family:'Nunito','Cabin',sans-serif;
  color:#123e59;font-size:18px;line-height:1.4;font-weight:700;
  text-wrap:pretty;
}
.pse-listing-page .pse-hero-listing .pse-hero-illustration {display:none!important}
/* Keep filters in an integrated, slightly overlapping cream panel as in the render. */
.pse-listing-page .pse-directory-controls-37 {
  position:relative;z-index:4;max-width:1165px;margin:-18px auto 24px;padding:16px 18px;
  border-radius:14px;background:#fffefb;border:1px solid #e1e9e5;
  box-shadow:0 8px 18px rgba(20,65,74,.09);
}
.pse-listing-page .pse-directory-controls-37 .pse-directory-filter-form-38 {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
  align-items:center;min-height:0;padding:0;margin:0;border:0;background:transparent;box-shadow:none;
}
.pse-listing-page .pse-directory-filter-form-38 label {display:flex;margin:0;padding:0;min-width:0;flex:none}
.pse-listing-page .pse-directory-filter-form-38 select {
  min-width:0;max-width:none;display:block;width:100%;height:49px;
  padding:0 14px;color:#113b59;font-size:14px;font-weight:800;
  border:1px solid #d7e3e5;border-radius:9px;background:#fff;
  box-shadow:0 1px 3px rgba(19,54,75,.05);
}
.pse-listing-page .pse-directory-filter-form-38 select:focus-visible {outline:3px solid #5fbacc;outline-offset:2px}
/* Rich platform cards, visual-only. No fabricated ratings or new affiliate targets. */
.pse-listing-page .pse-card-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding-top:7px}
.pse-listing-page .pse-platform-card {
  min-height:288px;padding:20px 14px 18px;border-radius:14px;
  background:linear-gradient(180deg,#fff 0%,#fffefb 100%);
  border:1px solid #e0e7e7;box-shadow:0 7px 16px rgba(12,58,77,.08);
}
.pse-listing-page .pse-platform-card .pse-platform-logo {height:64px;margin-bottom:6px}
.pse-listing-page .pse-platform-card .pse-platform-logo img {max-width:155px;max-height:59px;object-fit:contain}
.pse-listing-page .pse-platform-card h3 {color:#103d61;font-size:21px;line-height:1.15;margin:6px 0 8px}
.pse-listing-page .pse-card-rating {display:flex;align-items:center;justify-content:center;gap:5px;color:#e9950b;font-size:14px;font-weight:900;margin:0 0 6px}
.pse-listing-page .pse-card-stars {font-size:20px;line-height:1;color:#eda217}
.pse-listing-page .pse-platform-card p.pse-platform-benefits {
  display:block;overflow:hidden;max-height:76px;min-height:70px;margin:5px auto 14px;
  font-size:14px;line-height:1.35;color:#2f5267;max-width:230px;flex:1;
}
.pse-listing-page .pse-platform-card .pse-btn {
  width:90%;max-width:176px;min-height:43px;font-size:13px;font-weight:900;
  border-radius:8px;box-shadow:0 5px 12px rgba(243,61,94,.20)
}
.pse-listing-page .pse-platform-card .pse-review-link {margin-top:9px;font-size:12px;font-weight:800;color:#16769b}
@media(max-width:1100px){
 .pse-listing-page .pse-hero-listing .pse-hero-grid {padding:0 40px;height:305px;min-height:305px;border-radius:0}
 .pse-listing-page .pse-hero-listing .pse-hero-words h1 {font-size:clamp(42px,5.5vw,57px)}
 .pse-listing-page .pse-card-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
 .pse-listing-page .pse-hero-listing .pse-hero-grid {padding:0 26px;height:288px;min-height:288px;border-radius:0;}
 .pse-listing-page .pse-hero-listing .pse-hero-words {flex-basis:75%;transform:translateY(-7px)}
 .pse-listing-page .pse-hero-listing .pse-hero-words h1 {font-size:clamp(35px,5.1vw,46px)}
 .pse-listing-page .pse-hero-listing .pse-hero-words p {font-size:15px;max-width:350px}
 .pse-listing-page .pse-directory-controls-37 .pse-directory-filter-form-38 {grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .pse-listing-page .pse-directory-filter-form-38 select{font-size:12px;padding-left:9px;padding-right:3px}
 .pse-listing-page .pse-card-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .pse-listing-page .pse-hero-listing {padding-top:0}
 .pse-listing-page .pse-hero-listing .pse-hero-grid {
   width:100%;height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;
   padding:0;background:linear-gradient(#b7e6f7 0%,#e5f4f8 100%);border-radius:0;
 }
 .pse-listing-page .pse-hero-listing .pse-hero-words {flex:none;max-width:none;width:100%;padding:20px 19px 15px;transform:none}
 .pse-listing-page .pse-hero-listing .pse-hero-words h1 {font-size:clamp(34px,8.9vw,49px);white-space:normal;line-height:1.04;max-width:none;margin:0 0 8px}
 .pse-listing-page .pse-hero-listing .pse-hero-words p {font-size:14px;line-height:1.35;max-width:320px}
 .pse-listing-page .pse-hero-listing .pse-hero-grid:after {
   content:'';display:block;width:100%;height:220px;
   background:url('assets/design/listing-hero-mobile-3.8.jpg') center center / cover no-repeat;
 }
 .pse-listing-page .pse-directory-controls-37 {max-width:none;margin:10px 13px 15px;padding:12px}
 .pse-listing-page .pse-directory-controls-37 .pse-directory-filter-form-38 {grid-template-columns:1fr;gap:8px}
 .pse-listing-page .pse-directory-filter-form-38 select{font-size:13px;height:45px;padding-left:12px}
 .pse-listing-page .pse-card-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .pse-listing-page .pse-platform-card {min-height:257px;padding:13px 9px 12px}
 .pse-listing-page .pse-platform-card h3 {font-size:16px}
 .pse-listing-page .pse-platform-card .pse-platform-logo {height:55px}
 .pse-listing-page .pse-platform-card p.pse-platform-benefits {font-size:11.5px;min-height:58px;max-height:63px}
 .pse-listing-page .pse-platform-card .pse-btn {width:100%;max-width:none;font-size:12px;min-height:40px}
 .pse-listing-page .pse-platform-card .pse-review-link {font-size:10.5px}
}
@media(max-width:365px){.pse-listing-page .pse-card-grid {grid-template-columns:1fr}}