/* Home page Testimonials (index.php): three quote cards on a navy band over the real field-work collage (bg/testi-bg41.webp), replacing the template carousel and testimonial.php's
   cards. The words are the include's, unchanged. Same frame as the nav bar (--frame). Tokens from site-tokens.css.
   The template's blockquote::before is rotated and icon-fonted; the quote mark here cancels both. */
.ps-hometesti{position:relative;overflow:hidden;isolation:isolate;font-family:var(--font-sans);color:var(--text-on-dark);-webkit-font-smoothing:antialiased;
  background:linear-gradient(rgba(18,23,53,.84),rgba(18,23,53,.9)),url(../images/bg/testi-bg41.webp) center/cover no-repeat,var(--bg-dark)}   /* the field-work collage the section had before, under navy */
.ps-hometesti::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(45% 70% at 95% 0,rgba(169,45,49,.32),transparent 70%),radial-gradient(40% 60% at 0 100%,rgba(101,133,203,.18),transparent 70%)}
.ps-hometesti *,.ps-hometesti *::before,.ps-hometesti *::after{box-sizing:border-box}
.ps-hometesti .ps-ht-in{padding:clamp(72px,8vw,128px) var(--frame)}
.ps-hometesti .ps-ht-h{margin:0 0 clamp(36px,4vw,56px);font-family:inherit;font-size:var(--step-h2);font-weight:500;line-height:var(--lh-h2);letter-spacing:var(--tr-h2);color:var(--text-on-dark);text-transform:none}
.ps-hometesti .ps-ht-h::before{content:"";display:block;width:56px;height:4px;margin-bottom:24px;border-radius:2px;background:var(--crimson-300)}

/* the cards */
.ps-hometesti .ps-ht-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:stretch}
.ps-hometesti .ps-ht-card{display:flex;flex-direction:column;margin:0;padding:clamp(28px,2.8vw,40px);border-radius:var(--radius-lg);background:var(--bg-page);color:var(--text-primary);
  box-shadow:0 30px 60px -40px rgba(0,0,0,.6);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.ps-hometesti .ps-ht-card:hover{transform:translateY(-4px)}
.ps-hometesti blockquote{flex:1 1 auto;margin:0;padding:0;border:0;background:none;font-style:normal}
.ps-hometesti blockquote::before{content:"";display:block;width:44px;height:34px;margin-bottom:20px;padding:0;font-family:inherit;transform:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 40'%3E%3Cpath fill='%23A92D31' d='M0 40V24C0 10.7 6.6 2.7 19.8 0l2.4 4.6C15.1 6.8 11.4 11 11 17h10v23H0zm30 0V24C30 10.7 36.6 2.7 49.8 0l2.2 4.6C45.1 6.8 41.4 11 41 17h10v23H30z'/%3E%3C/svg%3E") 0 0/contain no-repeat}
.ps-hometesti blockquote p{margin:0;font-size:var(--step-body);line-height:1.7;font-style:normal;color:var(--text-primary);text-align:left}
.ps-hometesti .ps-ht-more{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--text-accent);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.ps-hometesti .ps-ht-more::after{content:"\2192";text-decoration:none;transition:transform .2s}
.ps-hometesti .ps-ht-more:hover{color:var(--action-primary-hover)}
.ps-hometesti .ps-ht-who{display:flex;align-items:center;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid var(--border-subtle)}
.ps-hometesti .ps-ht-who img{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--bg-page),0 0 0 4px var(--border-default)}
.ps-hometesti .ps-ht-name{display:block;font-size:18px;font-weight:500;line-height:1.3;color:var(--text-primary)}
.ps-hometesti .ps-ht-title{display:block;margin-top:2px;font-size:15px;line-height:1.4;color:var(--text-accent)}

/* tablet and phone: the cards side by side in a row that swipes */
@media (max-width:1099px){
  .ps-hometesti .ps-ht-cards{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--frame));padding:4px var(--frame) 12px;scrollbar-width:none}
  .ps-hometesti .ps-ht-cards::-webkit-scrollbar{display:none}
  .ps-hometesti .ps-ht-card{flex:0 0 min(86%,420px);scroll-snap-align:center}
}
@media (prefers-reduced-motion:reduce){.ps-hometesti .ps-ht-card{transition:none}.ps-hometesti .ps-ht-card:hover{transform:none}}