/* Qubal v163 — Nawal journey restructure */
.qubal-nawales #nawals .nhero{background:radial-gradient(circle at 82% 30%,rgba(35,76,55,.23),transparent 28%),radial-gradient(circle at 18% 25%,rgba(201,154,85,.09),transparent 24%),#090a08!important;color:#eee9df}
.qubal-nawales #nawals .nhero .nheroGrid{grid-template-columns:1.02fr .98fr}
.qubal-nawales #nawals .nhero .nawalIntroFacts{align-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.qubal-nawales #nawals .nhero .fact{display:flex;flex-direction:column;justify-content:center;min-height:150px;border:1px solid #332d23;background:#0e100d;padding:22px}
.qubal-nawales #nawals .nhero .fact b{display:block;font:38px Georgia;color:#dfb979}
.qubal-nawales #nawals .nhero .fact span{font-size:11px;color:#a59d91;line-height:1.45}
.qubal-nawales #nawals .nSection{background:var(--qubal-paper)!important;color:var(--qubal-paper-ink)!important;border-color:var(--qubal-paper-line)!important}
.qubal-nawales #nawals .nawalCalculatorSection{background:var(--qubal-paper-2)!important}
.qubal-nawales #nawals .nawalMaterialOffer{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.qubal-nawales #nawals .nawalMaterialOffer.isSelected{border-color:#9a6428!important;box-shadow:0 0 0 2px rgba(154,100,40,.24),var(--qubal-paper-shadow)!important}
.qubal-nawales #nawals .nawalMaterialChoice{width:100%;margin-top:11px;border:0;cursor:pointer}
.qubal-nawales #nawals .nawalOrderReady{width:min(100%,430px);margin:14px auto 0;display:grid;gap:9px}
.qubal-nawales #nawals .selectedMaterialLabel{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#7d5b35;padding:10px 12px;border:1px solid var(--qubal-paper-line);background:#fffaf1}
.qubal-nawales #nawals .nawalAddCalculated{width:100%;box-sizing:border-box}
.qubal-nawales #nawals .nawalAddCalculated.isDisabled{opacity:.46;pointer-events:none;cursor:not-allowed}
.qubalNawalCheckoutField small{color:#8f867a;font-size:10px;line-height:1.45}
@media(max-width:900px){.qubal-nawales #nawals .nhero .nheroGrid{grid-template-columns:1fr}.qubal-nawales #nawals .nhero .nawalIntroFacts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.qubal-nawales #nawals .nhero .nawalIntroFacts{grid-template-columns:1fr}.qubal-nawales #nawals .nhero .fact{min-height:0}}