.quote-nav{position:fixed;right:20px;bottom:20px;z-index:20;background:#ffe000;color:#171717;padding:16px 22px;border:2px solid #171717;border-radius:6px;font:700 16px Arial;text-decoration:none;box-shadow:0 3px 16px #0002}.quote-notice:not(:empty){position:fixed;bottom:88px;right:20px;left:20px;width:fit-content;max-width:calc(100% - 40px);margin-left:auto;background:#171717;color:white;padding:16px;z-index:25;border-radius:6px;font:16px Arial}.quote-add{display:flex;align-items:end;gap:12px;padding:18px 0 10px;border-top:1px solid #ddd;margin-top:15px}.quote-add label{font-size:14px;display:grid;gap:6px}.quote-add input,.quote-row input{width:90px;padding:12px;border:1px solid #aaa;border-radius:4px;font:16px Arial}.quote-add button,.quote-form button{background:#ffe000;border:1px solid #171717;padding:13px 16px;font:bold 16px Arial;cursor:pointer;border-radius:4px}.quote-add button{flex:1}.quote-page{font:16px/1.5 Arial,sans-serif;color:#191919;background:#fff;margin:0}.quote-main{max-width:900px;margin:auto;padding:35px 24px 120px}.quote-main a{color:inherit}.quote-main h1{font-size:36px}.quote-row{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #ddd}.quote-row>div{flex:1}.quote-row p{margin:5px 0;color:#555}.quote-row button{background:none;border:0;text-decoration:underline;font:14px Arial;cursor:pointer}.quote-form{margin-top:36px}.quote-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.quote-fields label{display:grid;gap:8px}.quote-fields input,.quote-fields textarea{box-sizing:border-box;width:100%;padding:13px;font:16px Arial;border:1px solid #999;border-radius:4px}.quote-wide{grid-column:1/-1}.quote-form button{margin-top:18px}.quote-form [name=website]{display:none}.quote-page .quote-nav{display:none}body:has(.quote-add){padding-bottom:85px}.quote-main [role=status]{margin-top:24px}button:disabled{opacity:.6;cursor:wait}@media(max-width:560px){.quote-fields{grid-template-columns:1fr}.quote-row{flex-wrap:wrap;gap:10px}.quote-row>div{flex-basis:100%}.quote-main h1{font-size:28px}.quote-nav{right:12px;bottom:12px}.quote-add{gap:8px}.quote-add button{font-size:14px;padding:13px 8px}}

.quote-stepper{display:flex;align-items:stretch}.quote-stepper button{flex:none;padding:8px;width:36px;background:#f4f4f4;border:1px solid #aaa;font-size:20px}.quote-stepper input{width:76px;text-align:center;border-radius:0;padding:10px 2px}.quote-add{flex-wrap:wrap}.quote-add>button{min-width:85px;min-height:46px}.quote-stepper input::-webkit-inner-spin-button{appearance:none}.quote-stepper input{appearance:textfield}

.product-specs{font:14px/1.55 Arial,sans-serif;color:#555;margin:14px 0;max-width:48ch}.quote-row>.quote-preview{flex:0 0 90px;width:90px;height:110px;display:flex;align-items:center;justify-content:center;background:#fafafa;padding:6px;box-sizing:border-box}.quote-preview>img{width:100%;height:100%;object-fit:contain}.quote-preview .calendar-object{width:auto;height:100%;aspect-ratio:var(--ratio);display:flex;flex-direction:column}.quote-preview .ad-head{width:100%;display:block}.quote-preview .calendar-body{position:relative;overflow:hidden;width:100%}.quote-preview .calendar-body img{position:absolute;max-width:none;height:auto}.quote-preview img{mix-blend-mode:multiply}@media(max-width:560px){.quote-row>.quote-preview{flex:0 0 80px}.quote-row>div:not(.quote-preview){flex:1 1 calc(100% - 100px)}}