.breadcrumb{
    display:flex; align-items:center; gap:8px;
    font-family:'Tajawal', sans-serif; font-size:0.85rem; color:var(--ink-500);
    margin-bottom:26px;
  }
  .breadcrumb a{color:var(--ink-500);}
  .breadcrumb a:hover{color:var(--orange-500);}
  .breadcrumb .sep{opacity:.5;}
  .breadcrumb .current{color:var(--ink-100); font-weight:600;}

  .page-hero{
    padding:150px 0 70px;
    background:
      radial-gradient(ellipse 900px 500px at 80% 0%, rgba(62,124,184,0.10), transparent 60%),
      radial-gradient(ellipse 700px 500px at 10% 10%, rgba(232,134,60,0.10), transparent 55%),
      var(--navy-900);
    border-bottom:1px solid var(--line);
  }
  .page-hero .inner{max-width:780px;}
  .page-hero h1{font-size:clamp(2.2rem, 4vw, 3.1rem); font-weight:700; line-height:1.22; margin-bottom:20px;}
  .page-hero .lead{font-size:1.05rem; color:var(--ink-300); max-width:620px; margin-bottom:26px;}
  .badge-row{display:flex; gap:12px; flex-wrap:wrap;}
  .badge-pill{
    display:flex; align-items:center; gap:8px;
    background:var(--navy-700); border:1px solid var(--line); border-radius:999px;
    padding:8px 16px; font-size:0.85rem; color:var(--ink-300);
  }

  .builder-card{
    background:#fff; border:1px solid var(--line); border-radius:24px;
    padding:44px; box-shadow:var(--shadow); max-width:760px; margin:0 auto;
  }
  .form-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px;}
  .form-grid.full{grid-template-columns:1fr;}
  .field label{display:block; font-size:0.85rem; font-weight:600; margin-bottom:6px; color:var(--ink-300);}
  .error-msg{color:#c94b4b; font-size:0.88rem; margin-top:10px; display:none;}
  .loading-note{display:none; text-align:center; padding:30px 0;}
  .loading-note .spinner{
    width:32px; height:32px; border-radius:50%; margin:0 auto 16px;
    border:3px solid var(--line); border-top-color:var(--orange-500);
    animation:spin 0.9s linear infinite;
  }
  @keyframes spin{to{transform:rotate(360deg);}}

  .preview-section{display:none; max-width:1000px; margin:0 auto;}
  .preview-grid{
    display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-bottom:30px;
  }
  .preview-card{
    border:1px solid var(--line); border-radius:16px; overflow:hidden;
    background:var(--navy-800);
  }
  .preview-card img{width:100%; display:block; aspect-ratio:1/1; object-fit:cover;}
  .preview-card .cap{padding:12px 16px; font-size:0.85rem; color:var(--ink-500); display:flex; justify-content:space-between; align-items:center;}
  .unlock-banner{
    background:linear-gradient(120deg, #ffffff, var(--navy-700));
    border:1px solid var(--line); border-radius:20px; padding:32px;
    display:flex; align-items:center; justify-content:space-between; gap:20px;
    flex-wrap:wrap; box-shadow:var(--shadow);
  }
  .unlock-banner .price{font-family:'Lalezar',sans-serif; font-size:1.6rem; background:linear-gradient(100deg, var(--orange-500), var(--blue-500)); -webkit-background-clip:text; background-clip:text; color:transparent;}
  .unlocked-list{display:flex; flex-direction:column; gap:14px; margin-top:20px;}
  .unlocked-item{
    display:flex; align-items:center; justify-content:space-between;
    padding:16px 20px; border:1px solid var(--line); border-radius:14px;
  }

  @media (max-width:760px){
    .form-grid{grid-template-columns:1fr;}
    .builder-card{padding:26px 20px;}
    .preview-grid{grid-template-columns:1fr 1fr;}
  }