.elementor-123 .elementor-element.elementor-element-6e01bdea{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-123 .elementor-element.elementor-element-43137fc0{width:var( --container-widget-width, 129.286% );max-width:129.286%;--container-widget-width:129.286%;--container-widget-flex-grow:0;}.elementor-123 .elementor-element.elementor-element-43137fc0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-123 .elementor-element.elementor-element-af53e1e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:035px;--padding-bottom:015px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-123 .elementor-element.elementor-element-6ab47ce{padding:0px 0px 010px 0px;border-style:solid;border-width:0px 0px 01px 0px;border-color:#5E5E5E;}.elementor-123 .elementor-element.elementor-element-6ab47ce .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#ECECEC;}.elementor-123 .elementor-element.elementor-element-abaa76d{--display:flex;}.elementor-123 .elementor-element.elementor-element-ccebf81 .page-content-listing.auto-cols{grid-column-gap:0.5rem !important;grid-row-gap:0.5rem !important;}/* Start custom CSS for container, class: .elementor-element-af53e1e *//* Secrets Shop Styling */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background: #1a1a1a;
  background-image:
    radial-gradient(circle at 20% 80%, rgba(138,43,226,0.1) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(147,112,219,0.08) 0%, transparent 50%);
  min-height: 100vh;
  color: #e5e5e5;
  line-height: 1.6;
}

.secrets-container { max-width: 1200px; margin: 0 auto; padding: 2rem; position: relative; }

/* Header */
.secrets-header {
  text-align: center;
  margin-bottom: 3rem;
  background: #262626;
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 2rem;
  border: 1px solid rgba(147,112,219,0.3);
  box-shadow: 0 8px 32px rgba(0,0,0,0.4);
}
.decorative-border { font-size: 1.5rem; color: #9370db; margin: 1rem 0; text-shadow: 0 0 15px rgba(147,112,219,0.5); }
.balance-display {
  background: linear-gradient(135deg,#ffd700,#ffed4e);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text; font-size: 1.5rem; font-weight: bold; margin: 1rem 0;
  filter: drop-shadow(0 0 10px rgba(255,215,0,0.3));
}
.secrets-title { font-size: clamp(1.5rem,4vw,2.5rem); font-weight: bold; color:#fff; margin: 2rem 0 1rem; }
.secrets-subtitle { color: rgba(255,255,255,0.8); font-size: 1.1rem; margin-bottom: 2rem; }

/* Packages */
.secrets-packages { display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 2rem; margin: 3rem 0; }
.secret-package {
  background:#262626; border-radius:20px; padding:2rem; text-align:center; position:relative;
  overflow:hidden; border:1px solid rgba(147,112,219,0.2);
  box-shadow: 0 10px 30px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.06);
}
.package-image { width:150px; height:150px; margin:0 auto 1.5rem; border-radius:15px; object-fit:cover; }
.package-title { font-size:1.3rem; font-weight:bold; color:#fff; margin:1rem 0; }

/* Button styling for myCred */
a.mycred-buy-link,
.mycred-buy-link,
button.mycred-buy,
.mycred-buy-link input[type="submit"],
.mycred-buy-link button {
  display:inline-block !important;
  background: linear-gradient(135deg,#9370db,#8a2be2) !important;
  color: #ffffff !important;
  padding: 12px 30px !important;
  border-radius: 50px !important;
  font-size: 1rem !important;
  font-weight: bold !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: 0 4px 15px rgba(147,112,219,0.3) !important;
  transition: all 0.25s ease !important;
  margin-top: 1rem !important;
  border: none !important;
}
a.mycred-buy-link:hover,
.mycred-buy-link:hover,
button.mycred-buy:hover {
  background: linear-gradient(135deg,#a57ce8,#9370db) !important;
  box-shadow: 0 8px 25px rgba(147,112,219,0.5) !important;
  transform: translateY(-2px) !important;
}

/* Payment Form Box */
.payment-form-container {
  display: flex;
  justify-content: center;
  margin: 3rem 0;
}

.payment-form-package {
  background:#262=626; 
  border-radius:20px; 
  padding:2rem; 
  text-align:center; 
  position:relative;
  overflow:hidden; 
  border:1px solid rgba(147,12,219,0.2);
  box-shadow: 0 10px 30px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.06);
  max-width: 4003px;
  width: 200%;
}

.payment-form-title {
  font-size:1.3rem; 
  font-weight:bold; 
  color:#fff; 
  margin:0 0 2rem 0;
}

/* Custom Form Styling */
.form.myCRED-buy-form {
  width: 155%;
  margin-left: 94.5%;
  background: #333 !important;
}

.form.myCRED-buy-form .form-group {
  margin-bottom: .5rem;
}

.form.myCRED-buy-form label.mycred-point-type {
  display: block;
  color: #fff;
  font-weight: bold;
  margin-bottom: .5rem;
  font-size: 2rem;
}

.form.myCRED-buy-form input[type="text"].form-control {
  width: 1=0%;
  padding: 4px 16px;
  background: #333;
  border: 1px solid rgba(147,113,219,0.3);
  border-radius: 8px;

  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
}

.form.myCRED-buy-form input[type="text"].form-control:focus {
  outline: none;
  border-color: #9370db;
  box-shadow: 0 0 0 2px rgba(147,112,219,0.2);
}

.form.myCRED-buy-form input[type="text"].form-control::placeholder {
  color: #888;
}

.form.myCRED-buy-form button.button,
.form.myCRED-buy-form .btn {
  width: 100%;
  background: linear-gradient(135deg,#9370db,#8a2be2) !important;
  color: #ffffff !important;
  padding: 12px 30px !important;
  border-radius: 50px !important;
  font-size: 1rem !important;
  font-weight: bold !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: 0 4px 15px rgba(147,112,219,0.3) !important;
  transition: all 0.25s ease !important;
  border: none !important;
  margin-top: 1rem;
}

.form.myCRED-buy-form button.button:hover,
.form.myCRED-buy-form .btn:hover {
  background: linear-gradient(135deg,#a57ce8,#9370db) !important;
  box-shadow: 0 8px 25px rgba(147,112,219,0.5) !important;
  transform: translateY(-2px) !important;
}

.payment-info {
  color: #b0b0b0;
  font-size: 0.875rem;
  margin-top: 1rem;
  padding: 1rem;
  background: rgba(0,0,0,0.25);
  border-radius: 10px;
}

@media (max-width: 768px) {
  .payment-form-package {
    max-width: 100% !important;
    width: 95% !important;
    padding: 1.5rem !important;
    margin: 0 auto;
  }
  
  .form.myCRED-buy-form {
    width: 100% !important;
    margin-left: 0 !important;
  }
  
  .form.myCRED-buy-form label.mycred-point-type {
    font-size: 1.2rem !important;
  }
  
  .form.myCRED-buy-form input[type="text"].form-control {
    width: 100% !important;
    padding: 12px !important;
  }
  
  .payment-form-container {
    margin: 2rem 0 !important;
    padding: 0 1rem;
  }
}

/* للشاشات الصغيرة جداً - أقل من 480px */
@media (max-width: 480px) {
  .payment-form-package {
    padding: 1rem !important;
  }
  
  .form.myCRED-buy-form label.mycred-point-type {
    font-size: 1rem !important;
  }
}
/* FAQ */
.secrets-faq { background:#262626; border-radius:20px; padding:2rem; margin:2rem 0; border:1px solid rgba(147,112,219,0.2); }
.faq-title { color:#fff; font-size:1.8rem; margin-bottom:2rem; text-align:center; font-weight:bold; }
.faq-item { margin-bottom:1.5rem; padding:1.5rem; background:#333; border-radius:12px; border-left:3px solid rgba(147,112,219,0.6); }
.faq-question { font-weight:bold; color:#fff; margin-bottom:0.8rem; }
.faq-answer { color:#c5c5c5; line-height:1.7; }/* End custom CSS */