/* CRAZE-X Seller Card v1.0.0 */
.craze-seller-card-mount{width:100%;margin-top:14px}
.craze-seller-card{
  width:100%;padding:16px;border-radius:18px;
  background:linear-gradient(145deg,#ffffff,#f6f9fc);
  border:1px solid #e4ebf2;
  box-shadow:0 8px 26px rgba(25,55,85,.07);
  box-sizing:border-box;
}
.craze-seller-card-title{
  display:flex;align-items:center;gap:9px;
  margin:0 0 12px;font-size:15px;line-height:20px;
  font-weight:800;color:#17263b;
}
.craze-seller-card-title:before{
  content:"";display:block;width:4px;height:20px;border-radius:5px;
  background:linear-gradient(180deg,#168fe5,#56c1df);
}
.craze-seller-card-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.craze-seller-card-btn{
  min-height:42px;padding:9px 10px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;gap:7px;
  text-decoration:none!important;font-size:12px;font-weight:800;
  color:#233247!important;border:1px solid #e5ebf1;background:#fff;
  transition:.18s ease;box-sizing:border-box;
}
.craze-seller-card-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(30,70,110,.10)}
.craze-seller-card-icon{
  width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;
  background:#eef5fb;font-size:13px;font-weight:900;
}
.craze-seller-card-whatsapp .craze-seller-card-icon{background:#e7f8ee;color:#159447}
.craze-seller-card-telegram .craze-seller-card-icon{background:#e7f3ff;color:#168fe5}
.craze-seller-card-instagram .craze-seller-card-icon{background:#f4eafa;color:#a244b8}
.craze-seller-card-facebook .craze-seller-card-icon{background:#e8efff;color:#3567c8}
.craze-seller-card-phone .craze-seller-card-icon{background:#e8f8ee;color:#159447}
.craze-seller-card-settings-intro{margin:-16px 0 8px;color:#718096;font-size:12px;line-height:18px}
.craze-seller-card-settings .form-control{border-radius:9px}
.craze-seller-card-save-row{display:flex;align-items:center;gap:10px;margin:12px 0 4px}
.craze-seller-card-save-row button{min-height:42px;padding:9px 18px;border:0;border-radius:10px}
.craze-seller-card-save-status{font-size:12px;font-weight:700}
.craze-seller-card-save-status.ok{color:#159447}.craze-seller-card-save-status.err{color:#c0392b}
@media(max-width:767px){
 .craze-seller-card-mount{margin-top:135px}
 .craze-seller-card{padding:13px;border-radius:16px}
 .craze-seller-card-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .craze-seller-card-btn{min-height:40px;font-size:11px;padding:8px 6px}
 .craze-seller-card-settings-intro{font-size:11px}
 .craze-seller-card-save-row{flex-wrap:wrap}
}
@media(min-width:768px){
 .craze-seller-card-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* WhatsApp + Telegram: side-by-side only on phones/tablets. PC is untouched. */
@media (max-width:1199px){
  .craze-social-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px;
    width:100%;
    margin:0 0 10px;
  }
  .craze-social-grid > .social-contact-button{
    width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    height:62px!important;
    margin:0!important;
    box-sizing:border-box!important;
    padding:8px 10px!important;
  }
  .craze-social-grid > .social-contact-button .social-contact-button-icon{
    flex-basis:40px;width:40px;height:40px;
  }
  .craze-social-grid > .social-contact-button .social-contact-button-content{margin-left:8px;}
  .craze-social-grid > .social-contact-button .social-contact-button-content strong{font-size:14px;}
  .craze-social-grid > .social-contact-button .social-contact-button-content small{font-size:10px;}
}
@media(max-width:380px){
  .craze-social-grid{gap:7px;}
  .craze-social-grid > .social-contact-button{
    min-height:58px!important;height:58px!important;
  }
  .craze-social-grid > .social-contact-button .social-contact-button-icon{
    flex-basis:34px;width:34px;height:34px;font-size:21px;
  }
  .craze-social-grid > .social-contact-button .social-contact-button-content strong{font-size:12px;}
  .craze-social-grid > .social-contact-button .social-contact-button-content small{font-size:9px;}
  .craze-social-grid > .social-contact-button .social-contact-button-arrow{font-size:15px;margin-left:4px;}
}