/* Strong hide so theme can't override */ .profile-section.hidden { display: none !important; } /* Base text + look */ h3, p { color:#161616; } h3 { text-transform:uppercase; font-weight:350; letter-spacing:1px; } .icons { margin-top:30px; } .text { height:200px !important; max-height:200px !important; overflow-y:auto; padding-right:5px !important; } /* White background wrapper */ .team-canvas { background:#fff; padding:24px; } /* Desktop layout */ .profile-section { display:flex; align-items:flex-start; gap:24px; margin-bottom:32px; } .pro-content { flex:1 1 0; min-width:0; } .pro-photo { flex:0 0 auto; } .pro-photo img { display:block; width:100%; height:auto; max-width:640px; } /* Mobile layout: photo first, everything centered & tight */ @media (max-width:768px){ .profile-section { flex-direction:column; gap:12px; align-items:center; } .pro-photo { order:-1; } .pro-photo img { max-width:92vw; } .pro-content { text-align:center; width:100%; } .icons { display:flex !important; justify-content:center; gap:30px; margin-top:16px; } .text { max-height:50vh !important; } } /* Carousel arrows: bigger & vertically centered */ .owl-carousel { position: relative; } .owl-carousel .owl-nav { position: static; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{ position:absolute; top:50%; transform:translateY(-50%); font-size:45px; width:55px; height:55px; border-radius:50%; background:#fff; color:#000; border:none; box-shadow:0 3px 8px rgba(0,0,0,.2); transition:all .3s ease; z-index:2; cursor:pointer; } .owl-carousel .owl-nav button.owl-prev{ left:-25px; } .owl-carousel .owl-nav button.owl-next{ right:-25px; } .owl-carousel .owl-nav button:hover{ background:#161616; color:#fff; transform:translateY(-50%) scale(1.1); } @media (max-width:768px){ .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{ width:65px; height:65px; font-size:48px; } }