.quotationSection{padding:82px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.82fr 1.18fr;gap:26px 42px;background:linear-gradient(145deg,#28090e,#551018);color:#fff}.websiteOffline .quotationSection{display:none!important}.quotationIntro>p:first-child{margin:0 0 10px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.16em}.quotationIntro h2{margin:0;font-family:var(--serif);font-size:clamp(36px,4.8vw,62px);line-height:.92}.quotationIntro>p:not(:first-child){max-width:560px;color:#e9d8ce;line-height:1.7}.quotationPromises{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.quotationPromises span{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(233,190,85,.35);border-radius:999px;background:rgba(255,255,255,.06);font-size:10px;font-weight:800}.quotationPromises i{font-size:17px;color:var(--gold)}#quotationForm,.quotationTracker{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:24px;border:1px solid rgba(237,195,101,.4);border-radius:13px;background:#fff8ed;color:var(--ink);box-shadow:0 24px 55px rgba(0,0,0,.22)}#quotationForm label,.quotationTracker label{display:grid;gap:6px;color:var(--ink-soft);font-size:11px;font-weight:800}#quotationForm input,#quotationForm textarea,.quotationTracker input{width:100%;min-height:45px;padding:10px 12px;border:1px solid #d8cabb;border-radius:6px;background:#fff}.quotationBasket{padding:13px;border:1px solid #e4d6c6;border-radius:8px;background:#fff}.quotationBasket>b{display:block;margin-bottom:8px}.quotationBasket article{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #eee3d6;font-size:11px}.quotationBasket article:first-child{border-top:0}.quotationBasket article span{color:var(--muted)}.quotationBasket .empty{margin:0;color:var(--muted);font-size:11px}.quotationTracker{grid-column:1/-1;grid-template-columns:1fr 1fr auto;align-items:end}.quotationTracker h3{grid-column:1/-1;margin:0;font-family:var(--serif);font-size:25px}.quotationTracker button{min-height:45px;padding:0 18px;border:1px solid var(--wine);border-radius:6px;background:var(--wine);color:#fff;font-weight:850}.quotationTracker p{grid-column:1/-1;margin:0;color:var(--wine);font-size:11px}.quotationResult{grid-column:1/-1;padding:24px;border:1px solid #deb958;border-radius:13px;background:#fffaf0;color:var(--ink)}.quotationResultHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.quotationResultHead p{margin:0 0 4px;color:var(--wine);font-size:10px;font-weight:900;letter-spacing:.12em}.quotationResult h3{margin:0;font-family:var(--serif);font-size:30px}.quotationStatusBadge{padding:7px 10px;border-radius:999px;background:#f3e3bb;color:#6c4300;font-size:10px;font-weight:900;text-transform:uppercase}.quotationStatusBadge.approved,.quotationStatusBadge.converted{background:#dbf2df;color:#1c6831}.quotationStatusBadge.rejected{background:#f8dddd;color:#8a1d26}.quotationLines{display:grid;gap:7px;margin:18px 0}.quotationLines article{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #eadfce;border-radius:7px;background:#fff}.quotationLines small{color:var(--muted)}.quotationTotal{display:flex;align-items:center;justify-content:space-between;padding:14px;border-radius:8px;background:#3c0b12;color:#fff}.quotationTotal strong{font-size:24px}.quotationNote{margin:14px 0;padding:12px;border-left:4px solid var(--gold);background:#fff4d9}.quotationResultActions{display:flex;flex-wrap:wrap;gap:8px}.quotationResultActions button,.quotationResultActions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid var(--wine);border-radius:6px;background:#fff;color:var(--wine);font-size:11px;font-weight:850}.quotationResultActions .primary{background:var(--wine);color:#fff}.secondaryDrawerAction{display:flex;align-items:center;justify-content:center;margin-top:8px;min-height:44px;border:1px solid var(--wine);border-radius:6px;color:var(--wine);font-size:11px;font-weight:850}.catalogueOnly .addBasket{background:#fff;color:var(--wine)}@media(max-width:820px){.quotationSection{grid-template-columns:1fr}.quotationTracker{grid-template-columns:1fr 1fr}.quotationTracker button{grid-column:1/-1}}@media(max-width:560px){.quotationSection{padding:54px 14px;gap:20px}.quotationIntro h2{font-size:38px}#quotationForm,.quotationTracker{grid-template-columns:1fr;padding:17px}.quotationTracker h3,.quotationTracker button,.quotationTracker p{grid-column:1}.quotationResult{padding:17px}.quotationResultHead{display:grid}.quotationResultActions>*{width:100%}}
