/* Mozzat — Dynamic Contact form styles (brand green identity) */
.cu-wrap{
  --cu-green:#628185; --cu-green-dark:#4f6b6e; --cu-text:#5E7775; --cu-clay:#c08a6f;
  --cu-line:#e6e3db; --cu-bg:#faf9f5; --cu-card:#ffffff; --cu-radius:16px;
  font-family:inherit; color:#3a4a48; max-width:1180px; margin:0 auto;
}
.cu-wrap *{box-sizing:border-box;}
.cu-panel{background:var(--cu-card); border-radius:22px; box-shadow:0 12px 40px rgba(60,74,72,.08); padding:28px 26px 0;}
.cu-what{text-align:center; font-size:20px; font-weight:700; color:var(--cu-green-dark); margin:6px 0 20px;}

/* البطاقات */
.cu-cards{display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-bottom:26px;}
.cu-card{position:relative; background:var(--cu-card); border:1.5px solid var(--cu-line); border-radius:var(--cu-radius);
  padding:20px 12px; text-align:center; cursor:pointer; transition:all .25s cubic-bezier(.2,.7,.2,1); display:flex; flex-direction:column; align-items:center; gap:8px;}
.cu-card:hover{border-color:var(--cu-green); transform:translateY(-2px); box-shadow:0 8px 20px rgba(98,129,133,.12);}
.cu-card.active{border-color:var(--cu-green); background:linear-gradient(180deg,rgba(98,129,133,.06),rgba(98,129,133,.02));}
.cu-card-ico{width:52px; height:52px; border-radius:50%; background:rgba(98,129,133,.10); display:flex; align-items:center; justify-content:center; color:var(--cu-green);}
.cu-card.active .cu-card-ico{background:var(--cu-green); color:#fff;}
.cu-card-ico svg{width:24px; height:24px;}
.cu-card-title{font-weight:700; font-size:15px; color:#3a4a48;}
.cu-card-desc{font-size:12px; color:#9aa5a2;}
.cu-check{position:absolute; top:10px; inset-inline-end:10px; width:22px; height:22px; border-radius:50%; background:var(--cu-green); color:#fff; display:none; align-items:center; justify-content:center;}
.cu-check svg{width:13px; height:13px;}
.cu-card.active .cu-check{display:flex;}

/* الشبكة (تفاصيل + منتجات) */
.cu-grid{display:grid; grid-template-columns:1fr 1fr; gap:34px; padding-bottom:8px;}
.cu-grid.cu-single{grid-template-columns:1fr; max-width:640px; margin:0 auto;}
.cu-section-title{color:var(--cu-green); font-weight:700; font-size:16px; margin-bottom:16px; display:flex; align-items:center; gap:8px;}
.cu-optional{color:#9aa5a2; font-weight:500; font-size:13px;}

/* الحقول */
.cu-row{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px;}
.cu-field label{display:block; font-size:13px; font-weight:600; color:#3a4a48; margin-bottom:6px;}
.cu-field label b{color:var(--cu-clay);}
.cu-field input, .cu-msg-block textarea{width:100%; border:1.5px solid var(--cu-line); border-radius:10px; padding:11px 13px; font-size:14px; color:var(--cu-text); background:var(--cu-bg); font-family:inherit; transition:border-color .15s;}
.cu-field input:focus, .cu-msg-block textarea:focus{outline:none; border-color:var(--cu-green);}
.cu-msg-label{display:block; font-size:13px; font-weight:600; color:#3a4a48; margin-bottom:6px;}
.cu-msg-label b{color:var(--cu-clay);}
.cu-msg-block textarea{min-height:150px; resize:vertical;}
.cu-count{text-align:end; font-size:12px; color:#9aa5a2; margin-top:5px;}

/* اختيار المنتجات */
.cu-prod-help{font-size:13px; color:#9aa5a2; margin:-8px 0 14px;}
.cu-search{position:relative; margin-bottom:12px;}
.cu-search-ico{position:absolute; inset-inline-start:12px; top:50%; transform:translateY(-50%); color:#9aa5a2;}
.cu-search-ico svg{width:17px; height:17px;}
.cu-search-in{width:100%; border:1.5px solid var(--cu-line); border-radius:10px; padding:11px 13px; padding-inline-start:38px; font-size:14px; color:var(--cu-text); background:var(--cu-bg); font-family:inherit;}
.cu-search-in:focus{outline:none; border-color:var(--cu-green);}
.cu-catfilter{width:100%; border:1.5px solid var(--cu-line); border-radius:10px; padding:11px 13px; font-size:14px; color:var(--cu-text); background:var(--cu-bg); font-family:inherit; margin-bottom:16px;}
.cu-catfilter:focus{outline:none; border-color:var(--cu-green);}

.cu-prod-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-height:360px; overflow-y:auto; padding:2px; margin-bottom:20px;}
.cu-prod{border:1.5px solid var(--cu-line); border-radius:12px; overflow:hidden; background:#fff; transition:border-color .2s;}
.cu-prod.is-sel{border-color:var(--cu-green);}
.cu-prod-img{height:78px; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden; border-bottom:1px solid var(--cu-line);}
.cu-prod-img img{width:100%; height:100%; object-fit:cover;}
.cu-prod-name{font-size:13px; font-weight:700; color:#3a4a48; padding:8px 8px 2px; line-height:1.3;}
.cu-prod-cat{font-size:11px; color:#9aa5a2; padding:0 8px 8px;}
.cu-prod-add{width:calc(100% - 16px); margin:0 8px 8px; border:1.5px solid var(--cu-clay); color:var(--cu-clay); background:#fff; border-radius:8px; padding:7px; font-size:12px; font-weight:700; cursor:pointer; transition:all .15s; font-family:inherit;}
.cu-prod-add:hover{background:var(--cu-clay); color:#fff;}
.cu-prod.is-sel .cu-prod-add{background:var(--cu-green); border-color:var(--cu-green); color:#fff;}

/* المنتجات المختارة */
.cu-selected-head{color:var(--cu-green); font-weight:700; font-size:15px; display:flex; align-items:center; gap:8px; margin-bottom:12px;}
.cu-cart-ico svg{width:18px; height:18px;}
.cu-selected-list{background:var(--cu-bg); border-radius:12px; padding:6px; min-height:56px;}
.cu-none{text-align:center; color:#9aa5a2; font-size:13px; padding:18px;}
.cu-sel-item{display:flex; align-items:center; gap:12px; background:#fff; border:1px solid var(--cu-line); border-radius:10px; padding:8px 10px; margin-bottom:8px;}
.cu-sel-item:last-child{margin-bottom:0;}
.cu-sel-img{width:44px; height:44px; border-radius:8px; overflow:hidden; flex:0 0 44px; background:#fff; border:1px solid var(--cu-line);}
.cu-sel-img img{width:100%; height:100%; object-fit:cover;}
.cu-sel-info{flex:1; min-width:0;}
.cu-sel-name{font-size:13px; font-weight:700; color:#3a4a48; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cu-sel-cat{font-size:11px; color:#9aa5a2;}
.cu-sel-qty{width:110px; border:1.5px solid var(--cu-line); border-radius:8px; padding:8px; font-size:13px; color:var(--cu-text); background:var(--cu-bg); font-family:inherit; flex:0 0 110px;}
.cu-sel-qty:focus{outline:none; border-color:var(--cu-green);}
.cu-sel-remove{width:30px; height:30px; flex:0 0 30px; border:none; background:rgba(192,138,111,.10); color:var(--cu-clay); border-radius:8px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .15s;}
.cu-sel-remove:hover{background:var(--cu-clay); color:#fff;}
.cu-sel-remove svg{width:15px; height:15px;}

/* الفوتر */
.cu-footer{display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 -26px; padding:22px 26px; background:var(--cu-bg); border-top:1px solid var(--cu-line); border-radius:0 0 22px 22px; flex-wrap:wrap;}
.cu-secure{display:flex; align-items:center; gap:12px; max-width:440px;}
.cu-shield{color:var(--cu-green); flex:0 0 auto;}
.cu-shield svg{width:26px; height:26px;}
.cu-secure b{color:var(--cu-green); font-size:14px;}
.cu-secure p{font-size:12px; color:#9aa5a2; margin:2px 0 0;}
.cu-submit-wrap{text-align:center;}
.cu-submit{display:inline-flex; align-items:center; gap:10px; background:var(--cu-green); color:#fff; border:none; border-radius:999px; padding:15px 40px; font-size:16px; font-weight:700; cursor:pointer; transition:all .2s; font-family:inherit;}
.cu-submit:hover{background:var(--cu-green-dark); transform:translateY(-1px);}
.cu-submit:disabled{opacity:.6; cursor:default; transform:none;}
.cu-submit svg{width:20px; height:20px;}
.cu-submit-note{font-size:12px; color:#9aa5a2; margin:8px 0 0;}
.cu-result{font-size:14px; font-weight:600; margin:8px 0 0;}
.cu-result.ok{color:#2e7d32;}
.cu-result.err{color:#c0392b;}

/* استجابة */
@media (max-width:900px){
  .cu-cards{grid-template-columns:repeat(2,1fr);}
  .cu-grid{grid-template-columns:1fr; gap:28px;}
  .cu-prod-grid{grid-template-columns:repeat(2,1fr);}
  .cu-footer{flex-direction:column; text-align:center; margin:0 -20px;}
  .cu-secure{flex-direction:column; text-align:center;}
  .cu-panel{padding:22px 18px 0;}
  .cu-footer{padding:20px 18px;}
}
@media (max-width:560px){
  .cu-cards{grid-template-columns:1fr;}
  .cu-row{grid-template-columns:1fr;}
  .cu-prod-grid{grid-template-columns:repeat(2,1fr);}
  .cu-sel-qty{width:84px; flex-basis:84px;}
}