/* product-tremella page-specific styles */
header{position:fixed;inset:0 0 auto 0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 2px 16px rgba(12,43,58,.08)}
.p-hero{padding:150px 0 70px;background:linear-gradient(160deg,#f3fbfd 0%,#fff 55%)}
.p-hero-imgs .main{grid-column:1/-1;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.p-hero-imgs .main img{width:100%;aspect-ratio:16/10;object-fit:cover}
.p-hero-imgs .sub2 img{width:100%;aspect-ratio:1;object-fit:cover}
.specs-band{background:var(--navy);color:#fff;padding:44px 0}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:48px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.3s}
.step:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.step .ph{aspect-ratio:1;overflow:hidden;background:#f4efe8}
.step .ph img{width:100%;height:100%;object-fit:cover;transition:.5s}
.step:hover .ph img{transform:scale(1.06)}
.step .ph.white{background:#fff;display:grid;place-items:center;padding:22px}
.step .ph.white img{width:100%;height:auto;object-fit:contain}
.step .bd{padding:20px 22px 24px}
.step .bd .n{font-size:12px;font-weight:800;color:var(--teal);letter-spacing:.1em;margin-bottom:8px}
.step .bd h3{font-size:16.5px;margin-bottom:6px}
.step .bd p{font-size:13px;color:var(--grey)}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.split-band{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:10px}
.pat-card p{font-size:14px;color:rgba(255,255,255,.85);margin-bottom:12px}
.pat-card ul li::before{content:"💧";position:absolute;left:0;top:0}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin:14px 0;overflow:hidden}
.cta-band{background:linear-gradient(120deg,var(--teal),var(--teal-dark));border-radius:var(--radius);color:#fff;padding:56px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
@media(max-width:900px){
  .p-hero-grid,.info-grid,.split-band{grid-template-columns:1fr}
  .specs-grid{grid-template-columns:1fr 1fr}
  .flow{grid-template-columns:1fr 1fr}
  .nav-links{display:none}
  section{padding:56px 0}
  .cta-band{padding:36px 28px}
}
@media(max-width:560px){.flow{grid-template-columns:1fr}.specs-grid{grid-template-columns:1fr 1fr}}