body {  background:#f5f6fa; } .adhoc-payment-modern-flex-container {  display:flex;  flex-direction:row;  justify-content:center;  align-items:flex-start;  gap:48px;  margin-top:100px; } .adhoc-card-visual-flex {  display:flex !important;  flex-direction:row;  justify-content:center;  align-items:center;  gap:48px;  margin-top:120px;  width:100%;  max-width:1100px;  margin-left:auto;  margin-right:auto;  align-content:center;  flex-wrap:nowrap; } .adhoc-card-visual-left{  flex:1 1 0;  min-width:320px;  max-width:300px;  width:auto !important;  display:flex;  align-items:center;  justify-content:center;  box-sizing:border-box; } .adhoc-card-data h2.adhoc-title {  font-size:57px;  word-wrap:initial;  width:100%;  text-transform:uppercase;  font-style:italic;  font-weight:bold;  color:#fff;  -webkit-text-stroke:1px #000; letter-spacing:2px; background:linear-gradient(45deg, #FCC616, #FCC616);  -webkit-background-clip:text;  -webkit-text-fill-color:transparent; } .adhoc-card-visual-right {  flex:1 1 0;  min-width:320px;  max-width:500px;  width:auto !important;  display:flex;  align-items:center;  justify-content:center;  box-sizing:border-box;  padding-left:0; } textarea#adhoc_comments {  height:100px; } .adhoc-form-group.adhoc-form-actions {  display:flex ;  align-content:center;  justify-content:space-around;  align-items:center;  flex-wrap:nowrap; } .adhoc-card-visual-left {  padding-right:12px; } .adhoc-card-visual-right {  padding-left:12px; } @media (max-width:900px) {  .adhoc-payment-modern-flex-container {   flex-direction:column;   align-items:center;   gap:32px;  }  .adhoc-card-visual-flex {   flex-direction:column !important;   align-items:center !important;   gap:32px;  }  .adhoc-card-visual, .adhoc-payment-modern-form {   margin:0 auto;  }  .adhoc-card-visual-left, .adhoc-card-visual-right {   max-width:100%;   width:100% !important;   padding:0;   justify-content:center;  } } .adhoc-card-visual {  width:340px;  height:200px;  background:linear-gradient(135deg, #000000 0%, #FCC616 100%);  border-radius:18px;  box-shadow:0 8px 32px rgba(33, 150, 243, 0.18);  position:relative;  margin-bottom:32px;  color:#fff;  padding:28px 24px 18px 24px;  display:flex;  flex-direction:column;  justify-content:space-between;  min-width:340px;  max-width:360px; } .adhoc-card-chip {  width:48px;  height:32px;  background:linear-gradient(90deg, #ffe082 0%, #ffd54f 100%);  border-radius:8px;  margin-bottom:18px; } .adhoc-card-details {  flex:1; } .adhoc-card-number {  font-size:1.3rem;  letter-spacing:2px;  margin-bottom:18px; } .adhoc-card-row {  display:flex;  justify-content:space-between;  font-size:0.9rem;  opacity:0.85; } .adhoc-card-label {  text-transform:uppercase; } .adhoc-card-bank {  position:absolute;  top:18px;  right:24px;  font-weight:bold;  font-size:1.1rem;  letter-spacing:1px; } .adhoc-payment-modern-form {  background:#fff;  border-radius:16px;  box-shadow:0 4px 24px rgba(0,0,0,0.08);  padding:36px 32px 28px 32px;  min-width:340px;  max-width:600px;  display:flex;  flex-direction:column;  gap:18px; } .adhoc-form-title {  text-align:left;  font-size:1.3rem;  font-weight:600;  margin-bottom:0px;  color:#222; } .adhoc-form-group label {  font-weight:500;  margin-bottom:6px;  color:#222; } .adhoc-input, .adhoc-select {  width:100%;  padding:10px 12px;  border:1.5px solid #e0e0e0;  border-radius:8px;  font-size:1rem;  background:#f9f9f9;  transition:border 0.2s;  outline:none; } .adhoc-textarea {  width:100%;  padding:10px 12px;  border:1.5px solid #e0e0e0;  border-radius:8px;  font-size:1rem;  background:#f9f9f9;  transition:border 0.2s;  outline:none;  margin-top:0px; } .adhoc-input:focus, .adhoc-select:focus, .adhoc-textarea:focus {  border-color:#ffe082;  background:#e3f2fd; } .adhoc-select {  appearance:none;  background:url('data:image/svg+xml;utf8,<svg fill="gray" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7.293 7.293a1 1 0 011.414 0L10 8.586l1.293-1.293a1 1 0 111.414 1.414l-2 2a1 1 0 01-1.414 0l-2-2a1 1 0 010-1.414z"/></svg>') no-repeat right 12px center/18px 18px, #f9f9f9; } .adhoc-select{  color:#000000 !important; } .adhoc-pay-btn {  width:100%;  padding:12px 0;  background:linear-gradient(90deg, #ffe082 0%, #ffe082 100%);  color:#fff;  font-size:1.1rem;  font-weight:bold;  border:none;  border-radius:8px;  cursor:pointer;  box-shadow:0 2px 8px rgba(33, 150, 243, 0.12);  transition:background 0.2s, box-shadow 0.2s;  margin-bottom:8px; } .adhoc-pay-btn:hover {  background:linear-gradient(90deg, #ffe082 0%, #ffe082 100%);  box-shadow:0 4px 16px rgba(33, 150, 243, 0.18); } .adhoc-cancel-btn {  width:100%;  padding:10px 0;  background:#fff;  color:#ffe082;  font-size:1.05rem;  font-weight:500;  border:1.5px solid #21cbf3;  border-radius:8px;  cursor:pointer;  margin-top:0;  transition:background 0.2s, color 0.2s; } .adhoc-cancel-btn:hover {  background:#e3f2fd;  color:#ffe082; }  .adhoc-title {  font-size:3rem;  font-weight:900;  color:#FCC616;  text-shadow:0 2px 12px rgba(252,198,22,0.15);  margin-bottom:32px;  font-family:'Montserrat', 'Segoe UI', Arial, sans-serif;  letter-spacing:2px;  text-align:left; }  .adhoc-card-visual {  background:linear-gradient(135deg, #2d2d2d 0%, #FCC616 100%);  color:#fff;  box-shadow:0 4px 24px rgba(252,198,22,0.10); } .adhoc-card-number, .adhoc-card-label, .adhoc-card-bank {  color:#fff !important;  text-shadow:none; } .adhoc-card-chip {  background:#FCC616; }  .adhoc-form-group.adhoc-form-actions {  display:flex;  gap:16px;  margin-top:18px; } .adhoc-pay-btn {  background:#FCC616 !important;  color:#222 !important;  font-weight:bold;  border:none;  border-radius:8px;  box-shadow:0 2px 8px rgba(252,198,22,0.10);  transition:background 0.2s, color 0.2s; } .adhoc-pay-btn:hover {  background:#e6b800 !important;  color:#111 !important; } .adhoc-cancel-btn {  background:#fff !important;  color:#FCC616 !important;  border:2px solid #FCC616 !important;  font-weight:bold;  border-radius:8px;  transition:background 0.2s, color 0.2s; } .adhoc-cancel-btn:hover {  background:#fffbe7 !important;  color:#e6b800 !important; }  .adhoc-payment-modern-form {  box-shadow:0 4px 24px rgba(0,0,0,0.08);  border-radius:18px; } .adhoc-form-title {  font-size:2rem;  font-weight:700;  color:#fcc616;   letter-spacing:1px;  text-transform:uppercase; } .adhoc-modal {  display:none;  position:fixed;  z-index:9999;  left:0; top:0; right:0; bottom:0;  background:rgba(0,0,0,0.45);  justify-content:center;  align-items:center; } .adhoc-modal[style*="display:flex"] {  display:flex !important; } .adhoc-modal-content {  background:#fff;  border-radius:16px;  padding:32px 28px;  box-shadow:0 8px 32px rgba(0,0,0,0.18);  text-align:center;  min-width:320px;  max-width:90vw; } .adhoc-modal-content h3 {  margin-bottom:18px;  color:#222;  font-size:1.4rem;  font-weight:700; } .adhoc-modal-content p {  margin-bottom:24px;  color:#444; }