/* Henna card landing page — same design as the approved landing mockup */
html body.hcc-landing-body{margin:0!important;background:#FBF6EF!important}
.hcc-landing{font-family:'Tajawal',sans-serif;color:#2A1A16;background:#FBF6EF;min-height:100vh;direction:rtl;text-align:right}
.hcc-landing *{box-sizing:border-box}
.hcc-wrap{max-width:1160px;margin:0 auto;padding-left:20px;padding-right:20px}
.hcc-top{background:#7A0E14;color:#FBF6EF}
.hcc-top-in{padding-top:14px;padding-bottom:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.hcc-logo{font-family:'Amiri',serif;font-size:26px;font-weight:700}
.hcc-top-note{font-size:15px;font-weight:500}

.hcc-hero{padding-top:48px;padding-bottom:40px;display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.hcc-controls{flex:999 1 420px;min-width:0;display:flex;flex-direction:column;gap:22px}
.hcc-intro{display:flex;flex-direction:column;gap:10px}
.hcc-badge{align-self:flex-start;background:#F3E3D3;color:#7A0E14;font-size:14px;font-weight:700;padding:6px 14px;border-radius:999px}
.hcc-landing .hcc-h1{margin:0;font-family:'Amiri',serif;font-size:46px;line-height:1.25;color:#4E070C;font-weight:700}
.hcc-lead{margin:0;font-size:18px;line-height:1.7;color:#5A4640}
.hcc-panel{background:#FFFFFF;border:1px solid #EADBCB;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:18px}
.hcc-fields{display:flex;flex-wrap:wrap;gap:16px}
.hcc-fields label{flex:1 1 160px;display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:700;color:#2A1A16;margin:0}
.hcc-landing .hcc-fields input{font-family:'Tajawal',sans-serif!important;font-size:20px!important;padding:12px 14px!important;border:1px solid #D9C5B2!important;border-radius:10px!important;background:#FFFCF8!important;color:#2A1A16!important;min-height:48px;width:100%;box-shadow:none!important;margin:0}
.hcc-landing input:focus,.hcc-landing select:focus,.hcc-landing textarea:focus{outline:2px solid #7A0E14!important;outline-offset:1px;border-color:#7A0E14!important}
.hcc-note{margin:0;font-size:14px;color:#6B5650}
.hcc-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.hcc-landing a.hcc-cta{background:#7A0E14;color:#FFFFFF!important;text-decoration:none!important;font-weight:800;font-size:18px;padding:14px 32px;border-radius:12px;min-height:48px;display:inline-flex;align-items:center}
.hcc-landing a.hcc-cta:hover{background:#4E070C}
.hcc-price{display:flex;flex-direction:column}
.hcc-price-v{font-size:22px;font-weight:800;color:#4E070C}
.hcc-price-n{font-size:14px;color:#6B5650}
.hcc-side{flex:1 1 340px;display:flex;flex-direction:column;align-items:center;gap:14px}
.hcc-landing .hcc-preview{position:relative;width:340px;max-width:100%;aspect-ratio:2/3;border-radius:6px;overflow:hidden;box-shadow:0 20px 40px rgba(78,7,12,.16)}

.hcc-features{background:#FFFFFF;border-top:1px solid #EADBCB;border-bottom:1px solid #EADBCB}
.hcc-feat-grid{padding-top:40px;padding-bottom:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.hcc-feat{display:flex;flex-direction:column;gap:6px}
.hcc-feat-t{font-family:'Amiri',serif;font-size:24px;font-weight:700;color:#7A0E14}
.hcc-feat-d{font-size:16px;line-height:1.6;color:#5A4640}

.hcc-real{padding-top:48px;padding-bottom:48px;display:flex;flex-wrap:wrap;gap:40px;align-items:center}
.hcc-landing .hcc-real-img{flex:1 1 280px;max-width:380px;width:100%;height:auto;border-radius:16px;object-fit:cover;aspect-ratio:3/4}
.hcc-real-txt{flex:999 1 320px;min-width:0;display:flex;flex-direction:column;gap:12px}
.hcc-landing .hcc-h2{margin:0;font-family:'Amiri',serif;font-size:34px;color:#4E070C;font-weight:700;line-height:1.3}
.hcc-p{margin:0;font-size:17px;line-height:1.8;color:#5A4640}

.hcc-order{background:#F3E3D3}
.hcc-order-in{max-width:720px;margin:0 auto;padding:48px 20px;display:flex;flex-direction:column;gap:20px}
.hcc-center{text-align:center}
.hcc-sum-line{margin:0;font-size:16px;color:#5A4640}
.hcc-sum{color:#7A0E14}
.hcc-foot{background:#4E070C;color:#F3E3D3;text-align:center;padding:20px;font-size:14px}

/* AMCOD form restyled to the landing palette (this page only) */
.hcc-landing #custom-checkout-form{background:#FFFFFF!important;border-radius:16px!important;padding:24px!important;margin:0!important;font-family:'Tajawal',sans-serif!important;color:#2A1A16!important}
.hcc-landing #custom-checkout-form input[type="text"],
.hcc-landing #custom-checkout-form input[type="tel"],
.hcc-landing #custom-checkout-form input[type="email"],
.hcc-landing #custom-checkout-form input[type="number"],
.hcc-landing #custom-checkout-form select,
.hcc-landing #custom-checkout-form textarea{border:1px solid #D9C5B2!important;border-radius:10px!important;background:#FFFCF8!important;color:#2A1A16!important;font-family:'Tajawal',sans-serif!important}
.hcc-landing #custom-checkout-form #submit-button,
.hcc-landing #custom-checkout-form button[type="submit"]{background:#7A0E14!important;background-image:none!important;color:#FFFFFF!important;border:0!important;border-radius:12px!important;font-family:'Tajawal',sans-serif!important;font-weight:800!important;box-shadow:none!important}
.hcc-landing #custom-checkout-form #submit-button:hover{background:#4E070C!important}

@media (max-width:600px){
  .hcc-landing .hcc-h1{font-size:36px}
  .hcc-hero{padding-top:28px;gap:32px}
  .hcc-landing .hcc-h2{font-size:28px}
}