:root{--mp-green:#087f5b;--mp-ink:#172b26;--mp-soft:#eef7f3;--mp-border:#dbe7e2}.mp-shell{min-height:70vh;background:#f6f8f7;color:var(--mp-ink)}.mp-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.mp-nav>a{font-size:1.35rem;font-weight:800;color:var(--mp-ink);text-decoration:none}.mp-nav>div{display:flex;align-items:center;gap:.75rem}.mp-nav>div>a:not(.btn){color:#52635d;text-decoration:none;font-weight:600}.mp-hero{padding:2.2rem;border-radius:1.5rem;background:linear-gradient(125deg,#123f35,#087f5b);color:#fff;box-shadow:0 18px 50px rgba(8,75,58,.18)}.mp-hero h1{font-weight:800;letter-spacing:-.04em}.mp-filter,.mp-panel{background:#fff;border:1px solid var(--mp-border);border-radius:1.2rem;box-shadow:0 8px 25px rgba(20,55,45,.05)}.mp-card{height:100%;overflow:hidden;background:#fff;border:1px solid var(--mp-border);border-radius:1.15rem;transition:.2s;box-shadow:0 6px 20px rgba(20,55,45,.04)}.mp-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,55,45,.12)}.mp-card__image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e8efec}.mp-card__body{padding:1rem}.mp-card__title{display:block;min-height:2.8em;color:var(--mp-ink);font-weight:750;text-decoration:none;line-height:1.35}.mp-price{font-weight:800;color:#b42318;font-size:1.15rem}.mp-badge{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:99px;background:var(--mp-soft);color:var(--mp-green);font-size:.76rem;font-weight:750}.mp-meta{display:flex;gap:.8rem;flex-wrap:wrap;color:#718079;font-size:.82rem}.mp-empty{text-align:center;padding:4rem 1rem;background:#fff;border:1px dashed #bdcdc6;border-radius:1.2rem}.mp-loading{text-align:center;padding:5rem;color:#677872}.mp-gallery-main{width:100%;max-height:540px;aspect-ratio:4/3;object-fit:contain;background:#eaf0ed;border-radius:1.2rem}.mp-thumb{width:74px;height:58px;object-fit:cover;border-radius:.6rem;cursor:pointer;border:2px solid transparent}.mp-thumb:hover{border-color:var(--mp-green)}.mp-title{font-weight:820;letter-spacing:-.035em}.mp-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#e4ece8}.mp-avatar--lg{width:92px;height:92px}.mp-comment{padding:1rem 0;border-bottom:1px solid #edf1ef}.mp-comment.reply{margin-left:3.5rem}.mp-vote{border:1px solid var(--mp-border);background:#fff;border-radius:99px;padding:.45rem .8rem}.mp-vote.active{background:var(--mp-soft);border-color:#84c9b3;color:var(--mp-green)}.mp-form-section{padding:1.25rem;border:1px solid var(--mp-border);border-radius:1rem;background:#fff}.mp-product-choice{cursor:pointer;border:1px solid var(--mp-border);border-radius:.8rem;padding:.75rem}.mp-product-choice.selected{border-color:var(--mp-green);background:var(--mp-soft)}.mp-status{font-size:.78rem;font-weight:700;padding:.25rem .5rem;border-radius:99px;background:#eef2f0}.mp-table-wrap{overflow:auto}.mp-stars{color:#f59f00;letter-spacing:.08rem}.mp-sticky{position:sticky;top:1rem}.form-label{font-weight:650}.mp-cover-placeholder{display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,#e7efeb,#d4e3dc);color:#779087;font-size:2.2rem}.mp-admin-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.mp-pagination{display:flex;justify-content:center;gap:.35rem;flex-wrap:wrap}.mp-pagination button.active{background:var(--mp-green);color:#fff}.mp-readonly{background:#f7faf8;border:1px solid var(--mp-border);border-radius:.8rem;padding:1rem}.required:after{content:' *';color:#c92a2a}@media(max-width:767.98px){.mp-hero{padding:1.35rem}.mp-nav>div>a:not(.btn){display:none}.mp-comment.reply{margin-left:1.4rem}.mp-sticky{position:static}.mp-title{font-size:1.7rem}.mp-filter .row>*{margin-bottom:.5rem}}

/* Phase 2 — professional offer composer */
.mp-offer-modal .modal-content{overflow:hidden;border:0;border-radius:1.5rem;box-shadow:0 30px 80px rgba(15,42,34,.25)}
.mp-offer-modal form{display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden}
.mp-offer-modal .modal-header{align-items:flex-start;padding:1.4rem 1.5rem;border:0;background:linear-gradient(135deg,#effaf5,#fff)}
.mp-offer-modal .modal-title{margin-top:.3rem;color:#173b30;font-size:1.55rem;font-weight:850;letter-spacing:-.03em}
.mp-offer-modal .modal-header p{color:#6d7f78;font-size:.9rem}
.mp-offer-kicker{display:inline-flex;align-items:center;gap:.35rem;color:#087f5b;font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.mp-offer-modal .modal-body{min-height:0;padding:1.4rem 1.5rem;overflow-y:auto;overscroll-behavior:contain}
.mp-offer-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.mp-offer-type{position:relative;display:flex;min-height:88px;align-items:center;gap:.8rem;padding:.9rem;border:1.5px solid #dce8e3;border-radius:1rem;background:#fff;cursor:pointer;transition:.18s}
.mp-offer-type:hover{border-color:#8fc8b5;background:#f7fcfa;transform:translateY(-1px)}
.mp-offer-type.is-selected{border-color:#087f5b;background:#eef9f4;box-shadow:0 0 0 3px rgba(8,127,91,.08)}
.mp-offer-type>input{position:absolute;opacity:0;pointer-events:none}
.mp-offer-type>i:first-of-type{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:12px;background:#edf5f1;color:#087f5b;font-size:1.15rem}
.mp-offer-type span{min-width:0}
.mp-offer-type strong,.mp-offer-type small{display:block}
.mp-offer-type strong{color:#24473c;font-size:.9rem}
.mp-offer-type small{margin-top:.15rem;color:#7a8a84;font-size:.72rem;line-height:1.3}
.mp-offer-check{margin-left:auto;color:#087f5b;opacity:0;transform:scale(.6);transition:.18s}
.mp-offer-type.is-selected .mp-offer-check{opacity:1;transform:scale(1)}
.mp-offer-form-grid{display:grid;gap:1rem}
.mp-offer-field{padding:1rem;border:1px solid #e1ebe7;border-radius:1rem;background:#fbfdfc}
.mp-offer-field .form-label{margin-bottom:.45rem;color:#294b40}
.mp-offer-field>small,.mp-offer-field .d-flex small{color:#82918c;font-size:.72rem}
.mp-offer-field .input-group-text{border-color:#d6e3de;background:#eff6f3;color:#3c5d52;font-size:.82rem;font-weight:800}
.mp-offer-summary{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:1rem;background:#173b30;color:#fff}
.mp-offer-summary__icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:10px;background:rgba(255,255,255,.12)}
.mp-offer-summary p{margin-top:.15rem;color:#c7ddd5;font-size:.82rem}
.mp-offer-modal .modal-footer{position:relative;z-index:2;flex-shrink:0;padding:1rem 1.5rem;border-color:#e7eeeb;background:#fbfdfc;box-shadow:0 -8px 24px rgba(23,59,48,.06)}
.mp-offer-safe{display:flex;align-items:center;gap:.4rem;margin-right:auto;color:#71827b;font-size:.74rem}
.mp-offer-safe i{color:#087f5b}
.mp-offer-modal #offerSubmit{display:inline-flex;min-width:150px;align-items:center;justify-content:center;gap:.55rem;border-radius:.75rem;font-weight:750}
.mp-offer-modal #offerSubmit.is-loading i{animation:mpOfferPulse .8s ease-in-out infinite alternate}
@keyframes mpOfferPulse{to{transform:translateX(4px);opacity:.55}}
@media(max-width:575.98px){.mp-offer-modal{padding:0!important}.mp-offer-modal .modal-dialog{align-items:flex-end;width:100%;min-height:100%;margin:0}.mp-offer-modal .modal-content{width:100%;max-height:calc(100dvh - 1rem);border-radius:1.35rem 1.35rem 0 0}.mp-offer-modal .modal-header,.mp-offer-modal .modal-body{padding:1rem}.mp-offer-types{grid-template-columns:1fr}.mp-offer-type{min-height:72px}.mp-offer-modal .modal-footer{display:grid;grid-template-columns:1fr 1.25fr;padding:1rem 1rem max(1rem,env(safe-area-inset-bottom))}.mp-offer-safe{grid-column:1/-1;margin:0 0 .25rem}.mp-offer-modal .modal-footer .btn{width:100%}}