dotlottie-player,
lottie-player {
    display: none !important;
}

/* Orazen mobile hardening — auto-adjust fix */
@media (max-width: 576px) {
  body, html { overflow-x: hidden; width: 100%; }
  .card_case__studies-visual, .card_case__studies-visual img,
  [class*="case-studies"] img, .case-study-card, .card_case__studies img {
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden;
  }
  img, svg, video, iframe { max-width: 100%; height: auto; }
  .container { padding-left: 12px !important; padding-right: 12px !important; }
  .row { margin-left: 0 !important; margin-right: 0 !important; }
  .d-flex.align-items-center.justify-content-between, 
  .d-flex.align-items-center.justify-content-center { flex-wrap: wrap !important; }
  ul.d-flex { max-width: 100%; overflow-x: auto; }
}



/* Team card mobile fix v2 */
@media (max-width: 576px) {
  .team-card-avatar-holder, .team-card-initials {
    max-width: 100% !important;
    width: 100% !important;
    aspect-ratio: auto !important;
  }
  [class*="team-card"] { width: 100% !important; max-width: 100% !important; }
}

/* === Orazen mobile overflow fixes v3 (audit 2026-08-09) === */
@media (max-width: 768px) {
  .img-cover, .scale-up, .scale-img-from-to, [class*="img-cover"] {
    max-width: 100% !important;
    width: 100% !important;
    transform: none !important;
  }
  .w-md-75 { width: 100% !important; max-width: 100% !important; }
  .cs-portfolio-title, .at-title-anim, .at-title-text {
    max-width: 100% !important;
    word-wrap: break-word !important;
  }
  .anim-zoomin { transform: none !important; }
  .anim-zoomin-wrap { transform: none !important; }
  .team-card-avatar-holder, .team-card-initials {
    max-width: 100% !important;
    width: 100% !important;
  }
  h3, h4, h5, p { max-width: 100% !important; overflow-wrap: break-word !important; }
  section { overflow: hidden; }
}
/* Team avatar HARD fix - override lottie hide */
.team-card-avatar-holder { min-height: 300px !important; height: auto !important; position: relative !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; padding-bottom: 30px !important; }
.team-card-avatar-holder lottie-player, .team-card-avatar-holder dotlottie-player { display: block !important; opacity: 1 !important; position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; }
.team-card-initials { position: relative !important; z-index: 3 !important; }

/* ===== Orazen design v1 — checkout + mobile readability (agency-agents UI Designer pass) ===== */
/* Checkout CTA: match the site's black pill design language (was Bootstrap blue) */
.checkout-form .payment-checkout-btn,
.checkout-form button[type="submit"].btn,
.checkout-form .btn-primary.payment-checkout-btn,
.checkout-form input[type="submit"] {
  background: #1d1d1d !important;
  border: 1px solid #1d1d1d !important;
  color: #fefefe !important;
  border-radius: 50px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  transition: all 0.2s ease !important;
}
.checkout-form .payment-checkout-btn:hover,
.checkout-form button[type="submit"].btn:hover {
  background: #000000 !important;
  border-color: #000000 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}
/* Checkout links: dark instead of Bootstrap blue */
.checkout-form a,
.checkout-form .checkout-login-prompt a,
.checkout-form .checkout-discount-section a {
  color: #1d1d1d !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.checkout-form a:hover { color: #585959 !important; }
/* Checkout inputs: cleaner borders, consistent focus */
.checkout-form .form-control,
.checkout-form input.form-control,
.checkout-form select.form-control {
  border-radius: 8px !important;
  border-color: #d9d9d9 !important;
  padding: 12px 14px !important;
}
.checkout-form .form-control:focus {
  border-color: #1d1d1d !important;
  box-shadow: 0 0 0 3px rgba(29, 29, 29, 0.08) !important;
}
/* Payment method radios: black accent */
.checkout-form .form-check-input:checked,
.checkout-form input[type="radio"]:checked {
  background-color: #1d1d1d !important;
  border-color: #1d1d1d !important;
}
/* Order summary: cleaner card */
.checkout-form .checkout-payment-info,
.checkout-form .payment-info-wrapper,
.checkout-form .card {
  border-radius: 14px !important;
  border-color: #e8e8e8 !important;
}
/* Mobile body readability: line-height 1.6 (was 1.2) */
@media (max-width: 767px) {
  body, body p, body li, body .description, body .lead {
    line-height: 1.6 !important;
  }
  body p { font-size: 16px !important; }
  .checkout-form h1, .checkout-form h2, .checkout-form h3 { line-height: 1.3 !important; }
}
/* Home hero: cap the giant 160px h1 on small screens */
@media (max-width: 991px) {
  .shortcode-hero-banner h1, .home-2-section-9 h1, .sec-1-home h1 {
    font-size: clamp(44px, 9vw, 72px) !important;
  }
}
/*orazen-design-v1*/