/* PaintOut — Home (front-page.php) */
#po-content{margin:0;background:#0a0a0a;font-family:'Barlow',sans-serif;-webkit-font-smoothing:antialiased}
#po-content a{color:#39FF14;text-decoration:none}
#po-content a:hover{color:#FF3B1A}
#po-content ::selection{background:#39FF14;color:#0a0a0a}
.po-merch-grid{display:grid;grid-template-columns:repeat(3,1fr)}
@media (max-width:700px){
  .po-merch-grid{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width:420px){
  .po-merch-grid{grid-template-columns:1fr !important}
}
.po-h1:hover{color:#39FF14}
.po-h2:hover{color:#39FF14}
.po-h3:hover{color:#39FF14}
.po-h4:hover{color:#39FF14}
.po-h5:hover{color:#39FF14}
.po-h6:hover{background:#0a0a0a;color:#39FF14;animation:glitchShift .25s steps(2) infinite}
.po-h7:hover{border-color:#39FF14}
.po-h8:hover{background:#39FF14;color:#0a0a0a}
.po-h9:hover{border-color:#39FF14}
.po-h10:hover{background:#39FF14;color:#0a0a0a}
.po-h11:hover{border-color:#FF3B1A}
.po-h12:hover{background:#FF3B1A;color:#0a0a0a}
.po-h13:hover{border-color:#39FF14}
.po-h14:hover{border-color:#FF3B1A}
.po-h15:hover{border-color:#39FF14}
.po-h16:hover{border-color:#39FF14}
.po-h17:hover{border-color:#39FF14}
.po-h18:hover{border-color:#FF3B1A}
.po-h19:hover{border-color:#39FF14}
.po-h20:hover{border-color:#39FF14}
.po-h21:hover{border-color:#FF3B1A}
.po-h22:hover{background:#39FF14;color:#0a0a0a;animation:glitchShift .25s steps(2) infinite}
.po-h23:hover{background:#0a0a0a;color:#FF3B1A;animation:glitchShift .25s steps(2) infinite}
.po-h24:hover{border-color:#39FF14}
.po-h25:hover{border-color:#39FF14}
.po-h26:hover{border-color:#FF3B1A}
.po-h27:hover{border-color:#39FF14}
.po-h28:hover{border-color:#39FF14;background:rgba(57,255,20,.1)}
.po-h29:hover{border-color:#39FF14;background:rgba(57,255,20,.1)}
.po-h30:hover{border-color:#39FF14;background:rgba(57,255,20,.1)}
.po-h31:hover{border-color:#39FF14}

/* --- Reviews masonry --- */
.po-masonry{
  column-count:1;
  column-gap:24px;
}
@media (min-width:640px){ .po-masonry{column-count:2;} }
@media (min-width:1000px){ .po-masonry{column-count:3;} }
.po-mcard{
  background:#1c1f1e;
  border:1px solid rgba(57,255,20,.2);
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
  padding:26px;
  display:inline-block;
  width:100%;
  margin:0 0 24px;
  break-inside:avoid;
}
.po-mstars{color:#39FF14;font-size:15px;letter-spacing:2px;display:block;margin-bottom:14px;}
.po-mcard p{font-family:'Barlow',sans-serif;color:#e8e8e8;font-size:15px;line-height:1.55;margin:0 0 14px;}
.po-mname{font-family:'Rajdhani',sans-serif;color:#8a8f8a;font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;}

/* --- FAQ accordion --- */
.po-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;align-items:start;}
@media (max-width:860px){ .po-faq-grid{grid-template-columns:1fr;} }
.po-faq-col{display:flex;flex-direction:column;gap:16px;}
.po-faq-item{
  background:#1c1f1e;
  border:1px solid rgba(57,255,20,.2);
  clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);
  overflow:hidden;
}
.po-faq-item[open]{border-color:#39FF14;}
.po-faq-item summary{
  list-style:none;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 22px;
  cursor:pointer;
  font-family:'Rajdhani',sans-serif;font-weight:700;color:#fff;
  font-size:16px;letter-spacing:.3px;
}
.po-faq-item summary::-webkit-details-marker{display:none;}
.po-faq-ico{
  flex:none;width:26px;height:26px;position:relative;
  border:1px solid rgba(57,255,20,.5);
  clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);
}
.po-faq-ico::before,.po-faq-ico::after{
  content:'';position:absolute;top:50%;left:50%;
  background:#39FF14;transform:translate(-50%,-50%);
}
.po-faq-ico::before{width:12px;height:2px;}
.po-faq-ico::after{width:2px;height:12px;transition:transform .2s ease, opacity .2s ease;}
.po-faq-item[open] .po-faq-ico::after{transform:translate(-50%,-50%) scaleY(0);opacity:0;}
.po-faq-a{
  padding:0 22px 22px;
  font-family:'Barlow',sans-serif;color:#b8bdb8;font-size:15px;line-height:1.7;
}
.po-faq-a a{color:#39FF14;border-bottom:1px dashed rgba(57,255,20,.5);}
.po-faq-a a:hover{color:#FF3B1A;border-bottom-color:rgba(255,59,26,.6);}

/* --- Mirage teaser strip --- */
.po-teaser-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;}
@media (max-width:760px){ .po-teaser-grid{grid-template-columns:repeat(3,1fr);} }
.po-teaser-grid img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid rgba(57,255,20,.2);transition:border-color .2s ease, transform .2s ease;}
.po-teaser-grid img:hover{border-color:#39FF14;transform:scale(1.03);}

/* --- Merch product cards --- */
.po-prod-media{position:relative;aspect-ratio:1;overflow:hidden;background:#0a0a0a;}
.po-prod-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease;}
.po-prod-media .po-prod-back{opacity:0;}
.po-prod-card:hover .po-prod-back{opacity:1;}
.po-prod-mini{display:flex;gap:6px;position:absolute;bottom:10px;left:10px;z-index:2;}
.po-prod-mini span{
  background:rgba(10,10,10,.75);color:#39FF14;font-family:'Rajdhani',sans-serif;font-weight:700;
  font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:4px 9px;
  border:1px solid rgba(57,255,20,.4);
}
.po-prod-btn:hover{background:#39FF14;color:#0a0a0a;}