/* Abertura dos produtos — proporções medidas nos slides de referência (base 1410 px de largura).
   1cqw = 1% da largura da área; tudo escala junto, como no slide. */
.ph{--pc:#b3ff00;background:#fff;overflow:hidden}
.ph-stage{container-type:inline-size;position:relative;max-width:1600px;margin:0 auto}
.ph-in{position:relative;min-height:48.2cqw;padding:3.4cqw 0 3.2cqw}
.ph-kicker{position:relative;z-index:2;display:flex;align-items:center;gap:.6cqw;margin:0 0 0 2.3cqw;font-family:'Montserrat',Arial,sans-serif;font-weight:700;font-size:1.42cqw;line-height:1.2;color:#0b0b0b}
.ph-kicker:before{content:"";width:3cqw;height:.2cqw;min-height:2px;background:var(--pc)}
.ph-copy{position:relative;z-index:2;margin:5.4cqw 0 0 5.2cqw;width:37cqw}
.ph-logo{display:block;width:33.1cqw;height:auto;margin:0 0 3cqw}
main .ph h1.ph-title{font-family:'Montserrat',Arial,sans-serif!important;font-weight:700!important;font-size:2.98cqw!important;line-height:1.38!important;letter-spacing:.005em!important;color:#0b0b0b;margin:0 0 2.6cqw;max-width:43cqw}
.ph-text{font-family:'Montserrat',Arial,sans-serif;font-size:1.06cqw;line-height:1.42;color:#111;text-align:justify;margin:0;width:34.4cqw}
.ph-text+.ph-text{margin-top:2.2cqw}
.ph-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:2.6cqw;height:3.2cqw;padding:0 2.1cqw;border-radius:.45cqw;background:var(--pc);color:#0b0b0b!important;font-family:'Montserrat',Arial,sans-serif;font-weight:700;font-size:1.35cqw;text-decoration:none;white-space:nowrap;transition:filter .2s}
.ph-btn:hover{filter:brightness(.94)}
.ph-visual{position:absolute;inset:0;z-index:1;pointer-events:none}
.ph-block{position:absolute;background:var(--pc);border-radius:2.1cqw}
.ph-block.b1{left:47.4cqw;top:6.3cqw;width:26cqw;height:16.6cqw}
.ph-block.b2{left:58.8cqw;top:24.3cqw;width:15cqw;height:16.6cqw}
.ph-photo{position:absolute;left:68.9cqw;right:0;top:2cqw;height:44cqw;margin:0;border-radius:1.85cqw 0 0 1.85cqw;overflow:hidden;background:#111}
.ph-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ph-chips{position:absolute;right:0;top:3.2cqw;width:16.3cqw;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8cqw}
.ph-chips li{height:2.6cqw;display:flex;align-items:center;justify-content:center;border-radius:.7cqw 0 0 .7cqw;background:linear-gradient(90deg,#0b0b0b 0%,#0b0b0b 25%,var(--pc) 100%);color:#fff;font-family:'Montserrat',Arial,sans-serif;font-weight:700;font-size:1.15cqw;white-space:nowrap}
@media (min-width:1600px){.ph-photo{border-radius:1.85cqw}}

/* telas estreitas: empilha mantendo o mesmo desenho */
@media (max-width:760px){
  .ph-in{min-height:0;padding:28px 0 0}
  .ph-kicker{font-size:15px;gap:10px;margin-left:16px}
  .ph-kicker:before{width:32px;height:2px}
  .ph-copy{margin:26px 16px 0;width:auto}
  .ph-logo{width:min(280px,75%);margin-bottom:22px}
  main .ph h1.ph-title{font-size:26px!important;max-width:none;margin-bottom:18px}
  .ph-text{font-size:14.5px;width:auto}
  .ph-text+.ph-text{margin-top:14px}
  .ph-btn{height:46px;padding:0 22px;border-radius:6px;font-size:16px;margin-top:22px}
  .ph-visual{position:relative;inset:auto;height:340px;margin-top:32px}
  .ph-block{border-radius:20px}
  .ph-block.b1{left:16px;top:24px;width:46%;height:130px}
  .ph-block.b2{left:30%;top:170px;width:30%;height:130px}
  .ph-photo{left:44%;top:0;height:320px;border-radius:18px 0 0 18px}
  .ph-chips{top:12px;width:auto;gap:7px}
  .ph-chips li{height:30px;padding:0 14px 0 20px;font-size:12.5px;border-radius:8px 0 0 8px}
}