/* FUELHELL's shareable price menu and customer quotations. */
.photo-price-tile{overflow:hidden;padding:0 24px 24px;min-width:0}
.price-tile-photo{position:relative;height:235px;margin:0 -24px 24px;background:radial-gradient(ellipse at 50% 90%,#352529 0%,#19191c 65%);border-bottom:1px solid #303034;overflow:hidden}
.price-tile-photo .pack-stage{padding:20px}
.price-tile-photo .pack-pending{height:100%;min-height:0}
.photo-price-tile .price-tile-head{align-items:start}
.photo-price-tile .price-tile-head h2{font-size:19px;overflow-wrap:anywhere}
.photo-price-tile .single-price{margin:20px 0}
.photo-price-tile .price-tile-actions .btn{width:100%}
.price-list-actions .btn{min-height:48px}
.price-list-page .page-top{max-width:850px}
.premium-quotation{color:#f4f2ed;background:radial-gradient(ellipse at 90% 0%,#39202655,transparent 42%),#101012;padding-bottom:30px}
.premium-quotation .quote-content{width:min(1020px,calc(100% - 48px));margin-inline:auto}
.premium-quotation .quote-brand{border-bottom:1px solid #343437;padding-block:16px}
.premium-quotation .quote-brand img{width:125px;height:75px}
.quotation-intro{padding:38px 0 26px}
.quotation-intro h1{font-size:clamp(32px,4.5vw,52px);line-height:1.2;letter-spacing:-1.4px;margin:18px 0 12px;overflow-wrap:anywhere}
.quotation-intro>p{font-size:14px;line-height:1.8;color:#bbb8bb}
.quotation-details{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;margin-top:24px;color:#bbb8bb;font-size:12px}
.quotation-details .mono{color:#f7f5f2}
.quotation-details .badge{background:#242426;border:1px solid #404044;color:#e3e1e3}
.quotation-details .badge.green{background:#182d25;border-color:#315b46;color:#b7ddc6}
.quotation-tools{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}
.quotation-tools .btn{min-height:46px}
.quotation-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.quotation-product{border:1px solid #343438;border-radius:12px;background:#19191c;overflow:hidden;display:grid;grid-template-columns:minmax(130px,42%) minmax(0,1fr);min-height:235px;align-items:stretch}
.quotation-product-photo{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#34272b,transparent 75%),#151518}
.quotation-product-photo .pack-stage{padding:16px 12px}
.quotation-product-photo .pack-render{height:90%;max-width:95%}
.quotation-product-photo .pack-pending{height:100%;min-height:0;padding:18px 8px}
.quotation-product-photo .pack-pending>strong{font-size:50px}
.quotation-product-photo .pack-pending>span{font-size:8px;text-align:center}
.quotation-product-copy{display:flex;flex-direction:column;padding:25px 20px;min-width:0}
.quotation-product-size{font-size:12px;letter-spacing:1px;color:#c0bfc4;margin-bottom:11px}
.quotation-product-copy h2{font-size:19px;line-height:1.3;letter-spacing:-.3px;overflow-wrap:anywhere}
.quotation-unit-price{display:flex;flex-direction:column;gap:5px;margin:22px 0}
.quotation-unit-price strong{font-size:25px;letter-spacing:-.7px}
.quotation-unit-price>span{font-size:11px;color:#b8b5bd}
.quotation-line-total{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:13px;border-top:1px solid #36363b;font-size:12px}
.quotation-line-total>span{color:#bbb8c1}
.quotation-line-total strong{font-size:13px;white-space:nowrap}
.quotation-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:38px;margin-top:32px;border-top:1px solid #343438}
.quotation-terms h2{font-size:21px;margin-bottom:15px}
.quotation-terms p{font-size:13px;color:#bfbcc4;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere}
.quotation-terms dl{display:flex;gap:35px;font-size:12px;margin-top:24px}
.quotation-terms dl div{display:flex;flex-direction:column;gap:8px}
.quotation-terms dt{color:#9e9ba4}
.quotation-terms dd{margin:0}
.quotation-summary{padding:24px;border-radius:12px;background:#1c1c20;border:1px solid #3a3a40}
.quotation-summary .summary-line{font-size:13px;line-height:1.6;border-color:#34343a;color:#ddd9e0;gap:16px}
.quotation-summary .summary-line strong{white-space:nowrap}
.quotation-summary .quotation-discount{color:#ecacb0}
.quotation-summary .quote-total{border-color:#77717b;margin-top:22px;padding-top:22px;gap:12px;flex-wrap:wrap}
.quotation-summary .quote-total strong{font-size:clamp(28px,3.5vw,36px);color:#fff;white-space:nowrap}
.quotation-after-discount{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:16px 0 6px}
.quotation-after-discount s{color:#9e99a4;font-size:14px;text-decoration-thickness:1px}
.quotation-after-discount strong{font-size:24px;color:#fff}
.quotation-after-discount>span{font-size:11px;color:#aaa4b0;width:100%}
.quotation-decision{display:grid;grid-template-columns:1fr;gap:10px;margin-top:25px}
.quotation-decision .btn{width:100%;min-height:48px}
.quotation-payment-note{font-size:11px;color:#b1aab7;line-height:1.8;margin-top:16px}
.quotation-notice{border-inline-start:2px solid #d22c39;background:#231e23;padding:14px 16px;font-size:12px;line-height:1.8;margin-top:20px;color:#d7d1d9}
.quotation-notice.accepted{border-color:#79b295;background:#19271f;color:#c7e3d2}
.quotation-notice p{margin-top:5px;font-size:12px}
.quotation-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#a8a3ae;font-size:12px;padding:30px 0 10px;margin-top:36px;border-top:1px solid #343438;line-height:1.8}
.quotation-footer a{color:#e3dde8}
.pdf-download-help{font-size:13px;color:#615c65;line-height:1.8;margin:0 0 22px}
.panel-head:has([data-action="dealer-quote"]){flex-wrap:wrap}
.panel-head:has([data-action="dealer-quote"])>div{flex:1 1 220px}
[dir="rtl"] .quotation-intro h1,[dir="rtl"] .quotation-product-copy h2{letter-spacing:0}
@media(max-width:760px){
 .quotation-menu{grid-template-columns:1fr;gap:15px}
 .quotation-product{min-height:220px;grid-template-columns:minmax(120px,40%) minmax(0,1fr)}
 .quotation-bottom{grid-template-columns:1fr;gap:30px}
 .quotation-summary{grid-row:1}
 .quotation-intro{padding-top:28px}
 .quotation-product-copy{padding:24px 20px}
 .quotation-product-photo .pack-stage{padding:14px}
 .premium-quotation .quote-content{width:calc(100% - 32px)}
 .premium-quotation .quote-brand img{width:110px;height:66px}
 .quotation-footer{gap:12px;margin-top:26px}
 .quotation-tools .btn{flex:1}
 .quotation-details{gap:12px 16px}
 .quote-edit-line{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 44px;gap:12px;padding:16px;border:1px solid #dedce2;border-radius:8px;margin-bottom:16px;background:#fff}
 .quote-edit-line>.field:first-child{grid-column:1/-1}
 .quote-edit-line .field label{font-size:12px}
 .quote-edit-line .field input,.quote-edit-line .field select{font-size:16px;padding:10px;min-height:46px;width:100%}
 .quote-edit-line .icon-btn{width:44px;height:46px;min-width:44px}
 .quote-edit-line .icon-btn svg{width:18px}
}
@media(max-width:420px){
 .quotation-intro h1{font-size:32px}
 .quotation-product-copy{padding:20px 16px}
 .quotation-product-copy h2{font-size:17px}
 .quotation-unit-price strong{font-size:23px}
 .quotation-product{grid-template-columns:38% minmax(0,1fr);min-height:215px}
 .quotation-summary{padding:20px}
 .quotation-tools .btn{padding:12px 9px;font-size:12px}
 .quotation-product-photo .pack-pending>strong{font-size:40px}
 .price-list-actions .btn{flex:1 1 140px}
}

.quotation-link-help{margin:16px 0 22px;line-height:1.8}
.quotation-back-link{display:inline-flex;gap:8px;align-items:center;color:#bfb9c4;font-size:12px;margin-top:20px;min-height:36px}
.quotation-back-link+.quotation-intro{padding-top:18px}
