:root{--pro-ink:#16344f;--pro-ink-2:#274b66;--pro-accent:#ef744c;--pro-accent-dark:#d95f39;--pro-paper:#fff;--pro-canvas:#f4f6f7;--pro-line:#dfe6ea;--pro-muted:#657986;--pro-soft:#fff4ee;--pro-success:#e8f6ed;--pro-danger:#fff0ed;--pro-shadow:0 18px 55px rgba(22,52,79,.09)}
*{box-sizing:border-box}
html{background:var(--pro-canvas);color:var(--pro-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;scroll-behavior:smooth}
body.popelup-pro-site{background:var(--pro-canvas);color:var(--pro-ink);margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input{font:inherit}
.pro-header{align-items:center;background:rgba(255,255,255,.96);border-bottom:1px solid var(--pro-line);display:flex;height:82px;justify-content:space-between;padding:0 clamp(22px,4vw,62px);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.pro-brand{align-items:center;display:flex;gap:11px}.pro-brand img{display:block;height:58px;max-width:220px;object-fit:contain}.pro-brand span{background:var(--pro-ink);border-radius:6px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.14em;padding:5px 8px}
.pro-header__meta{align-items:center;color:var(--pro-muted);display:flex;font-size:13px;gap:20px}.pro-header__meta strong{color:var(--pro-ink);font-weight:800}.pro-header__meta a{border-left:1px solid var(--pro-line);color:var(--pro-accent-dark);font-weight:800;padding-left:20px}
.pro-notice{border-radius:12px;font-size:14px;font-weight:700;margin:18px auto 0;max-width:1200px;padding:14px 18px}.pro-notice--success{background:var(--pro-success);color:#23663d}.pro-notice--error{background:var(--pro-danger);color:#9c3d29}
.pro-shell{display:grid;grid-template-columns:260px minmax(0,1fr);margin:0 auto;max-width:1600px;min-height:calc(100vh - 82px)}
.pro-sidebar{align-self:start;border-right:1px solid var(--pro-line);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;height:calc(100vh - 82px);overflow-x:hidden;overflow-y:auto;padding:24px 16px 40px;position:sticky;scrollbar-color:rgba(22,52,79,.15) transparent;scrollbar-width:thin;top:82px}.pro-sidebar::-webkit-scrollbar{width:4px}.pro-sidebar::-webkit-scrollbar-thumb{background:rgba(22,52,79,.15);border-radius:4px}.pro-sidebar button{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;line-height:1;margin:0;padding:0;border:0;background:transparent;color:inherit}
.pro-catalog{min-width:0;padding:44px clamp(26px,4vw,66px) 70px}.pro-catalog__top{align-items:end;display:flex;gap:42px;justify-content:space-between;margin-bottom:26px}.pro-eyebrow{color:var(--pro-accent-dark);display:block;font-size:11px;font-weight:900;letter-spacing:.14em;margin-bottom:9px;text-transform:uppercase}.pro-catalog h1{font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.045em;line-height:1.02;margin:0 0 10px}.pro-catalog__top p{color:var(--pro-muted);font-size:14px;margin:0}
.pro-search{min-width:min(100%,390px)}.pro-search label{color:var(--pro-muted);display:block;font-size:11px;font-weight:800;margin-bottom:7px}.pro-search__bar{background:#fff;border:1px solid var(--pro-line);border-radius:13px;box-shadow:0 8px 25px rgba(22,52,79,.05);display:flex;overflow:hidden;padding:5px}.pro-search input{background:transparent;border:0;color:var(--pro-ink);min-width:0;outline:0;padding:10px 12px;width:100%}.pro-search button,.pro-application button{background:var(--pro-accent);border:0;border-radius:9px;color:#fff;cursor:pointer;font-weight:850;padding:10px 17px;transition:background .15s,transform .15s}.pro-search button:hover,.pro-application button:hover{background:var(--pro-accent-dark);transform:translateY(-1px)}
.pro-filters{background:#fff;border:1px solid var(--pro-line);border-radius:12px;box-shadow:0 6px 20px rgba(22,52,79,.04);display:flex;flex-direction:column;gap:10px;margin:0 0 22px;padding:12px 14px}.pro-filters__main{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px 10px;width:100%}.pro-filters label{display:grid;flex:1 1 115px;gap:4px;max-width:180px;min-width:100px}.pro-filters label>span:first-child{color:var(--pro-muted);font-size:9.5px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.pro-filters select,.pro-filters input{background:#f8fafb;border:1px solid #d8e1e5;border-radius:8px;color:var(--pro-ink);font-size:12px;height:36px;min-width:0;outline:0;padding:0 9px;width:100%}.pro-filters select:focus,.pro-filters input:focus{background:#fff;border-color:var(--pro-accent);box-shadow:0 0 0 2.5px rgba(239,116,76,.12)}.pro-filter-price{flex:1.2 1 145px;max-width:200px;min-width:130px}.pro-filter-price>span:last-child{align-items:center;display:grid;gap:4px;grid-template-columns:1fr auto 1fr}.pro-filter-price input{padding:0 5px;text-align:center}.pro-filter-price b{color:var(--pro-muted);font-size:11px;font-weight:500}.pro-filters__actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:6px;margin-left:auto}.pro-filters__submit{background:var(--pro-ink);border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:11.5px;font-weight:850;height:36px;padding:0 14px;transition:background .15s,transform .15s}.pro-filters__submit:hover{background:var(--pro-ink-2);transform:translateY(-1px)}.pro-filters__toggle{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:var(--pro-ink);cursor:pointer;display:inline-flex;font-size:11.5px;font-weight:800;gap:5px;height:36px;padding:0 10px;transition:all .15s ease;white-space:nowrap}.pro-filters__toggle:hover{background:#e2e8f0;border-color:#94a3b8}.pro-filters__toggle.is-active{background:#fff4ee;border-color:var(--pro-accent);color:var(--pro-accent-dark)}.pro-filters__badge{align-items:center;background:var(--pro-accent);border-radius:999px;color:#fff;display:inline-flex;font-size:9.5px;font-weight:900;height:16px;justify-content:center;min-width:16px;padding:0 4px}.pro-filters__chevron{transition:transform .2s ease}.pro-filters__toggle[aria-expanded="true"] .pro-filters__chevron{transform:rotate(180deg)}.pro-filters__clear{color:var(--pro-accent-dark);font-size:11px;font-weight:800;padding:2px 4px}.pro-filters__extra{border-top:1px dashed var(--pro-line);display:flex;flex-wrap:wrap;gap:8px 10px;padding-top:10px;width:100%}.pro-filters__extra label{flex:1 1 120px;max-width:190px;min-width:105px}.pro-filters__extra[hidden]{display:none!important}
.pro-breadcrumbs{align-items:center;color:var(--pro-muted);display:flex;flex-wrap:wrap;font-size:12px;font-weight:700;gap:8px;margin:0 0 22px}.pro-breadcrumbs a{color:var(--pro-accent-dark)}
.pro-subcategories{display:grid;gap:11px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:28px}.pro-subcategories article{background:#fff;border:1px solid var(--pro-line);border-radius:14px;min-height:72px;position:relative;transition:border-color .15s,box-shadow .15s,transform .15s}.pro-subcategories article:hover{border-color:#edb39f;box-shadow:0 12px 28px rgba(22,52,79,.07);transform:translateY(-2px)}.pro-subcategories article>a{align-items:center;display:flex;justify-content:space-between;min-height:72px;padding:16px 48px 16px 18px}.pro-subcategories span{font-size:14px;font-weight:850}.pro-subcategories a>b{color:var(--pro-accent);font-size:11px;white-space:nowrap}.pro-favorite-toggle{background:#f3f6f7;border:0;border-radius:50%;color:#9aabb4;cursor:pointer;font-size:15px;height:30px;position:absolute;right:10px;top:10px;transition:background .15s,color .15s,transform .15s;width:30px}.pro-favorite-toggle:hover{transform:scale(1.08)}.pro-favorite-toggle.is-active{background:#fff1e9;color:var(--pro-accent)}.pro-favorite-toggle.has-error{animation:favorite-shake .3s}.pro-favorite-strip{align-items:center;background:linear-gradient(120deg,var(--pro-ink),var(--pro-ink-2));border-radius:17px;color:#fff;display:grid;gap:20px;grid-template-columns:auto 1fr;margin:0 0 25px;padding:18px 21px}.pro-favorite-strip[hidden]{display:none}.pro-favorite-strip>div span{color:#ffc1aa;font-size:9px;font-weight:900;letter-spacing:.12em}.pro-favorite-strip h2{font-size:17px;margin:4px 0 0}.pro-favorite-strip nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.pro-favorite-strip a{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:11px;font-weight:800;padding:9px 12px}.pro-favorite-strip a:hover{background:#fff;color:var(--pro-ink)}.pro-favorite-strip a b{color:#ffc1aa;margin-right:6px}@keyframes favorite-shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.pro-products{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.pro-product{background:#fff;border:1px solid var(--pro-line);border-radius:18px;box-shadow:0 8px 26px rgba(22,52,79,.055);display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:box-shadow .18s,transform .18s}.pro-product:hover{box-shadow:var(--pro-shadow);transform:translateY(-4px)}.pro-product__image{aspect-ratio:4/3;background:linear-gradient(145deg,#fafbfb,#edf1f3);display:block;overflow:hidden;padding:14px}.pro-product__image img{height:100%;object-fit:contain;transition:transform .25s;width:100%}.pro-product:hover .pro-product__image img{transform:scale(1.025)}.pro-product__body{display:flex;flex:1;flex-direction:column;padding:19px}.pro-product__reference{color:var(--pro-accent-dark);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.pro-product h2{color:var(--pro-ink);font-size:17px;font-weight:850;letter-spacing:-.015em;line-height:1.28;margin:6px 0 13px}.pro-product dl{color:var(--pro-muted);display:grid;font-size:11px;gap:5px;margin:0 0 16px}.pro-product dl div{display:flex;gap:6px;min-width:0}.pro-product dt{font-weight:800}.pro-product dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro-product__prices{border-top:1px solid var(--pro-line);display:grid;gap:8px;margin-top:auto;padding-top:14px}.pro-product__prices>strong{font-size:12px;font-weight:900}.pro-price-loading,.pro-price-unavailable{color:var(--pro-muted);font-size:11px}.pro-price-table{border-collapse:collapse;font-size:11px;width:100%}.pro-price-table td{border-top:1px solid #edf1f3;padding:7px 0;vertical-align:top}.pro-price-table td:first-child{color:var(--pro-muted);padding-right:8px}.pro-price-table td:last-child{color:var(--pro-ink);font-weight:900;text-align:right;white-space:nowrap}.pro-price-more{color:var(--pro-accent-dark);font-size:10px;font-weight:800}.pro-empty{background:#fff;border:1px dashed #cad5da;border-radius:15px;color:var(--pro-muted);margin-top:18px;padding:40px;text-align:center}.pro-pagination{align-items:center;display:flex;gap:18px;justify-content:center;margin-top:36px}.pro-pagination a{background:#fff;border:1px solid var(--pro-line);border-radius:10px;font-size:12px;font-weight:850;padding:10px 14px}.pro-pagination span{color:var(--pro-muted);font-size:12px;font-weight:700}
.pro-product__description{color:var(--pro-muted);font-size:11px;line-height:1.5;margin:-4px 0 15px}.pro-product-detail{background:#fff;border:1px solid var(--pro-line);border-radius:22px;box-shadow:var(--pro-shadow);display:grid;gap:34px;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);overflow:hidden;padding:28px}.pro-product-detail__gallery{min-width:0}.pro-product-detail__main-image{background:linear-gradient(145deg,#fafbfb,#edf1f3);border-radius:16px;height:440px;object-fit:contain;padding:20px;width:100%}.pro-product-detail__thumbs{display:grid;gap:8px;grid-template-columns:repeat(6,1fr);margin-top:10px}.pro-product-detail__thumbs img{background:#f6f8f9;border:1px solid var(--pro-line);border-radius:8px;cursor:pointer;height:72px;object-fit:contain;padding:5px;width:100%}.pro-product-detail__content{display:flex;flex-direction:column;min-width:0}.pro-product-detail__identity{align-items:center;display:flex;gap:10px}.pro-product-detail__identity span{color:var(--pro-accent-dark);font-size:12px;font-weight:900}.pro-product-detail__identity b{background:#eef2f4;border-radius:6px;color:var(--pro-ink);font-size:10px;letter-spacing:.06em;padding:5px 7px}.pro-product-detail h2{font-size:34px;letter-spacing:-.035em;line-height:1.08;margin:10px 0 14px}.pro-product-detail__description{color:var(--pro-muted);font-size:14px;line-height:1.65;margin:0 0 18px}.pro-product-detail__specs{border-bottom:1px solid var(--pro-line);border-top:1px solid var(--pro-line);display:grid;font-size:12px;gap:0;margin:0 0 18px;padding:8px 0}.pro-product-detail__specs div{display:grid;gap:12px;grid-template-columns:105px 1fr;padding:7px 0}.pro-product-detail__specs dt{color:var(--pro-muted);font-weight:750}.pro-product-detail__specs dd{font-weight:750;margin:0}.pro-product-detail__arguments{display:grid;gap:7px;margin:0 0 18px;padding-left:20px}.pro-product-detail__arguments li{font-size:12px;line-height:1.45}.pro-product-detail__colors>strong{display:block;font-size:12px;margin-bottom:9px}.pro-product-detail__colors>div{display:flex;flex-wrap:wrap;gap:7px;max-height:190px;overflow:auto}.pro-product-detail__colors span{align-items:center;background:#f6f8f9;border-radius:8px;display:flex;font-size:10px;font-weight:750;gap:6px;padding:7px 8px}.pro-product-detail__colors i{border:1px solid rgba(22,52,79,.13);border-radius:50%;height:14px;width:14px}.pro-product-detail__colors small{color:var(--pro-muted);font-size:9px;font-weight:500}.pro-product-detail .pro-product__prices{margin-top:22px}
.pro-access{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(420px,1.1fr);gap:clamp(40px,7vw,100px);margin:0 auto;max-width:1180px;min-height:calc(100vh - 140px);padding:clamp(50px,7vw,100px) 28px}.pro-access__intro{align-self:center}.pro-access__intro h1{font-size:clamp(40px,5vw,66px);font-weight:950;letter-spacing:-.055em;line-height:.98;margin:0 0 25px}.pro-access__intro>p{color:var(--pro-muted);font-size:17px;line-height:1.65;margin:0;max-width:560px}.pro-access__intro ul{display:grid;gap:13px;list-style:none;margin:30px 0 0;padding:0}.pro-access__intro li{font-size:14px;font-weight:800;padding-left:29px;position:relative}.pro-access__intro li:before{background:var(--pro-accent);border-radius:50%;color:#fff;content:"✓";font-size:10px;height:18px;left:0;line-height:18px;position:absolute;text-align:center;top:0;width:18px}
.pro-application,.pro-pending{align-self:center;background:#fff;border:1px solid var(--pro-line);border-radius:22px;box-shadow:var(--pro-shadow);padding:clamp(25px,4vw,42px)}.pro-application__title>span,.pro-pending>span{color:var(--pro-accent-dark);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.pro-application h2,.pro-pending h2{font-size:29px;font-weight:900;letter-spacing:-.035em;margin:7px 0 8px}.pro-application__title p,.pro-pending p{color:var(--pro-muted);font-size:13px;line-height:1.55;margin:0}.pro-application form{display:grid;gap:21px;margin-top:27px}.pro-application fieldset{border:0;margin:0;padding:0}.pro-application legend{color:var(--pro-ink);font-size:12px;font-weight:900;margin-bottom:11px}.pro-form-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.pro-form-grid label{color:#425d70;font-size:11px;font-weight:800}.pro-form-grid label.is-wide{grid-column:1/-1}.pro-form-grid small{color:var(--pro-muted);font-weight:600}.pro-form-grid input{background:#f8fafb;border:1px solid #d8e1e5;border-radius:10px;color:var(--pro-ink);display:block;margin-top:6px;outline:0;padding:12px 13px;width:100%}.pro-form-grid input:focus{background:#fff;border-color:var(--pro-accent);box-shadow:0 0 0 3px rgba(239,116,76,.12)}.pro-application button{font-size:14px;padding:14px 20px;width:100%}.pro-form-note{color:var(--pro-muted);font-size:10px;margin:0;text-align:center}.pro-footer{align-items:center;border-top:1px solid var(--pro-line);color:var(--pro-muted);display:flex;font-size:11px;justify-content:space-between;margin:0 auto;max-width:1600px;padding:22px clamp(22px,4vw,62px)}.pro-footer span:first-child{color:var(--pro-ink);font-weight:900}
.pro-account-choice{background:#eef2f4;border-radius:12px;display:grid;gap:5px;grid-template-columns:1fr 1fr;padding:5px}.pro-account-choice button{background:transparent;border:0;border-radius:8px;color:var(--pro-muted);font-size:12px;padding:11px 8px}.pro-account-choice button:hover{background:rgba(255,255,255,.7);color:var(--pro-ink);transform:none}.pro-account-choice button.is-active{background:#fff;box-shadow:0 4px 14px rgba(22,52,79,.09);color:var(--pro-ink)}.pro-new-account-fields{display:contents}.pro-new-account-fields[hidden]{display:none}
.pro-quote-add{background:#fff;border:1px solid var(--pro-ink);border-radius:9px;color:var(--pro-ink);cursor:pointer;font-size:11px;font-weight:850;margin-top:13px;padding:10px 12px;width:100%}.pro-quote-add:hover{background:var(--pro-ink);color:#fff}.pro-quote-add--large{background:var(--pro-accent);border-color:var(--pro-accent);color:#fff;font-size:13px;padding:14px}.pro-quote-fab{align-items:center;background:var(--pro-ink);border:0;border-radius:999px;bottom:24px;box-shadow:0 12px 35px rgba(22,52,79,.28);color:#fff;cursor:pointer;display:flex;font-weight:850;gap:10px;padding:13px 18px;position:fixed;right:24px;z-index:30}.pro-quote-fab span{align-items:center;background:var(--pro-accent);border-radius:50%;display:flex;font-size:11px;height:24px;justify-content:center;min-width:24px;padding:0 5px}.pro-quote-overlay[hidden]{display:none}.pro-quote-overlay{align-items:stretch;background:rgba(10,29,43,.62);display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:60}.has-quote-open{overflow:hidden}.pro-quote-panel{background:var(--pro-canvas);box-shadow:-20px 0 60px rgba(10,29,43,.22);max-width:760px;overflow:auto;padding:28px;width:100%}.pro-quote-panel>header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.pro-quote-panel>header span{color:var(--pro-accent-dark);font-size:10px;font-weight:900;letter-spacing:.12em}.pro-quote-panel>header h2{font-size:30px;letter-spacing:-.035em;margin:5px 0}.pro-quote-panel>header p{color:var(--pro-muted);font-size:12px;margin:0}.pro-quote-panel>header>button{background:#fff;border:1px solid var(--pro-line);border-radius:50%;color:var(--pro-ink);cursor:pointer;font-size:24px;height:40px;line-height:1;width:40px}.pro-quote-panel form{display:grid;gap:22px}.pro-quote-lines{display:grid;gap:13px}.pro-quote-empty{background:#fff;border:1px dashed #bdcbd2;border-radius:14px;color:var(--pro-muted);font-size:13px;padding:28px;text-align:center}.pro-quote-line{background:#fff;border:1px solid var(--pro-line);border-radius:15px;padding:17px}.pro-quote-line__heading{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:14px}.pro-quote-line__title-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pro-quote-line__heading strong{font-size:13px}.pro-quote-line__ref{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:10px;font-weight:700;letter-spacing:.02em;padding:2px 7px}.pro-quote-line__heading button{background:none;border:0;color:var(--pro-accent-dark);cursor:pointer;font-size:10px;font-weight:850}.pro-quote-color-picker{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:9px;margin-bottom:12px;padding:12px 14px}.pro-quote-color-picker__header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.pro-quote-color-picker__title-group{align-items:center;display:inline-flex;gap:7px}.pro-quote-color-picker__label{color:var(--pro-muted);font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.pro-quote-color-picker__selected{color:var(--pro-ink);font-size:12px;font-weight:850}.pro-quote-color-picker__selected.is-placeholder{color:#94a3b8;font-style:italic;font-weight:600}.pro-quote-color-picker__count{background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;font-size:10px;font-weight:700;padding:2px 8px}.pro-quote-color-capsules{display:flex;flex-wrap:wrap;gap:6px;max-height:180px;overflow-y:auto;padding:2px;scrollbar-width:thin}.pro-color-capsule{align-items:center;background:#fff;border:1.5px solid #d8e1e5;border-radius:999px;box-shadow:0 1px 2px rgba(0,0,0,.03);cursor:pointer;display:inline-flex;gap:6px;line-height:1;outline:0;padding:5px 10px 5px 6px;transition:all .15s ease-in-out;user-select:none}.pro-color-capsule:hover{background:#f8fafc;border-color:#94a3b8;box-shadow:0 2px 5px rgba(0,0,0,.07);transform:translateY(-1px)}.pro-color-capsule.is-selected{background:#fff5f2;border-color:var(--pro-accent);box-shadow:0 0 0 2px rgba(239,116,76,.2)}.pro-color-capsule:focus-visible{outline:2px solid var(--pro-accent);outline-offset:1px}.pro-color-capsule__swatch{border:1px solid rgba(0,0,0,.15);border-radius:50%;box-shadow:inset 0 1px 2px rgba(0,0,0,.12);display:inline-block;flex-shrink:0;height:16px;position:relative;width:16px}.pro-color-capsule__swatch--inline{height:14px;vertical-align:middle;width:14px}.pro-color-capsule__swatch.color-dot--multi{background:linear-gradient(135deg,#fff 0%,#ccc 50%,#333 100%)}.pro-color-capsule__name{color:#1e293b;font-size:11px;font-weight:600;white-space:nowrap}
.pro-color-capsule.is-selected .pro-color-capsule__name{color:var(--pro-ink);font-weight:850}.pro-color-capsule.is-selected::after{color:var(--pro-accent);content:"✓";font-size:10px;font-weight:900;margin-left:2px}.pro-color-capsules__loading,.pro-color-capsules__empty{align-items:center;color:var(--pro-muted);display:flex;font-size:11px;font-style:italic;gap:7px;padding:6px 2px}.pro-color-capsules__spinner{animation:proSpin .7s linear infinite;border:2px solid #cbd5e1;border-radius:50%;border-top-color:var(--pro-accent);display:inline-block;height:12px;width:12px}@keyframes proSpin{to{transform:rotate(360deg)}}.pro-quote-line__grid,.pro-quote-grid{display:grid;gap:11px;grid-template-columns:repeat(2,1fr)}.pro-quote-line__grid .is-wide,.pro-quote-grid .is-wide{grid-column:1/-1}.pro-quote-line label,.pro-quote-panel fieldset label{color:var(--pro-muted);font-size:10px;font-weight:800}.pro-quote-line input,.pro-quote-line select,.pro-quote-line textarea,.pro-quote-panel fieldset input,.pro-quote-panel fieldset textarea{background:#f8fafb;border:1px solid #d8e1e5;border-radius:8px;color:var(--pro-ink);display:block;margin-top:5px;min-height:40px;padding:9px 10px;width:100%}.pro-quote-line textarea{min-height:60px}.pro-quote-panel fieldset{background:#fff;border:1px solid var(--pro-line);border-radius:15px;margin:0;padding:17px}.pro-quote-panel legend{font-size:13px;font-weight:900;padding:0 5px}.pro-quote-submit{align-items:center;display:flex;gap:20px;justify-content:space-between}.pro-quote-submit small{color:var(--pro-muted);font-size:10px;line-height:1.4;max-width:360px}.pro-quote-submit button{background:var(--pro-accent);border:0;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:900;padding:14px 18px}.pro-quote-submit button:disabled{cursor:not-allowed;opacity:.45}
@media(max-width:1180px){.pro-filter-price{max-width:240px}}
@media(max-width:980px){.pro-header__meta>span{display:none}.pro-shell{display:block}.pro-sidebar{background:var(--pro-canvas);border-bottom:1px solid var(--pro-line);border-right:0;display:flex;height:auto;overflow-x:auto;padding:14px 22px;position:static}.pro-sidebar__heading{display:none}.pro-sidebar nav{display:flex;gap:5px}.pro-sidebar a{flex:0 0 auto;white-space:nowrap}.pro-sidebar__all{margin:0 5px 0 0}.pro-catalog{padding-top:34px}.pro-catalog__top{align-items:stretch;display:grid}.pro-product-detail{grid-template-columns:1fr}.pro-access{grid-template-columns:1fr;max-width:720px}.pro-access__intro{padding:0 12px}}
@media(max-width:640px){.pro-header{height:70px;padding:0 17px}.pro-brand img{height:46px;max-width:160px}.pro-header__meta{gap:10px}.pro-header__meta strong{display:none}.pro-header__meta a{border:0;padding:0}.pro-catalog{padding:28px 16px 52px}.pro-catalog h1{font-size:38px}.pro-search{min-width:0}.pro-filters{padding:10px}.pro-filters__main{gap:8px}.pro-filters label{flex:1 1 calc(50% - 4px);max-width:none;min-width:110px}.pro-filter-price{flex:1 1 100%;max-width:none}.pro-filters__actions{flex:1 1 100%;justify-content:space-between;margin-left:0}.pro-filters__extra label{flex:1 1 calc(50% - 4px);max-width:none;min-width:110px}.pro-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pro-product{border-radius:13px}.pro-product__image{padding:7px}.pro-product__body{padding:12px}.pro-product h2{font-size:14px}.pro-product dl,.pro-product__description{display:none}.pro-product__prices>strong{font-size:10px}.pro-price-table{font-size:9px}.pro-product-detail{border-radius:14px;gap:20px;padding:14px}.pro-product-detail__main-image{height:300px;padding:10px}.pro-product-detail__thumbs{grid-template-columns:repeat(4,1fr)}.pro-product-detail h2{font-size:27px}.pro-access{padding:43px 17px}.pro-access__intro h1{font-size:43px}.pro-form-grid{grid-template-columns:1fr}.pro-form-grid label.is-wide{grid-column:auto}.pro-application{border-radius:17px;padding:23px 18px}.pro-footer{gap:15px;padding:18px 17px}.pro-footer span:last-child{text-align:right}}
@media(max-width:640px){.pro-quote-panel{padding:20px 14px}.pro-quote-line__grid,.pro-quote-grid{grid-template-columns:1fr}.pro-quote-grid .is-wide{grid-column:auto}.pro-quote-color-picker{padding:10px}.pro-quote-color-capsules{gap:5px;max-height:220px}.pro-color-capsule{font-size:10px;padding:4px 8px 4px 5px}.pro-color-capsule__swatch{height:14px;width:14px}.pro-color-capsule__name{font-size:10px}.pro-quote-submit{align-items:stretch;flex-direction:column}.pro-quote-submit button{width:100%}.pro-quote-fab{bottom:14px;right:14px}.pro-favorite-strip{align-items:start;grid-template-columns:1fr}.pro-favorite-strip nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.pro-favorite-strip a{flex:0 0 auto}}

/* Stock Matrix Table */
.pro-product-detail__stock-matrix{background:#fff;border:1px solid var(--pro-line);border-radius:14px;box-shadow:0 4px 16px rgba(22,52,79,.04);display:flex;flex-direction:column;margin:18px 0;overflow:hidden}
.pro-stock-matrix__header{align-items:center;background:#fafbfc;border-bottom:1px solid var(--pro-line);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}
.pro-stock-matrix__header strong{color:var(--pro-ink);display:block;font-size:13px;font-weight:850}
.pro-stock-matrix__header small{color:var(--pro-muted);font-size:11px}
.pro-stock-matrix__legend{display:flex;gap:14px}
.pro-stock-pill{align-items:center;display:inline-flex;font-size:11px;font-weight:700;gap:6px}
.pro-stock-pill .dot{border-radius:50%;display:inline-block;height:8px;width:8px}
.pro-stock-pill.is-available{color:#1e8e3e}.pro-stock-pill.is-available .dot{background:#34a853}
.pro-stock-pill.is-out{color:#d93025}.pro-stock-pill.is-out .dot{background:#ea4335}
.pro-stock-matrix__wrapper{max-height:480px;overflow:auto;-webkit-overflow-scrolling:touch}
.pro-stock-matrix-table{border-collapse:separate;border-spacing:0;font-size:12px;width:100%}
.pro-stock-matrix-table th{background:#f1f4f6;color:var(--pro-ink);font-size:11px;font-weight:850;letter-spacing:.03em;padding:9px 8px;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:2;border-bottom:1px solid #d5dfe4}
.pro-stock-matrix-table th.th-color{left:0;min-width:140px;position:sticky;text-align:left;z-index:3}
.pro-stock-matrix-table th.th-total{min-width:65px;background:#e8edf1}
.pro-stock-matrix-table td{border-bottom:1px solid #edf1f3;padding:6px 6px;text-align:center;vertical-align:middle}
.pro-stock-matrix-table tbody tr:hover{background:#f8fafb}
.pro-stock-matrix-table td.td-color{background:#fff;border-right:1px solid var(--pro-line);left:0;position:sticky;text-align:left;z-index:1}
.pro-stock-matrix-table tbody tr:hover td.td-color{background:#f8fafb}
.pro-color-swatch-cell{align-items:center;display:flex;gap:8px}
.pro-color-swatch-cell .color-dot{border:1px solid rgba(0,0,0,.15);border-radius:50%;flex-shrink:0;height:14px;width:14px}
.pro-color-swatch-cell .color-dot--multi{background:linear-gradient(135deg,#fff,#ccc,#333)}
.pro-color-swatch-cell .color-name{color:var(--pro-ink);font-size:11px;font-weight:750;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro-stock-matrix-table td.td-qty{padding:4px}
.pro-stock-matrix-table td.is-in-stock .stock-qty-val{background:#e6f4ea;border-radius:4px;color:#1e8e3e;display:inline-block;font-size:11px;font-weight:800;line-height:1.2;min-width:32px;padding:3px 5px}
.pro-stock-matrix-table td.is-out-of-stock .stock-qty-val{background:#fce8e6;border-radius:4px;color:#d93025;display:inline-block;font-size:11px;font-weight:600;line-height:1.2;min-width:32px;padding:3px 5px}
.pro-stock-matrix-table td.td-total{background:#f8fafb;border-left:1px solid var(--pro-line);color:var(--pro-ink);font-size:12px;font-weight:900}

/* Tree Explorer Navigation & Favorites */
.pro-sidebar__heading{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;padding:0 4px}
.pro-sidebar__badge{align-self:flex-start;background:rgba(239,116,76,.1);border-radius:5px;color:var(--pro-accent-dark);font-size:10px;font-weight:800;letter-spacing:.06em;padding:2px 7px;text-transform:uppercase}
.pro-sidebar__title{color:var(--pro-ink);font-size:16px;font-weight:850;letter-spacing:-.02em;margin:0}
.pro-sidebar__all{align-items:center;background:#fff;border:1px solid var(--pro-line);border-radius:9px;box-shadow:0 1px 2px rgba(0,0,0,.03);color:var(--pro-ink)!important;display:flex!important;font-size:13px;font-weight:700;gap:9px;margin-bottom:14px;padding:9px 11px!important;text-decoration:none!important;transition:all .15s ease}
.pro-sidebar__all:hover{border-color:#cbd5e1;box-shadow:0 3px 8px rgba(22,52,79,.06);color:var(--pro-accent-dark)!important;transform:translateY(-1px)}
.pro-sidebar__all.is-active{background:linear-gradient(135deg,var(--pro-ink) 0%,#1e4566 100%)!important;border-color:transparent!important;box-shadow:0 4px 12px rgba(22,52,79,.18)!important;color:#fff!important;transform:none!important}
.pro-sidebar__all-icon{align-items:center;color:#64748b;display:flex;flex-shrink:0;justify-content:center}
.pro-sidebar__all.is-active .pro-sidebar__all-icon{color:#ff9d7d}
.pro-sidebar__all-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro-sidebar__all-badge{background:#f1f5f9;border-radius:999px;color:#64748b;font-size:11px;font-weight:750;padding:2px 7px}
.pro-sidebar__all.is-active .pro-sidebar__all-badge{background:rgba(255,255,255,.2);color:#fff}

/* Favorites pinned at the top of the tree */
.pro-tree-favorites{background:linear-gradient(180deg,#fffdf8 0%,#fffbeb 100%)!important;border:1px solid #fde68a!important;border-radius:11px!important;box-shadow:0 2px 8px rgba(245,158,11,.08)!important;display:flex!important;flex-direction:column!important;gap:5px!important;margin-bottom:16px!important;padding:8px 8px 8px 10px!important}
.pro-tree-favorites[hidden]{display:none!important}
.pro-tree-favorites__header{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;padding-bottom:3px!important}
.pro-tree-favorites__title{align-items:center!important;color:#92400e!important;display:flex!important;font-size:11px!important;font-weight:850!important;gap:5px!important;letter-spacing:.05em!important;text-transform:uppercase!important}
.pro-tree-favorites__count{background:#fef3c7!important;border:1px solid #fde68a!important;border-radius:999px!important;color:#92400e!important;font-size:10px!important;font-weight:800!important;line-height:1.2!important;padding:1px 6px!important}
.pro-tree-favorites__list{display:flex!important;flex-direction:column!important;gap:3px!important}
.pro-tree-fav-item{align-items:center!important;background:#fff!important;border:1px solid #fef08a!important;border-radius:7px!important;box-shadow:0 1px 2px rgba(0,0,0,.02)!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;height:28px!important;justify-content:space-between!important;min-height:28px!important;padding:2px 6px 2px 8px!important;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease!important;width:100%!important}
.pro-tree-fav-item:hover{border-color:#f59e0b!important;box-shadow:0 2px 6px rgba(245,158,11,.18)!important;transform:translateX(1px)!important}
.pro-tree-fav-link{align-items:center!important;color:#92400e!important;display:flex!important;flex:1 1 auto!important;flex-direction:row!important;font-size:12px!important;font-weight:700!important;gap:6px!important;line-height:1.2!important;margin:0!important;min-width:0!important;padding:0!important;text-decoration:none!important;width:auto!important}
.pro-tree-fav-star{color:#f59e0b!important;flex-shrink:0!important;font-size:11px!important;line-height:1!important}
.pro-tree-fav-label{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.pro-tree-fav-remove{border-radius:4px!important;color:#9ca3af!important;flex:0 0 20px!important;height:20px!important;margin-left:4px!important;max-height:20px!important;max-width:20px!important;min-height:20px!important;min-width:20px!important;transition:background .15s ease,color .15s ease!important;width:20px!important}
.pro-tree-fav-remove:hover{background:#fee2e2!important;color:#ef4444!important}

.pro-tree-section-label{color:#94a3b8;font-size:10.5px;font-weight:800;letter-spacing:.08em;margin:4px 0 6px 4px;text-transform:uppercase}
.pro-tree-nav{display:flex;flex-direction:column;gap:2px}
.pro-tree-node{border-radius:8px!important;margin-bottom:3px!important;transition:background .12s}
.pro-tree-summary{align-items:center!important;border-radius:8px!important;color:#1e293b!important;cursor:pointer!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;font-size:13px!important;font-weight:700!important;gap:7px!important;list-style:none!important;min-height:34px!important;padding:4px 6px!important;transition:background .15s ease!important;user-select:none!important;width:100%!important}
.pro-tree-summary::-webkit-details-marker{display:none!important}
.pro-tree-summary:hover{background:var(--cat-bg,#f1f5f9)!important}
.pro-tree-summary.is-active{background:var(--cat-bg,#e2e8f0)!important}
.pro-tree-node[open] > .pro-tree-summary{background:var(--cat-bg,#f8fafc)!important}
.pro-tree-caret{align-items:center!important;color:#94a3b8!important;display:inline-flex!important;flex:0 0 14px!important;height:14px!important;justify-content:center!important;transition:transform .2s cubic-bezier(.16,1,.3,1),color .15s ease!important;width:14px!important}
.pro-tree-node[open] > .pro-tree-summary .pro-tree-caret{color:var(--cat-color,#1e293b)!important;transform:rotate(90deg)!important}
.pro-tree-icon-badge{align-items:center!important;background:var(--cat-bg,#f1f5f9)!important;border:1px solid var(--cat-border,#e2e8f0)!important;border-radius:7px!important;box-shadow:0 1px 2px rgba(0,0,0,.04)!important;color:var(--cat-color,#475569)!important;display:inline-flex!important;flex:0 0 26px!important;height:26px!important;justify-content:center!important;transition:transform .15s ease,box-shadow .15s ease!important;width:26px!important}
.pro-tree-summary:hover .pro-tree-icon-badge{box-shadow:0 2px 6px rgba(0,0,0,.08)!important;transform:scale(1.05)!important}
.pro-tree-link{color:#1e293b!important;display:inline-block!important;flex:1 1 auto!important;font-size:13px!important;font-weight:700!important;margin:0!important;min-width:0!important;overflow:hidden!important;padding:0!important;text-decoration:none!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.pro-tree-summary:hover .pro-tree-link{color:var(--cat-color,#1e293b)!important}
.pro-tree-count{background:var(--cat-bg,#f1f5f9)!important;border:1px solid var(--cat-border,#e2e8f0)!important;border-radius:999px!important;color:var(--cat-color,#64748b)!important;flex:0 0 auto!important;font-size:10px!important;font-weight:800!important;line-height:1.2!important;margin-left:auto!important;padding:1px 6px!important}

/* Star action buttons in tree */
.pro-tree-star-btn{align-items:center!important;border-radius:4px!important;color:#94a3b8!important;cursor:pointer!important;display:inline-flex!important;flex:0 0 20px!important;height:20px!important;justify-content:center!important;margin:0 0 0 4px!important;max-height:20px!important;max-width:20px!important;min-height:20px!important;min-width:20px!important;opacity:0!important;padding:0!important;transition:opacity .15s ease,color .15s ease,transform .15s ease!important;width:20px!important}
.pro-tree-summary:hover .pro-tree-star-btn,.pro-tree-subitem:hover .pro-tree-star-btn,.pro-tree-leaf:hover .pro-tree-star-btn{opacity:.4!important}
.pro-tree-star-btn:hover{color:#f59e0b!important;opacity:1!important;transform:scale(1.2)!important}
.pro-tree-star-btn.is-active{color:#f59e0b!important;opacity:1!important}
.pro-tree-star-btn.is-active svg{fill:#f59e0b!important;stroke:#f59e0b!important}

.pro-tree-children{border-left:2px solid var(--cat-border,#e2e8f0)!important;display:flex!important;flex-direction:column!important;gap:1px!important;margin:3px 0 6px 17px!important;padding-left:9px!important}
.pro-tree-subitem{align-items:center!important;border-radius:6px!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;height:26px!important;justify-content:space-between!important;min-height:26px!important;padding:0 4px 0 6px!important;transition:background .12s ease!important;width:100%!important}
.pro-tree-subitem:hover{background:#f1f5f9!important}
.pro-tree-subitem.is-active{background:#e2e8f0!important}
.pro-tree-sublink{align-items:center!important;color:#475569!important;display:flex!important;flex:1 1 auto!important;flex-direction:row!important;font-size:12px!important;font-weight:550!important;gap:7px!important;line-height:1.2!important;margin:0!important;min-width:0!important;padding:0!important;text-decoration:none!important;width:auto!important}
.pro-tree-subdot{background:var(--cat-color,#94a3b8)!important;border-radius:50%!important;display:inline-block!important;flex-shrink:0!important;height:5px!important;opacity:.5!important;transition:opacity .15s ease,transform .15s ease!important;width:5px!important}
.pro-tree-subitem:hover .pro-tree-subdot{opacity:1!important;transform:scale(1.3)!important}
.pro-tree-subitem.is-active .pro-tree-subdot{opacity:1!important;transform:scale(1.4)!important}
.pro-tree-label{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.pro-tree-subitem:hover .pro-tree-sublink{color:var(--pro-ink)!important}
.pro-tree-subitem.is-active .pro-tree-sublink{color:var(--cat-color,var(--pro-accent-dark))!important;font-weight:750!important}

.pro-tree-leaf{align-items:center!important;border-radius:8px!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;height:34px!important;justify-content:space-between!important;min-height:34px!important;padding:4px 6px!important;transition:background .15s ease!important;width:100%!important}
.pro-tree-leaf:hover{background:var(--cat-bg,#f1f5f9)!important}
.pro-tree-leaf.is-active{background:var(--cat-bg,#e2e8f0)!important}
.pro-tree-link-leaf{align-items:center!important;color:#1e293b!important;display:flex!important;flex:1 1 auto!important;flex-direction:row!important;font-size:13px!important;font-weight:700!important;gap:7px!important;margin:0!important;min-width:0!important;padding:0!important;text-decoration:none!important}
.pro-tree-leaf:hover .pro-tree-link-leaf{color:var(--cat-color,#1e293b)!important}
.pro-tree-leaf.is-active .pro-tree-link-leaf{color:var(--cat-color,var(--pro-accent-dark))!important}

/* Live Search Autocomplete */
.pro-search{position:relative;min-width:min(100%,440px)}
.pro-search__bar{align-items:center;background:#fff;border:1px solid var(--pro-line);border-radius:13px;box-shadow:0 8px 25px rgba(22,52,79,.05);display:flex;overflow:hidden;padding:4px 6px;transition:border-color .15s,box-shadow .15s}
.pro-search__bar:focus-within{border-color:var(--pro-accent);box-shadow:0 0 0 3px rgba(239,116,76,.12)}
.pro-search__icon{align-items:center;color:#8a9fae;display:flex;justify-content:center;padding:0 4px 0 8px}
.pro-search input{background:transparent;border:0;color:var(--pro-ink);font-size:13px;min-width:0;outline:0;padding:10px 8px;width:100%}
.pro-search__clear{background:transparent;border:0;color:#9cb0bd;cursor:pointer;font-size:18px;line-height:1;padding:0 8px}
.pro-search__clear:hover{color:var(--pro-ink)}
.pro-search button[type=submit]{background:var(--pro-accent);border:0;border-radius:9px;color:#fff;cursor:pointer;font-size:12px;font-weight:850;padding:9px 15px;white-space:nowrap;transition:background .15s}
.pro-search button[type=submit]:hover{background:var(--pro-accent-dark)}

/* Dropdown Results */
.pro-search-dropdown{background:#fff;border:1px solid var(--pro-line);border-radius:14px;box-shadow:0 16px 40px rgba(22,52,79,.16);display:flex!important;flex-direction:column;left:0;margin-top:6px;max-height:min(480px,calc(100vh - 200px));overflow:hidden;position:absolute;right:0;top:100%;z-index:100}
.pro-search-dropdown[hidden]{display:none!important}
.pro-search-dropdown__header{align-items:center;background:#fafbfc;border-bottom:1px solid #edf1f3;color:var(--pro-muted);display:flex;flex-shrink:0;font-size:11px;font-weight:800;justify-content:space-between;padding:9px 14px}
.pro-search-dropdown__hint{color:#8ea3b2;font-size:10px;font-weight:600}
.pro-search-dropdown__results{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-color:rgba(22,52,79,.3) #f3f6f8;scrollbar-width:thin}
.pro-search-dropdown__results::-webkit-scrollbar{width:6px}
.pro-search-dropdown__results::-webkit-scrollbar-track{background:#f3f6f8}
.pro-search-dropdown__results::-webkit-scrollbar-thumb{background:rgba(22,52,79,.28);border-radius:4px}
.pro-search-dropdown__results::-webkit-scrollbar-thumb:hover{background:var(--pro-accent)}
.pro-search-item{align-items:center;border-bottom:1px solid #f1f4f6;display:flex;gap:12px;padding:10px 14px;text-decoration:none;transition:background .12s}
.pro-search-item:last-child{border-bottom:0}
.pro-search-item:hover,.pro-search-item.is-selected{background:#f8fafb}
.pro-search-item__thumb{align-items:center;background:#f3f6f8;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}
.pro-search-item__thumb img{height:100%;object-fit:contain;width:100%}
.pro-search-item__info{display:flex;flex-direction:column;flex:1;min-width:0}
.pro-search-item__ref{color:var(--pro-accent-dark);font-size:11px;font-weight:900;letter-spacing:.04em}
.pro-search-item__title{color:var(--pro-ink);font-size:12px;font-weight:750;line-height:1.25;margin:2px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro-search-item__meta{color:var(--pro-muted);display:flex;font-size:10px;gap:8px}
.pro-search-item__arrow{color:#adbcc6;font-size:14px;transition:transform .12s}
.pro-search-item:hover .pro-search-item__arrow{color:var(--pro-accent);transform:translateX(3px)}
.pro-search-dropdown__empty{color:var(--pro-muted);font-size:12px;padding:18px 16px;text-align:center}
.pro-search-dropdown__footer{background:#f9fafb;border-top:1px solid #edf1f3;flex-shrink:0;padding:9px 14px;text-align:center}
.pro-search-dropdown__footer a{color:var(--pro-accent-dark);font-size:11px;font-weight:800}
.pro-budget-finder{margin:0 0 24px;padding:24px;border:1px solid #dfe3e8;border-radius:18px;background:#fff}.pro-budget-finder__intro h2{margin:4px 0 6px}.pro-budget-finder__intro p{margin:0 0 18px;color:#59636e}.pro-budget-finder form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pro-budget-finder label{display:grid;gap:5px;font-size:13px;font-weight:600}.pro-budget-finder input,.pro-budget-finder select{min-height:42px;padding:8px 10px;border:1px solid #cfd5dc;border-radius:9px;background:#fff}.pro-budget-finder fieldset{display:flex;gap:14px;align-items:center;border:0;padding:0}.pro-budget-finder fieldset label{display:flex;align-items:center}.pro-budget-finder button{min-height:44px;border:0;border-radius:10px;background:#15171a;color:#fff;font-weight:700}.pro-budget-finder__status{margin-top:16px}.pro-budget-finder__results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.pro-budget-result{display:grid;gap:5px;padding:16px;border:1px solid #e3e6ea;border-radius:12px}.pro-budget-result h3,.pro-budget-result p{margin:0}.pro-budget-result__role{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}@media(max-width:900px){.pro-budget-finder form,.pro-budget-finder__results{grid-template-columns:1fr}}
.pro-quote-live-price{background:linear-gradient(145deg,#f0fbf5,#fff);border:1px solid #b8dfca;border-radius:16px;box-shadow:0 10px 28px rgba(23,92,58,.09);color:#175c3a;font-size:14px;font-weight:750;padding:18px}.pro-quote-live-price[data-state="waiting"],.pro-quote-live-price[data-state="loading"]{background:#f7fafb;color:var(--pro-muted)}.pro-quote-live-price[data-state="error"]{background:#fff3f1;border-color:#efc2ba;color:#8b3427}.pro-quote-live-price__top{align-items:center;display:flex;gap:18px;justify-content:space-between}.pro-quote-live-price__top>div:first-child{display:grid;gap:2px}.pro-quote-live-price__top span{font-size:9px;font-weight:950;letter-spacing:.12em}.pro-quote-live-price__top strong{color:var(--pro-ink);font-size:28px;letter-spacing:-.04em;line-height:1.05}.pro-quote-live-price__top small{color:var(--pro-muted);font-size:11px}.pro-quote-live-price__saving{align-items:center;background:linear-gradient(135deg,#ef7b55,#e65f35);border-radius:999px;box-shadow:0 7px 16px rgba(230,95,53,.22);color:#fff;display:flex;font-size:18px;font-weight:950;justify-content:center;min-height:48px;min-width:82px;padding:9px 14px}.pro-quote-live-price__tier{align-items:baseline;border-top:1px solid rgba(23,92,58,.13);display:flex;gap:10px;justify-content:space-between;margin-top:14px;padding-top:12px}.pro-quote-live-price__tier strong{color:#175c3a;font-size:12px}.pro-quote-live-price__tier span{color:var(--pro-muted);font-size:11px;text-align:right}.pro-quote-live-price__progress{background:#dfece5;border-radius:999px;height:7px;margin-top:10px;overflow:hidden}.pro-quote-live-price__progress i{background:linear-gradient(90deg,#38a169,#ef7b55);border-radius:inherit;display:block;height:100%;transition:width .3s ease}

/* Per-product live degressive pricing in quote */
.pro-quote-line__price{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-top:14px;padding:12px 14px;transition:all .2s ease}
.pro-quote-line__price--ready{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-color:#bbf7d0;box-shadow:0 2px 8px rgba(22,101,52,.05)}
.pro-quote-line__price--waiting{background:#f8fafc;border-color:#e2e8f0;color:var(--pro-muted);font-size:11px;font-style:italic}
.pro-quote-line__price--loading{align-items:center;background:#f8fafc;border-color:#cbd5e1;color:var(--pro-muted);display:flex;font-size:11px;font-style:italic;gap:8px}
.pro-quote-line__price-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}
.pro-quote-line__price-tier-tag{align-items:center;display:inline-flex;gap:7px}
.pro-quote-line__tier-badge{background:linear-gradient(135deg,#ef7b55,#e65f35);border-radius:999px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.02em;padding:2px 8px}
.pro-quote-line__tier-label{color:#166534;font-size:11px;font-weight:800}
.pro-quote-line__price-grid{align-items:baseline;border-top:1px solid rgba(22,101,52,.12);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:8px}
.pro-quote-line__price-unit{display:flex;flex-direction:column;gap:1px}
.pro-quote-line__price-unit-caption,.pro-quote-line__price-subtotal-caption{color:var(--pro-muted);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.pro-quote-line__price-unit-val{color:var(--pro-ink);font-size:13px;font-weight:800}
.pro-quote-line__price-subtotal{align-items:flex-end;display:flex;flex-direction:column;gap:1px;text-align:right}
.pro-quote-line__price-subtotal-val{color:#15803d;font-size:16px;font-weight:950;letter-spacing:-.02em}
.pro-quote-line__price-subtotal-val small{color:var(--pro-muted);font-size:11px;font-weight:600;margin-left:4px}
.pro-quote-line__price-footer{align-items:center;border-top:1px dashed #e2e8f0;color:var(--pro-muted);display:flex;font-size:10.5px;justify-content:space-between;margin-top:2px;padding-top:6px}

/* Quote global live price breakdown table */
.pro-quote-live-price__breakdown{border-bottom:1px solid rgba(23,92,58,.15);margin-bottom:14px;padding-bottom:12px}
.pro-quote-live-price__breakdown-title{color:#175c3a;font-size:10px;font-weight:900;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}
.pro-quote-live-price__table{display:flex;flex-direction:column;gap:6px}
.pro-quote-live-price__table-row{align-items:center;background:rgba(255,255,255,.8);border:1px solid rgba(184,223,202,.6);border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:7px 10px}
.pro-quote-live-price__table-col-name{color:var(--pro-ink);flex:1;font-size:12px}
.pro-quote-live-price__table-col-name small{color:var(--pro-muted)}
.pro-quote-qty-tag{background:#e2e8f0;border-radius:4px;color:#334155;font-size:10px;font-weight:800;padding:1px 6px}
.pro-quote-live-price__table-col-unit{color:var(--pro-muted);font-size:11px;white-space:nowrap}
.pro-quote-live-price__table-col-subtotal{color:#166534;font-size:12.5px;font-weight:900;white-space:nowrap}
.pro-quote-live-price__line-next-tier{color:var(--pro-muted);font-size:10.5px;margin-top:3px}
.pro-quote-live-price__line-next-tier--close{color:#b45309;font-weight:700}
.pro-quote-line__next-tier{align-items:center;color:var(--pro-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:6px;margin-top:2px}
.pro-quote-line__next-pill{background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;color:#0369a1;font-size:10px;font-weight:800;padding:1px 7px}
.pro-quote-line__next-pill--close{background:#fef3c7;border-color:#fde68a;color:#92400e}
.pro-quote-line__next-pill--max{background:#f1f5f9;border-color:#e2e8f0;color:#475569}
.pro-quote-line__next-copy{color:var(--pro-muted);font-size:11px}
.pro-quote-line__tier-progress{background:#e2e8f0;border-radius:999px;height:5px;margin-top:4px;overflow:hidden;width:100%}
.pro-quote-line__tier-progress i{background:linear-gradient(90deg,#0ea5e9,#ef7b55);border-radius:inherit;display:block;height:100%;transition:width .3s ease}
.pro-quote-live-price__notice{align-items:flex-start;background:#fff8eb;border:1px solid #fed7aa;border-radius:10px;color:#9a3412;display:flex;font-size:11.5px;font-weight:500;gap:9px;line-height:1.45;margin-top:14px;padding:10px 12px}
.pro-quote-live-price__notice strong{color:#7c2d12}
.pro-quote-live-price__notice-badge{background:#ea580c;border-radius:4px;color:#fff;flex-shrink:0;font-size:9.5px;font-weight:900;letter-spacing:.04em;padding:2px 6px;text-transform:uppercase}

/* Product detail back button */
.pro-detail-back-bar{align-items:center;display:flex;margin:0 0 18px}
.pro-btn-back{align-items:center;background:#fff;border:1px solid var(--pro-line);border-radius:10px;box-shadow:0 1px 3px rgba(22,52,79,.04);color:var(--pro-ink);cursor:pointer;display:inline-flex;font-size:13px;font-weight:750;gap:8px;padding:9px 15px;text-decoration:none;transition:all .15s ease}
.pro-btn-back:hover{background:#f8fafb;border-color:#cbd5e1;box-shadow:0 3px 8px rgba(22,52,79,.07);color:var(--pro-accent-dark);text-decoration:none;transform:translateX(-2px)}
.pro-btn-back svg{flex-shrink:0;transition:transform .15s ease}
.pro-btn-back:hover svg{transform:translateX(-2px)}
.pro-detail-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}
.pro-detail-actions .pro-quote-add{flex:1;margin-top:0}
.pro-btn-back--inline{background:transparent;border:1px solid transparent;box-shadow:none;color:var(--pro-muted);font-size:12.5px;font-weight:700;padding:8px 12px}
.pro-btn-back--inline:hover{background:#f1f5f9;border-color:var(--pro-line);box-shadow:none;color:var(--pro-ink);transform:none}
@media(max-width:640px){.pro-detail-actions{align-items:stretch;flex-direction:column}.pro-btn-back--inline{justify-content:center}}
/* Espaces pro personnalisés : habillage de l'organisation, sélection partagée, devis partagés, invitation. */
.pro-brand--organization{gap:14px}.pro-brand--organization img{height:52px;max-width:160px}
.pro-brand .pro-brand__organization{background:none;border-radius:0;color:inherit;display:flex;flex-direction:column;font-size:inherit;font-weight:inherit;gap:2px;letter-spacing:normal;line-height:1.15;padding:0}.pro-brand__organization strong{color:var(--pro-ink);font-size:17px;font-weight:900;letter-spacing:-.01em}.pro-brand__organization small{color:var(--pro-muted);font-size:12px;font-weight:700}
.pro-join-banner{align-items:center;background:var(--pro-soft);border:1px solid #f4c8b6;border-radius:14px;display:flex;gap:16px;margin:18px clamp(22px,4vw,62px) 0;padding:14px 18px}
.pro-join-banner img{height:44px;max-width:110px;object-fit:contain}.pro-join-banner p{flex:1;font-size:14px;margin:0}
.pro-join-banner button,.pro-org-favorite__button{background:var(--pro-accent);border:0;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:800;min-height:44px;padding:0 18px}
.pro-join-banner button:hover{background:var(--pro-accent-dark)}
.pro-org-favorite{margin-top:8px}
.pro-org-favorite__button{background:#fff;border:1px solid var(--pro-line);color:var(--pro-ink);font-size:13px;width:100%}
.pro-org-favorite__button:hover{border-color:#edb39f}
.pro-org-favorite__button.is-active{background:var(--pro-success);border-color:#bfe3cb;color:#1f6b3b}
.pro-org-quotes table{border-collapse:collapse;font-size:14px;min-width:620px;width:100%}
.pro-org-quotes th{color:var(--pro-muted);font-size:12px;font-weight:800;text-align:left;text-transform:uppercase;letter-spacing:.06em}
.pro-org-quotes th,.pro-org-quotes td{border-bottom:1px solid var(--pro-line);padding:10px 8px}
.pro-access__intro--organization .pro-access__logo{display:block;max-height:110px;max-width:260px;margin-bottom:24px;object-fit:contain}
@media(max-width:720px){.pro-brand__organization small{display:none}.pro-brand--organization img{height:40px;max-width:90px}.pro-join-banner{align-items:stretch;flex-direction:column}}
/* Accueil d'un espace pro : le site de l'organisation, à ses couleurs. */
body.is-organization{--pro-org-brand:var(--pro-ink);--pro-org-on-brand:#fff}
.pro-org-nav{display:flex;gap:6px}.pro-org-nav a{border-radius:9px;color:var(--pro-ink);font-size:14px;font-weight:800;padding:10px 14px}
.pro-org-nav a[aria-current="page"]{background:var(--pro-soft);color:var(--pro-accent-dark)}
.pro-header__meta .pro-org-nav a{border-left:0;padding-left:14px}
.pro-org-home{display:flex;flex-direction:column;gap:28px;margin:0 auto;max-width:1240px;padding:28px clamp(18px,4vw,48px) 48px}
.pro-org-hero{background:var(--pro-org-brand);border-radius:26px;color:var(--pro-org-on-brand);overflow:hidden;position:relative}
.pro-org-hero::after{background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 55%);content:"";inset:0;pointer-events:none;position:absolute}
.pro-org-hero__inner{align-items:center;display:flex;gap:clamp(24px,4vw,56px);padding:clamp(28px,5vw,64px);position:relative;z-index:1}
.pro-org-hero__logo{align-items:center;background:#fff;border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.16);display:flex;flex:none;height:clamp(120px,16vw,200px);justify-content:center;padding:18px;width:clamp(120px,16vw,200px)}
.pro-org-hero__logo img{max-height:100%;max-width:100%;object-fit:contain}
.pro-org-hero__eyebrow{display:block;font-size:12px;font-weight:900;letter-spacing:.16em;opacity:.8;text-transform:uppercase}
.pro-org-hero h1{font-size:clamp(34px,5vw,60px);font-weight:950;letter-spacing:-.04em;line-height:1;margin:10px 0 16px}
.pro-org-hero p{font-size:clamp(16px,1.6vw,19px);line-height:1.5;margin:0;max-width:640px;opacity:.92}
.pro-org-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.pro-org-button{align-items:center;border:0;border-radius:12px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:800;justify-content:center;min-height:46px;padding:0 20px;text-align:center}
.pro-org-button--primary{background:var(--pro-accent);color:#fff}.pro-org-button--primary:hover{background:var(--pro-accent-dark)}
.pro-org-hero .pro-org-button--primary{background:#fff;color:var(--pro-accent-dark)}.pro-org-hero .pro-org-button--primary:hover{background:var(--pro-soft)}
.pro-org-button--ghost{background:transparent;border:1.5px solid currentColor;color:inherit}.pro-org-button--ghost:hover{background:rgba(255,255,255,.12)}
.pro-org-section{background:#fff;border:1px solid var(--pro-line);border-radius:22px;padding:clamp(20px,3vw,32px)}
.pro-org-section h2{font-size:clamp(22px,2.4vw,28px);font-weight:900;letter-spacing:-.025em;margin:0}
.pro-org-section__header{align-items:end;display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:space-between;margin-bottom:20px}
.pro-org-section__header p{color:var(--pro-muted);font-size:15px;margin:0}
.pro-org-cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.pro-org-card{border:1px solid var(--pro-line);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s,transform .15s}
.pro-org-card:hover{box-shadow:var(--pro-shadow);transform:translateY(-2px)}
.pro-org-card__image{background:var(--pro-canvas);display:block}.pro-org-card__image img{aspect-ratio:1;display:block;height:auto;object-fit:contain;width:100%}
.pro-org-card__body{display:flex;flex:1;flex-direction:column;gap:6px;padding:14px}
.pro-org-card__body h3{font-size:16px;font-weight:850;line-height:1.25;margin:0}.pro-org-card__body small{color:var(--pro-muted);font-size:13px;margin-bottom:6px}
.pro-org-card__body .pro-org-button{margin-top:auto;width:100%}
.pro-org-card__remove{background:none;border:0;color:var(--pro-muted);cursor:pointer;font-size:13px;font-weight:700;min-height:40px;width:100%}.pro-org-card__remove:hover{color:var(--pro-accent-dark)}
.pro-org-card__swatch{border:1px solid rgba(22,52,79,.18);border-radius:50%;display:inline-block;height:10px;margin-right:5px;vertical-align:-1px;width:10px}
.pro-org-empty{align-items:center;background:var(--pro-soft);border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px}.pro-org-empty p{flex:1 1 320px;margin:0}
.pro-org-steps ol{counter-reset:step;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));list-style:none;margin:18px 0 0;padding:0}
.pro-org-steps li{background:var(--pro-canvas);border-radius:16px;counter-increment:step;display:flex;flex-direction:column;gap:6px;padding:18px}
.pro-org-steps li::before{align-items:center;background:var(--pro-accent);border-radius:50%;color:#fff;content:counter(step);display:flex;font-weight:900;height:32px;justify-content:center;margin-bottom:4px;width:32px}
.pro-org-steps strong{font-size:16px}.pro-org-steps span{color:var(--pro-muted);font-size:14px;line-height:1.4}
.pro-org-quotes{overflow-x:auto}.pro-org-quotes h2{margin-bottom:14px}
.pro-org-quotes table{border-collapse:collapse;font-size:14px;min-width:620px;width:100%}
.pro-org-quotes th{color:var(--pro-muted);font-size:12px;font-weight:800;letter-spacing:.06em;text-align:left;text-transform:uppercase}
.pro-org-quotes th,.pro-org-quotes td{border-bottom:1px solid var(--pro-line);padding:10px 8px}
.pro-org-footer{color:var(--pro-muted);font-size:13px;text-align:center}
@media(max-width:720px){.pro-org-hero__inner{align-items:flex-start;flex-direction:column}.pro-org-nav a{padding:8px 10px}.pro-org-hero__actions .pro-org-button{flex:1 1 100%}}
/* Aperçu « avec notre logo » : vignette article + logo composée par le serveur. */
.pro-product__image .pro-logo-preview{display:block;height:100%;object-fit:contain;width:100%}
.pro-product__image.has-logo-preview .pro-product__original{display:none}
body.is-logo-preview-off .pro-product__image.has-logo-preview .pro-product__original{display:block}
body.is-logo-preview-off [data-logo-preview]{display:none!important}
.pro-logo-detail{margin:0 0 14px}
.pro-logo-detail .pro-logo-preview{background:#fff;border:1px solid var(--pro-line);border-radius:16px;display:block;height:auto;max-width:440px;width:100%}
.pro-logo-detail figcaption{color:var(--pro-muted);font-size:13px;margin-top:8px;max-width:440px;text-align:center}
.pro-logo-detail figcaption[hidden]{display:none}
/* Fiche : sous l'aperçu avec logo, la photo nue n'apparaît qu'au clic sur une miniature, ou quand le membre a coupé l'aperçu (sinon la galerie serait vide). */
.pro-product-detail__gallery.has-logo-preview .pro-product-detail__main-image{display:none}
.pro-product-detail__gallery.has-logo-preview .pro-product-detail__main-image.is-shown,body.is-logo-preview-off .pro-product-detail__gallery.has-logo-preview .pro-product-detail__main-image{display:block}
.pro-logo-switch{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:10px;margin-top:12px;min-height:44px}
.pro-logo-switch input{height:1px;opacity:0;position:absolute;width:1px}
.pro-logo-switch span{background:var(--pro-line);border-radius:999px;flex:none;height:26px;position:relative;transition:background .15s;width:46px}
.pro-logo-switch span::after{background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25);content:"";height:20px;left:3px;position:absolute;top:3px;transition:transform .15s;width:20px}
.pro-logo-switch input:checked+span{background:var(--pro-accent)}
.pro-logo-switch input:checked+span::after{transform:translateX(20px)}
.pro-logo-switch input:focus-visible+span{outline:2px solid var(--pro-accent);outline-offset:2px}
.pro-application--reserved form{margin-top:8px}
.pro-logo-detail__views{display:flex;gap:6px;margin-bottom:10px}
.pro-logo-detail__views[hidden]{display:none}
.pro-logo-detail__views button{background:#fff;border:1px solid var(--pro-line);border-radius:999px;color:var(--pro-ink);cursor:pointer;font-size:14px;font-weight:800;min-height:40px;padding:0 16px}
.pro-logo-detail__views button[aria-selected="true"]{background:var(--pro-accent);border-color:var(--pro-accent);color:#fff}
.pro-logo-detail__colors{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;max-width:440px}
.pro-logo-detail__swatch{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--pro-line);cursor:pointer;height:36px;padding:0;width:36px}
.pro-logo-detail__swatch[aria-pressed="true"]{box-shadow:0 0 0 2px var(--pro-accent)}
/* Logo de l'espace joint d'office à la demande de devis. */
.pro-quote-logo{align-items:center;background:#f8fafb;border:1px solid #d8e1e5;border-radius:10px;display:flex;gap:12px;padding:10px 12px}.pro-quote-logo img{background:#fff;border-radius:8px;flex:none;height:48px;object-fit:contain;padding:4px;width:48px}.pro-quote-logo strong{color:var(--pro-ink);display:block;font-size:12px;font-weight:850}.pro-quote-logo small{color:var(--pro-muted);display:block;font-size:11px;line-height:1.35;margin-top:2px}
/* Choix du logo de l'espace (2 logos actifs ou plus) : accueil, catalogue, fiche et lignes du devis. */
.pro-logo-picker{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pro-org-section>.pro-logo-picker{margin:0 0 18px}.pro-logo-picker__label{color:var(--pro-muted);font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.pro-logo-picker ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.pro-logo-picker__choice{align-items:center;background:#fff;border:1.5px solid #d8e1e5;border-radius:999px;color:var(--pro-ink);display:inline-flex;font-size:12px;font-weight:700;gap:7px;min-height:40px;padding:4px 12px 4px 5px;text-decoration:none;transition:border-color .15s,box-shadow .15s}.pro-logo-picker__choice:hover{border-color:#94a3b8}.pro-logo-picker__choice.is-selected{border-color:var(--pro-accent);box-shadow:0 0 0 2px rgba(239,116,76,.2);font-weight:850}.pro-logo-picker__choice:focus-visible{outline:2px solid var(--pro-accent);outline-offset:2px}.pro-logo-picker__choice img{background:#fff;border-radius:50%;flex:none;height:30px;object-fit:contain;width:30px}
.pro-quote-logo-picker{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px 10px;margin-bottom:12px;padding:10px 14px}.pro-quote-logo-picker__choices{display:flex;flex-wrap:wrap;gap:6px}.pro-quote-logo-picker__choice{align-items:center;background:#fff;border:1.5px solid #d8e1e5;border-radius:999px;color:#1e293b;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:3px 10px 3px 4px}.pro-quote-logo-picker__choice img{border-radius:50%;flex:none;height:28px;object-fit:contain;width:28px}.pro-quote-logo-picker__choice.is-selected{background:#fff5f2;border-color:var(--pro-accent);box-shadow:0 0 0 2px rgba(239,116,76,.2);color:var(--pro-ink);font-weight:850}.pro-quote-logo-picker__choice:focus-visible{outline:2px solid var(--pro-accent);outline-offset:1px}
/* Étape 4 : placement du logo ajusté par le membre (éditeur sur le grand aperçu). */
.pro-logo-detail__frame{max-width:440px;position:relative}
.pro-logo-detail__frame .pro-logo-preview.is-refreshing{opacity:.55;transition:opacity .2s}
.pro-placement-open{align-items:center;background:rgba(255,255,255,.94);border:1px solid var(--pro-line);border-radius:999px;bottom:12px;box-shadow:0 6px 18px rgba(22,52,79,.14);color:var(--pro-ink);cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:800;gap:8px;min-height:44px;padding:0 16px;position:absolute;right:12px}
.pro-placement-open[hidden]{display:none}
.pro-placement-open:hover{border-color:var(--pro-accent);color:var(--pro-accent-dark)}
.pro-placement-open:focus-visible,.pro-placement button:focus-visible{outline:3px solid rgba(239,116,76,.45);outline-offset:2px}
.pro-logo-detail.has-custom-placement .pro-placement-open::after{background:var(--pro-accent);border-radius:50%;content:"";height:8px;width:8px}
.pro-placement__stage{background:#fff;border:2px solid var(--pro-accent);border-radius:16px;inset:0;overflow:hidden;position:absolute;-webkit-user-select:none;user-select:none}
.pro-placement__photo{max-width:none;pointer-events:none;position:absolute}
.pro-placement__bounds{border:1.5px dashed rgba(22,52,79,.35);border-radius:6px;pointer-events:none;position:absolute}
.pro-placement__logo{box-shadow:0 0 0 1.5px var(--pro-accent),0 0 0 4px rgba(255,255,255,.7);cursor:grab;position:absolute;touch-action:none}
.pro-placement__logo::before{content:"";inset:-14px;position:absolute}
.pro-placement__logo.is-dragging{cursor:grabbing}
.pro-placement__logo:focus-visible{box-shadow:0 0 0 2px var(--pro-accent),0 0 0 6px rgba(239,116,76,.3);outline:none}
.pro-placement__logo img{display:block;height:100%;object-fit:contain;pointer-events:none;width:100%}
/* Poignée : cible de 44 px surtout hors du logo (un petit logo reste déplaçable), pastille sur l'angle. */
.pro-placement__handle{bottom:-36px;cursor:nwse-resize;height:44px;position:absolute;right:-36px;touch-action:none;width:44px}
.pro-placement__handle::after{background:#fff;border:3px solid var(--pro-accent);border-radius:50%;box-shadow:0 2px 6px rgba(22,52,79,.25);content:"";height:14px;left:8px;position:absolute;top:8px;transform:translate(-50%,-50%);width:14px}
.pro-placement{background:var(--pro-soft);border:1px solid #f6d3c4;border-radius:14px;margin-top:10px;max-width:440px;padding:12px 14px}
.pro-placement[hidden]{display:none}
.pro-logo-detail.is-placing .pro-logo-detail__colors,.pro-logo-detail.is-placing figcaption,.pro-logo-detail.is-placing .pro-logo-detail__views{display:none}
.pro-placement__help{color:var(--pro-ink-2);font-size:13px;line-height:1.45;margin:0 0 10px}
.pro-placement__actions{display:flex;flex-wrap:wrap;gap:8px}
.pro-placement__actions button{border-radius:999px;cursor:pointer;font:inherit;font-size:14px;font-weight:800;min-height:44px;padding:0 18px}
.pro-placement__save{background:var(--pro-accent);border:1px solid var(--pro-accent);color:#fff}
.pro-placement__save:hover{background:var(--pro-accent-dark)}
.pro-placement__cancel{background:#fff;border:1px solid var(--pro-line);color:var(--pro-ink)}
.pro-placement__reset{background:transparent;border:1px solid transparent;color:var(--pro-accent-dark);text-decoration:underline;text-underline-offset:3px}
.pro-placement__actions button:disabled{cursor:not-allowed;opacity:.5}
.pro-placement__shared{color:var(--pro-muted);font-size:12.5px;margin:10px 0 0}
.pro-placement__status{color:var(--pro-muted);font-size:13px;margin:8px 0 0;max-width:440px}
.pro-placement__status:empty{display:none}
.pro-placement__status[data-tone="error"]{color:#9c3d29;font-weight:700}
.pro-placement__status[data-tone="success"]{color:#23663d;font-weight:700}
.pro-quote-line__placement{background:var(--pro-soft);border:1px solid #f6d3c4;border-radius:6px;color:var(--pro-accent-dark);font-size:10px;font-weight:800;padding:2px 7px}
@media(max-width:640px){.pro-placement__actions{display:grid;grid-template-columns:1fr 1fr}.pro-placement__reset{grid-column:1/-1}.pro-placement-open{bottom:10px;right:10px}}
/* Étape 3 : « Logos de l'espace » pour les responsables (accueil de l'espace). */
.pro-owner-logos__list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0 0 18px;padding:0}.pro-owner-logos__item{align-items:center;background:var(--pro-canvas);border:1px solid var(--pro-line);border-radius:16px;display:flex;flex-direction:column;gap:6px;padding:12px;text-align:center;width:132px}.pro-owner-logos__item img{background:#fff;border-radius:12px;height:64px;object-fit:contain;padding:4px;width:64px}.pro-owner-logos__item span{font-size:13px;font-weight:800;overflow-wrap:anywhere}.pro-owner-logos__item.is-pending{border-style:dashed}.pro-owner-logos__badge{background:var(--pro-soft);border-radius:999px;color:var(--pro-accent-dark);font-size:11px;font-weight:800;line-height:1.3;padding:3px 8px}
.pro-owner-logos__subtitle{font-size:16px;font-weight:850;margin:0 0 10px}.pro-owner-logos__empty,.pro-owner-logos__hint{color:var(--pro-muted);font-size:14px;margin:0 0 16px}.pro-owner-logos__hint{font-size:13px;margin:0}
.pro-owner-logos__form{border-top:1px solid var(--pro-line);display:grid;gap:12px;max-width:520px;padding-top:18px}.pro-owner-logos__form label{display:grid;gap:5px}.pro-owner-logos__form label>span{color:var(--pro-muted);font-size:12px;font-weight:800}.pro-owner-logos__form input[type=text],.pro-owner-logos__form input[type=file]{background:#f8fafb;border:1px solid #d8e1e5;border-radius:10px;color:var(--pro-ink);font-size:14px;min-height:44px;padding:8px 12px}.pro-owner-logos__form input:focus{border-color:var(--pro-accent);outline:0;box-shadow:0 0 0 2.5px rgba(239,116,76,.12)}.pro-owner-logos__form .pro-org-button{justify-self:start}
/* « Déplacer ou agrandir mon logo » : un vrai bouton sous l'aperçu, pas une
   pastille posée sur la photo qu'on prenait pour une commande de l'image. */
.pro-logo-detail .pro-placement-open{background:#fff;border:1.5px solid var(--pro-accent);border-radius:12px;box-shadow:none;color:var(--pro-accent-dark);display:flex;font-size:15px;justify-content:center;margin:10px 0 4px;max-width:440px;min-height:48px;position:static;width:100%}
.pro-logo-detail .pro-placement-open:hover{background:var(--pro-soft);border-color:var(--pro-accent-dark)}
.pro-logo-detail .pro-placement-open[hidden]{display:none}
/* Loupe au survol du grand aperçu (souris seulement, voir pro-space.js). */
.pro-logo-detail__frame{position:relative}.pro-logo-detail__frame.is-lensing{cursor:none}
.pro-logo-lens{background-color:#fff;background-repeat:no-repeat;border:3px solid var(--pro-accent);border-radius:50%;box-shadow:0 8px 24px rgba(22,52,79,.28);height:200px;pointer-events:none;position:absolute;width:200px;z-index:4}
.pro-logo-lens[hidden]{display:none}
.pro-logo-detail.is-placing .pro-logo-lens{display:none}
/* Accueil : « Choisissez votre logo », section à part avec de grandes tuiles. */
.pro-logo-showcase__list{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));list-style:none;margin:0;padding:0}
.pro-logo-showcase__choice{align-items:center;background:#fff;border:2px solid var(--pro-line);border-radius:16px;color:var(--pro-ink);display:flex;flex-direction:column;gap:10px;height:100%;padding:14px 12px 12px;position:relative;text-align:center;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.pro-logo-showcase__choice:hover{border-color:#94a3b8;transform:translateY(-1px)}
.pro-logo-showcase__choice.is-selected{border-color:var(--pro-accent);box-shadow:0 0 0 4px var(--pro-soft,rgba(239,116,76,.16))}
.pro-logo-showcase__choice:focus-visible{outline:3px solid var(--pro-accent);outline-offset:2px}
.pro-logo-showcase__image{align-items:center;background:#f4f6f7;border-radius:12px;display:flex;height:96px;justify-content:center;padding:10px;width:100%}
.pro-logo-showcase__image img{height:100%;max-width:100%;object-fit:contain;width:auto}
.pro-logo-showcase__label{font-size:14px;font-weight:800;line-height:1.25}
.pro-logo-showcase__badge{background:var(--pro-accent);border-radius:999px;color:#fff;font-size:11px;font-weight:850;padding:3px 9px;position:absolute;right:8px;top:8px}
.pro-logo-showcase__badge::before{content:"✓ "}
@media(max-width:640px){.pro-logo-showcase__list{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-logo-showcase__image{height:80px}}

/* Panneau « Demande de devis » : une carte par article, étapes numérotées, champs homogènes, tarif visible, pied collant. Tout suit la couleur de l'espace (--pro-accent, --pro-accent-dark, --pro-soft). */
.pro-quote-panel{--pro-text-2:#4f5f6e;--pro-field-line:#c3ced5;--pro-accent-line:var(--pro-line);--pro-accent-ring:rgba(22,52,79,.18)}
@supports (color:color-mix(in srgb,red,blue)){.pro-quote-panel{--pro-accent-line:color-mix(in srgb,var(--pro-accent) 28%,#fff);--pro-accent-ring:color-mix(in srgb,var(--pro-accent) 24%,transparent)}}
.pro-quote-panel{padding-bottom:12px}
.pro-quote-panel>header{margin-bottom:20px}.pro-quote-panel>header span{color:var(--pro-accent-dark);font-size:11px}.pro-quote-panel>header p{color:var(--pro-text-2);font-size:14px;margin-top:2px}.pro-quote-panel>header>button{flex:none;height:44px;width:44px}
.pro-quote-panel form{gap:20px}
.pro-quote-lines{gap:18px}
.pro-quote-line{border:1px solid var(--pro-line);border-radius:18px;box-shadow:0 1px 2px rgba(22,52,79,.05),0 10px 28px rgba(22,52,79,.06);overflow:hidden;padding:0}
.pro-quote-line__heading{align-items:flex-start;border-bottom:1px solid var(--pro-line);display:grid;gap:14px;grid-template-columns:64px minmax(0,1fr) auto;margin:0;padding:16px}
.pro-quote-line__thumb{align-items:center;background:var(--pro-soft);border:1px solid var(--pro-line);border-radius:14px;color:var(--pro-accent);display:flex;height:64px;justify-content:center;overflow:visible;position:relative;width:64px}
.pro-quote-line__thumb>img:first-child{border-radius:13px;height:100%;object-fit:cover;width:100%}
.pro-quote-line__thumb-logo{background:#fff;border:2px solid #fff;border-radius:50%;bottom:-6px;box-shadow:0 2px 6px rgba(22,52,79,.2);height:26px;object-fit:contain;position:absolute;right:-6px;width:26px}
.pro-quote-line__title-group{align-items:flex-start;display:flex;flex-direction:column;gap:5px;min-width:0}
.pro-quote-line__index{color:var(--pro-text-2);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.pro-quote-line__heading strong.pro-quote-line__name{color:var(--pro-ink);font-size:18px;font-weight:850;letter-spacing:-.015em;line-height:1.25;overflow-wrap:anywhere}
.pro-quote-line__ref{background:#f1f4f6;border:1px solid var(--pro-line);border-radius:999px;color:#3d4f5f;font-size:11px;font-weight:750;letter-spacing:.03em;padding:3px 9px}
.pro-quote-line__placement{border-color:var(--pro-accent-line);border-radius:999px;font-size:11px;padding:3px 9px}
.pro-quote-line__heading button.pro-quote-line__remove{color:var(--pro-text-2);font-size:13px;font-weight:700;margin:-10px -6px 0 0;min-height:44px;padding:0 6px;text-decoration:underline;text-underline-offset:3px}
.pro-quote-line__heading button.pro-quote-line__remove:hover{color:#b42318}
.pro-quote-steps{list-style:none;margin:0;padding:0 16px}
.pro-quote-step{border-top:1px solid var(--pro-line);padding:16px 0}
.pro-quote-step:first-child{border-top:0}
.pro-quote-step.is-current{background:var(--pro-soft);border-radius:14px;border-top-color:transparent;box-shadow:inset 4px 0 0 var(--pro-accent);margin:10px -8px;padding:14px 12px 16px 14px}
.pro-quote-step.is-current+.pro-quote-step{border-top-color:transparent}
.pro-quote-step__head{align-items:center;display:flex;gap:10px;min-height:28px}
.pro-quote-step__num{align-items:center;background:#fff;border:2px solid var(--pro-field-line);border-radius:50%;color:var(--pro-text-2);display:inline-flex;flex:none;font-size:13px;font-weight:900;height:28px;justify-content:center;width:28px}
.pro-quote-step.is-current .pro-quote-step__num{background:var(--pro-accent);border-color:var(--pro-accent);box-shadow:0 0 0 4px var(--pro-accent-ring);color:#fff}
.pro-quote-step.is-done .pro-quote-step__num{background:var(--pro-accent);border-color:var(--pro-accent);color:#fff;font-size:14px}
.pro-quote-step__title{color:var(--pro-ink);font-size:14px;font-weight:800;line-height:1.3;margin:0;min-width:0;overflow-wrap:anywhere}
.pro-quote-step__head .pro-color-capsule__swatch--inline{height:16px;width:16px}
.pro-quote-step__aside{color:var(--pro-text-2);flex:none;font-size:12px;font-weight:700;margin-left:auto}
.pro-quote-step__body{margin-top:12px;padding-left:38px}
.pro-quote-step__body.pro-quote-color-picker,.pro-quote-step__body.pro-quote-logo-picker{background:none;border:0;border-radius:0;display:block;margin-bottom:0;padding:0 0 0 38px}
.pro-quote-color-capsules{gap:8px;max-height:none;overflow:visible;padding:0}
.pro-color-capsule{border:1.5px solid var(--pro-field-line);box-shadow:none;gap:8px;min-height:40px;padding:6px 13px 6px 8px}
.pro-color-capsule:hover{border-color:var(--pro-accent);transform:none}
.pro-color-capsule__swatch{height:20px;width:20px}
.pro-color-capsule__name{color:var(--pro-ink);font-size:13px;font-weight:650}
.pro-color-capsule.is-selected{background:var(--pro-soft);border:2px solid var(--pro-accent);box-shadow:none;padding:5px 12px 5px 7px}
.pro-color-capsule.is-selected::after{color:var(--pro-accent);font-size:13px}
.pro-quote-logo-picker__choices{gap:8px}
.pro-quote-logo-picker__choice{border:1.5px solid var(--pro-field-line);color:var(--pro-ink);font-size:13px;font-weight:650;gap:8px;min-height:44px;padding:4px 14px 4px 5px}
.pro-quote-logo-picker__choice img{height:32px;width:32px}
.pro-quote-logo-picker__choice.is-selected{background:var(--pro-soft);border:2px solid var(--pro-accent);box-shadow:none;padding:3px 13px 3px 4px}
.pro-quote-panel .pro-quote-line__grid{align-items:end;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.pro-quote-panel .pro-quote-line label,.pro-quote-panel fieldset label{color:var(--pro-ink);display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:6px;min-width:0}
.pro-quote-panel fieldset label small{color:var(--pro-text-2);font-size:12px;font-weight:600}
.pro-quote-line__notes>span{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
.pro-quote-panel .pro-quote-line input,.pro-quote-panel .pro-quote-line select,.pro-quote-panel .pro-quote-line textarea,.pro-quote-panel fieldset input,.pro-quote-panel fieldset textarea{-webkit-appearance:none;appearance:none;background-color:#fff;border:1.5px solid var(--pro-field-line);border-radius:10px;box-sizing:border-box;color:var(--pro-ink);font:inherit;font-size:16px;font-weight:600;height:48px;margin:0;min-height:48px;padding:0 12px;width:100%}
.pro-quote-panel .pro-quote-line textarea,.pro-quote-panel fieldset textarea{height:auto;line-height:1.45;min-height:88px;padding:11px 12px;resize:vertical}
.pro-quote-panel .pro-quote-line select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%234f5f6e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}
.pro-quote-panel .pro-quote-line input::placeholder,.pro-quote-panel .pro-quote-line textarea::placeholder,.pro-quote-panel fieldset input::placeholder,.pro-quote-panel fieldset textarea::placeholder{color:#7a8894;font-weight:500}
.pro-quote-panel .pro-quote-line input:focus,.pro-quote-panel .pro-quote-line select:focus,.pro-quote-panel .pro-quote-line textarea:focus,.pro-quote-panel fieldset input:focus,.pro-quote-panel fieldset textarea:focus{border-color:var(--pro-accent);box-shadow:0 0 0 3px var(--pro-accent-ring);outline:0}
.pro-quote-panel .pro-quote-line select:disabled{background-color:#f3f5f7;color:var(--pro-text-2);cursor:not-allowed}
.pro-quote-line__price{background:var(--pro-soft);border:1px solid var(--pro-accent-line);border-radius:14px;box-shadow:none;gap:10px;margin:0 16px 16px;padding:14px 16px}
.pro-quote-line__price--waiting,.pro-quote-line__price--loading{background:#f7f9fa;border:1.5px dashed var(--pro-field-line);color:var(--pro-ink-2);font-size:14px;font-style:normal;font-weight:650;line-height:1.4}
.pro-quote-line__price--ready{background:var(--pro-soft);border-color:var(--pro-accent-line);box-shadow:none}
.pro-quote-line__price-grid{align-items:flex-end;border:0;display:flex;gap:12px;justify-content:space-between;padding:0}
.pro-quote-line__price-unit-caption,.pro-quote-line__price-subtotal-caption{color:var(--pro-text-2);font-size:12px;font-weight:750;letter-spacing:0;text-transform:none}
.pro-quote-line__price-unit-val{color:var(--pro-ink-2);font-size:13px;font-weight:650}
.pro-quote-line__price-unit-val strong{color:var(--pro-ink);font-size:18px;font-weight:850}
.pro-quote-line__price-subtotal-val{color:var(--pro-accent-dark);font-size:14px;font-weight:700;letter-spacing:0}
.pro-quote-line__price-subtotal-val strong{display:block;font-size:26px;font-weight:900;letter-spacing:-.03em;line-height:1.1}
.pro-quote-line__price-subtotal-val small{color:var(--pro-text-2);font-size:12px;font-weight:650;margin:0}
.pro-quote-line__price-header{border-top:1px solid var(--pro-accent-line);padding-top:10px}
.pro-quote-line__tier-badge{background:var(--pro-accent);color:#fff;font-size:12px}
.pro-quote-line__tier-label{color:var(--pro-ink);font-size:13px;font-weight:750}
.pro-quote-line__next-tier,.pro-quote-line__next-copy{color:var(--pro-text-2);font-size:12px}
.pro-quote-line__next-pill,.pro-quote-line__next-pill--max{background:#fff;border:1px solid var(--pro-accent-line);color:var(--pro-ink);font-size:11px}
.pro-quote-line__next-pill--close{background:#fff7e6;border-color:#f1d08a;color:#7a4a00}
.pro-quote-line__tier-progress{background:rgba(22,52,79,.1);height:6px}
.pro-quote-line__tier-progress i{background:var(--pro-accent)}
.pro-quote-line__price-footer{border-top:0;color:var(--pro-text-2);font-size:12px;margin:0;padding:0}
.pro-quote-live-price{background:#fff;border:2px solid var(--pro-accent);border-radius:18px;box-shadow:0 10px 28px rgba(22,52,79,.08);color:var(--pro-ink);font-size:14px;font-weight:600;padding:18px}
.pro-quote-live-price[data-state="waiting"],.pro-quote-live-price[data-state="loading"]{background:#fff;border:2px dashed var(--pro-accent-line);color:var(--pro-ink)}
.pro-quote-live-price[data-state="error"]{background:#fff6f5;border:2px solid #e3a59b;color:#8b2c1f}
.pro-quote-live-price__top{align-items:flex-start}
.pro-quote-live-price__top>div:first-child{gap:4px}
.pro-quote-live-price__top span{color:var(--pro-accent-dark);font-size:11px;font-weight:900;letter-spacing:.1em}
.pro-quote-live-price__top strong{color:var(--pro-ink);font-size:32px;font-weight:900}
.pro-quote-live-price__top strong.is-pending{color:var(--pro-ink-2);font-size:22px;font-weight:850;letter-spacing:-.02em}
.pro-quote-live-price__top em{color:var(--pro-ink);font-size:14px;font-style:normal;font-weight:750}
.pro-quote-live-price__top small{color:var(--pro-text-2);font-size:12px}
.pro-quote-live-price__message{color:var(--pro-text-2);font-size:14px;font-weight:600;line-height:1.45;margin:10px 0 0}
.pro-quote-live-price__saving{background:var(--pro-accent);box-shadow:none;color:#fff;flex:none;font-size:16px;min-height:44px;min-width:72px}
.pro-quote-live-price__breakdown{border-bottom:0;border-top:1px solid var(--pro-line);margin:14px 0 0;padding:14px 0 0}
.pro-quote-live-price__breakdown-title{color:var(--pro-text-2);font-size:12px;font-weight:800;letter-spacing:.06em}
.pro-quote-live-price__table-row{background:#f7f9fa;border:1px solid var(--pro-line);border-radius:10px;padding:9px 12px}
.pro-quote-live-price__table-col-name{font-size:13px}
.pro-quote-live-price__table-col-name small,.pro-quote-live-price__table-col-unit,.pro-quote-live-price__line-next-tier{color:var(--pro-text-2);font-size:12px}
.pro-quote-live-price__table-col-subtotal{color:var(--pro-ink);font-size:14px}
.pro-quote-qty-tag{background:var(--pro-soft);color:var(--pro-ink)}
.pro-quote-live-price__notice{background:#f7f9fa;border:1px solid var(--pro-line);color:var(--pro-ink-2);font-size:12px}
.pro-quote-live-price__notice strong{color:var(--pro-ink)}
.pro-quote-live-price__notice-badge{background:var(--pro-ink)}
.pro-quote-panel fieldset.pro-quote-project{border-radius:18px;box-shadow:0 1px 2px rgba(22,52,79,.05);padding:18px 16px}
.pro-quote-project legend{align-items:center;color:var(--pro-ink);display:flex;float:left;font-size:18px;font-weight:850;gap:10px;letter-spacing:-.015em;margin:0;padding:0;width:100%}
.pro-quote-project__icon{align-items:center;background:var(--pro-accent);border-radius:50%;color:#fff;display:inline-flex;flex:none;height:30px;justify-content:center;width:30px}
.pro-quote-project__intro{clear:both;color:var(--pro-text-2);font-size:14px;margin:4px 0 16px 40px}
.pro-quote-project .pro-quote-grid{gap:14px}
.pro-quote-panel .pro-quote-logo{background:none;border:0;border-radius:0;gap:14px;padding:2px 0}
.pro-quote-panel .pro-quote-logo img{border:1px solid var(--pro-line);border-radius:12px;height:56px;width:56px}
.pro-quote-panel .pro-quote-logo strong{font-size:14px}
.pro-quote-panel .pro-quote-logo small{color:var(--pro-text-2);font-size:13px}
.pro-quote-panel .pro-quote-submit{align-items:center;backdrop-filter:blur(10px);background:rgba(255,255,255,.97);border-top:1px solid var(--pro-line);bottom:0;box-shadow:0 -10px 26px rgba(22,52,79,.1);display:flex;flex-direction:row;gap:16px;justify-content:space-between;margin:0 -28px;padding:12px 28px calc(12px + env(safe-area-inset-bottom));position:sticky;z-index:5}
.pro-quote-submit__summary{display:flex;flex:none;flex-direction:column;gap:1px;min-width:0}
.pro-quote-submit__summary span{color:var(--pro-text-2);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pro-quote-submit__summary strong{color:var(--pro-ink);font-size:20px;font-weight:900;letter-spacing:-.02em;line-height:1.15;white-space:nowrap}
.pro-quote-submit__summary[data-state="waiting"] strong,.pro-quote-submit__summary[data-state="loading"] strong,.pro-quote-submit__summary[data-state="error"] strong{color:var(--pro-ink-2);font-size:17px}
.pro-quote-submit__summary small{color:var(--pro-text-2);font-size:12px;font-weight:600;white-space:nowrap}
.pro-quote-panel .pro-quote-submit button{background:var(--pro-accent);border-radius:12px;box-shadow:0 6px 16px var(--pro-accent-ring);font-size:15px;font-weight:850;line-height:1.2;min-height:52px;padding:8px 22px;width:auto}
.pro-quote-panel .pro-quote-submit button:hover:not(:disabled){background:var(--pro-accent-dark)}
.pro-quote-legal{color:var(--pro-text-2);font-size:12px;line-height:1.45;margin-top:-8px;text-align:center}
@media(max-width:640px){
.pro-quote-panel>header h2{font-size:26px}
.pro-quote-line__heading{gap:12px;grid-template-columns:56px minmax(0,1fr) auto;padding:14px}
.pro-quote-line__thumb{height:56px;width:56px}
.pro-quote-line__heading strong.pro-quote-line__name{font-size:17px}
.pro-quote-steps{padding:0 14px}
.pro-quote-step__body,.pro-quote-step__body.pro-quote-color-picker,.pro-quote-step__body.pro-quote-logo-picker{padding-left:0}
.pro-quote-step.is-current{margin:8px -6px;padding:12px 10px 14px 12px}
.pro-color-capsule{font-size:13px;padding:6px 12px 6px 8px}
.pro-color-capsule__swatch{height:20px;width:20px}
.pro-color-capsule__name{font-size:13px}
.pro-quote-line__price{margin:0 14px 14px;padding:14px}
.pro-quote-panel .pro-quote-submit{gap:12px;margin:0 -14px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
.pro-quote-panel .pro-quote-submit button{flex:1;font-size:14px;padding:8px 14px}
.pro-quote-live-price__top strong{font-size:28px}
.pro-quote-live-price__table-row{flex-wrap:wrap;row-gap:6px}
.pro-quote-live-price__table-col-name{flex:1 1 100%}
.pro-quote-live-price__table-col-unit{margin-right:auto}
}
/* Étape 5b : sélecteur Textile / Cadeaux, fiche « cadeau d'entreprise », prix sur devis. */
.pro-catalog-switch{background:var(--pro-paper);border:1px solid var(--pro-line);border-radius:14px;box-shadow:0 2px 10px rgba(22,52,79,.05);display:inline-grid;gap:4px;grid-auto-flow:column;margin:0 0 22px;padding:4px}
.pro-catalog-switch__choice{align-items:center;border-radius:10px;color:var(--pro-ink);display:inline-flex;font-size:15px;font-weight:800;gap:8px;justify-content:center;min-height:44px;min-width:150px;padding:0 20px;text-decoration:none;transition:background .15s ease,color .15s ease}
.pro-catalog-switch__choice svg{flex:0 0 18px;height:18px;width:18px}
.pro-catalog-switch__choice:hover{background:var(--pro-soft)}
.pro-catalog-switch__choice.is-active{background:var(--pro-accent);color:#fff}
.pro-catalog-switch__choice:focus-visible{outline:3px solid var(--pro-accent);outline-offset:2px}
.pro-product__prices--quote strong{color:var(--pro-ink)}
.pro-product__prices--quote span{color:var(--pro-muted);font-size:13px}
.pro-gift-subtitle{color:var(--pro-muted);display:block;font-size:15px;font-weight:650;margin-top:4px}
.pro-gift-preview-soon{align-items:center;background:var(--pro-soft);border:1px dashed var(--pro-line);border-radius:12px;color:var(--pro-ink-2);display:flex;font-size:13px;font-weight:700;gap:10px;margin:12px 0 0;padding:12px 14px}
.pro-gift-preview-soon svg{flex:0 0 18px}
.pro-gift-colors{margin:0 0 18px}
.pro-gift-colors strong{display:block;font-size:13px;margin-bottom:8px}
.pro-gift-colors ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.pro-gift-colors li{align-items:center;background:var(--pro-paper);border:1px solid var(--pro-line);border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:5px 10px 5px 6px}
.pro-gift-colors .color-dot{border:1px solid rgba(22,52,79,.18);border-radius:50%;display:inline-block;height:14px;width:14px}
.pro-gift-marking{background:var(--pro-paper);border:1px solid var(--pro-line);border-radius:14px;margin:0 0 18px;padding:16px 18px}
.pro-gift-marking h3{font-size:16px;margin:0 0 8px}
.pro-gift-marking p,.pro-gift-marking li{font-size:14px;line-height:1.5}
.pro-gift-marking p{margin:0 0 8px}
.pro-gift-marking ul{margin:0 0 8px;padding-left:20px}
.pro-gift-marking__lead{font-weight:750}
.pro-gift-marking__zones{border-collapse:collapse;font-size:13px;margin:6px 0 10px;width:100%}
.pro-gift-marking__zones caption{font-weight:800;padding-bottom:6px;text-align:left}
.pro-gift-marking__zones th,.pro-gift-marking__zones td{border-top:1px solid var(--pro-line);padding:7px 6px;text-align:left}
.pro-gift-marking__delay strong{display:block}
/* Étape 5c : choix de la zone et de la technique d'un cadeau, mention sur les couleurs. */
.pro-gift-choice{background:var(--pro-paper);border:1px solid var(--pro-line);border-radius:14px;margin:0 0 18px;padding:16px 18px}
.pro-gift-choice h3{font-size:16px;margin:0 0 10px}
.pro-gift-choice__fields{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.pro-gift-choice label{color:var(--pro-muted);display:grid;font-size:12px;font-weight:800;gap:5px}
.pro-gift-choice select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%234f5f6e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;border:1.5px solid var(--pro-field-line,#d8e1e5);border-radius:10px;box-sizing:border-box;color:var(--pro-ink);font:inherit;font-size:16px;font-weight:600;height:46px;padding:0 34px 0 12px;width:100%}
.pro-gift-choice select:focus{border-color:var(--pro-accent);box-shadow:0 0 0 3px var(--pro-accent-ring,rgba(0,0,0,.1));outline:0}
.pro-gift-choice__detail{color:var(--pro-ink-2);font-size:14px;margin:10px 0 0}
.pro-gift-choice__detail:empty{display:none}
.pro-gift-choice__hint{color:var(--pro-muted);font-size:13px;line-height:1.45;margin:8px 0 0}
.pro-gift-logo__notice{background:var(--pro-soft);border-radius:10px;color:var(--pro-ink-2);font-size:13px;line-height:1.45;margin:10px auto 0;max-width:440px;padding:9px 12px;text-align:center}
.pro-gift-logo__notice[hidden]{display:none}
@media(max-width:640px){.pro-gift-choice__fields{grid-template-columns:1fr}}
.pro-quote-line__price--quote{background:var(--pro-soft);border-radius:12px;display:grid;gap:4px;padding:12px 14px}
.pro-quote-line__price--quote span{color:var(--pro-muted);font-size:13px}
@media(max-width:640px){
  .pro-catalog-switch{display:grid;grid-template-columns:1fr 1fr;width:100%;box-sizing:border-box}
  .pro-catalog-switch__choice{min-width:0;padding:0 10px}
  .pro-gift-marking__zones th:last-child,.pro-gift-marking__zones td:last-child{white-space:nowrap}
}
/* Étape 5b : sur mobile, les rayons deviennent un rail horizontal de pastilles
   (le bloc #popelup-pro-sidebar-override du gabarit les empilait en colonnes
   très hautes ; 35 rayons de cadeaux rendaient la page inutilisable). Les
   sous-rayons restent accessibles par les cartes du rayon ouvert. */
@media(max-width:980px){
  body.popelup-pro-site .pro-shell .pro-sidebar{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:6px!important;height:auto!important;overflow-x:auto!important;overflow-y:hidden!important;padding:10px 16px!important;position:static!important;scrollbar-width:none}
  body.popelup-pro-site .pro-shell .pro-sidebar::-webkit-scrollbar{display:none}
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-sidebar__heading,
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-section-label,
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-favorites,
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-children,
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-caret,
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-count,
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-icon-badge,
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-star-btn,
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-sidebar__all-icon{display:none!important}
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-sidebar__all{align-items:center!important;background:var(--pro-paper)!important;border:1px solid var(--pro-line)!important;border-radius:999px!important;box-shadow:none!important;color:var(--pro-ink)!important;display:inline-flex!important;flex:0 0 auto!important;gap:6px!important;height:40px!important;margin:0!important;min-height:40px!important;padding:0 14px!important;white-space:nowrap!important;width:auto!important}
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-sidebar__all.is-active{background:var(--pro-accent)!important;border-color:var(--pro-accent)!important;color:#fff!important}
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-nav{display:flex!important;flex:0 0 auto!important;flex-direction:row!important;gap:6px!important}
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-node,
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-leaf{flex:0 0 auto!important;margin:0!important;min-height:0!important;padding:0!important;width:auto!important}
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-summary,
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-link-leaf{align-items:center!important;background:var(--pro-paper)!important;border:1px solid var(--pro-line)!important;border-radius:999px!important;display:inline-flex!important;height:40px!important;min-height:40px!important;padding:0 14px!important;width:auto!important}
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-summary.is-active,
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-link-leaf.is-active,
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-node[open] > .pro-tree-summary{background:var(--pro-soft)!important;border-color:var(--pro-accent)!important}
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-link,
  body.popelup-pro-site .pro-shell .pro-sidebar .pro-tree-link-leaf .pro-tree-label{color:var(--pro-ink)!important;font-size:14px!important;font-weight:750!important;overflow:visible!important;white-space:nowrap!important}
}
/* Icônes sans taille dans le gabarit (la feuille des icônes n'est pas chargée ici). */
.pro-btn-back svg{height:16px;width:16px}
/* Photo d'un cadeau qui ne se charge pas : case neutre (pro-space.js). */
.pro-photo-missing{align-items:center;aspect-ratio:1/1;background:var(--pro-canvas);border-radius:12px;color:var(--pro-muted);display:flex;font-size:13px;font-weight:700;justify-content:center;min-height:120px;width:100%}
.pro-product-detail__thumbs .pro-photo-missing{display:none}
.pro-gift-color{align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;padding:0}
.pro-gift-colors li:has(.pro-gift-color.is-active){border-color:var(--pro-accent);box-shadow:0 0 0 1px var(--pro-accent)}
.pro-gift-color:focus-visible{outline:3px solid var(--pro-accent);outline-offset:3px;border-radius:999px}
/* Mobile : le nom de l'organisation tient sur 2 lignes au plus (police adaptative, puis ellipse). */
@media(max-width:640px){
  .pro-brand--organization{min-width:0}
  .pro-brand--organization .pro-brand__organization{min-width:0}
  .pro-brand--organization .pro-brand__organization strong{-webkit-box-orient:vertical;display:-webkit-box;font-size:clamp(12px,3.4vw,15px);-webkit-line-clamp:2;line-clamp:2;line-height:1.15;overflow:hidden;overflow-wrap:normal;word-break:normal;hyphens:none}
  .pro-brand--organization .pro-brand__organization small{display:none}
}

/* Devis en accordéon : chaque article (et « Votre projet ») est une ligne repliable d'environ 72 px ; une seule section dépliée à la fois. */
.pro-quote-progress{align-items:center;display:flex;gap:12px;margin-top:12px}
.pro-quote-progress[hidden]{display:none}
.pro-quote-progress>span:first-child{color:var(--pro-ink);flex:none;font-size:13px;font-weight:800}
.pro-quote-progress__track{background:rgba(22,52,79,.1);border-radius:999px;flex:1;height:6px;overflow:hidden}
.pro-quote-progress__track i{background:var(--pro-accent);border-radius:inherit;display:block;height:100%;transition:width .3s ease;width:0}
.pro-quote-lines{gap:10px}
.pro-quote-line,.pro-quote-panel fieldset.pro-quote-project{scroll-margin-top:12px}
.pro-quote-line__toggle,.pro-quote-project__toggle{align-items:center;background:#fff;border:0;color:var(--pro-ink);cursor:pointer;display:grid;font:inherit;gap:12px;min-height:72px;padding:12px 14px;text-align:left;width:100%}
.pro-quote-line__toggle{grid-template-columns:48px minmax(0,1fr) auto 14px}
.pro-quote-line__toggle:focus-visible,.pro-quote-project__toggle:focus-visible{border-radius:18px;outline:3px solid var(--pro-accent);outline-offset:-3px}
.pro-quote-line.is-open>.pro-quote-line__toggle{border-bottom:1px solid var(--pro-line);box-shadow:inset 4px 0 0 var(--pro-accent)}
.pro-quote-line__toggle .pro-quote-line__thumb{height:48px;width:48px}
.pro-quote-line__toggle .pro-quote-line__thumb>img:first-child{border-radius:11px}
.pro-quote-line__toggle .pro-quote-line__thumb-logo{bottom:-5px;height:22px;right:-5px;width:22px}
.pro-quote-line__toggle .pro-quote-line__title-group{gap:2px}
.pro-quote-line__toggle .pro-quote-line__name{color:var(--pro-ink);display:block;font-size:15px;font-weight:850;letter-spacing:-.01em;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro-quote-line__summary{color:var(--pro-text-2);display:block;font-size:13px;font-weight:600;line-height:1.35;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro-quote-line__status{align-items:flex-end;background:#f1f4f6;border:1px solid var(--pro-line);border-radius:10px;display:flex;flex-direction:column;gap:0;line-height:1.2;padding:4px 9px;white-space:nowrap}
.pro-quote-line__status strong{color:var(--pro-ink);font-size:12px;font-weight:850}
.pro-quote-line__status small{color:var(--pro-text-2);font-size:11.5px;font-weight:650}
.pro-quote-line__status small:empty{display:none}
.pro-quote-line__status.is-ready{background:var(--pro-soft);border-color:var(--pro-accent-line)}
.pro-quote-line__status.is-ready strong{color:var(--pro-accent-dark)}
.pro-quote-line__status.is-ready small{color:var(--pro-ink);font-weight:800}
.pro-quote-line__chevron{border-bottom:2px solid var(--pro-text-2);border-right:2px solid var(--pro-text-2);display:block;height:9px;margin-top:-5px;transform:rotate(45deg);transition:transform .2s ease;width:9px}
[aria-expanded="true"]>.pro-quote-line__chevron{margin-top:5px;transform:rotate(-135deg)}
.pro-quote-line__body[hidden],.pro-quote-project__body[hidden]{display:none}
.pro-quote-line__body .pro-quote-line__heading{align-items:center;border-bottom:0;display:flex;gap:10px;grid-template-columns:none;justify-content:space-between;padding:10px 16px 0}
.pro-quote-line__meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px 8px;min-width:0}
.pro-quote-line__body .pro-quote-line__heading button.pro-quote-line__remove{flex:none;margin:0 -6px 0 0}
.pro-quote-panel fieldset.pro-quote-project{overflow:hidden;padding:0}
.pro-quote-panel .pro-quote-project legend{display:block;float:left;margin:0;padding:0;width:100%}
.pro-quote-project__toggle{grid-template-columns:30px minmax(0,1fr) 14px;min-height:64px;padding:14px 16px}
.pro-quote-project__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.pro-quote-project__text strong{color:var(--pro-ink);font-size:17px;font-weight:850;letter-spacing:-.015em}
.pro-quote-project__text span{color:var(--pro-text-2);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro-quote-project.is-ready .pro-quote-project__text span{color:var(--pro-accent-dark);font-weight:750}
.pro-quote-project.is-open .pro-quote-project__toggle{border-bottom:1px solid var(--pro-line);box-shadow:inset 4px 0 0 var(--pro-accent)}
.pro-quote-project__body{clear:both;padding:14px 16px 18px}
.pro-quote-project__body .pro-quote-project__intro{margin:0 0 14px}
@media(max-width:640px){
.pro-quote-line__toggle{gap:10px;padding:12px}
.pro-quote-line__body .pro-quote-line__heading{padding:10px 14px 0}
.pro-quote-project__toggle{padding:14px 12px}
.pro-quote-project__body{padding:14px 14px 16px}
}
.pro-quote-panel>header .pro-quote-progress>span:first-child{color:var(--pro-ink);font-size:13px;font-weight:800;letter-spacing:0}
/* Ligne repliée : le résumé (couleur, pièces, détail des tailles, marquage) tient sur deux lignes. */
.pro-quote-line__summary{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;white-space:normal}
/* Grille de tailles : une case par taille de la couleur, total en direct. */
.pro-quote-size-grid{display:grid;gap:10px}
.pro-quote-size-grid__cells{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}
.pro-quote-size-grid__cell{display:grid;gap:4px;justify-items:stretch;margin:0;text-align:center}
.pro-quote-size-grid__cell>span{color:var(--pro-text-2);font-size:12.5px;font-weight:850;letter-spacing:.02em}
.pro-quote-panel .pro-quote-line .pro-quote-size-grid__cell input{font-variant-numeric:tabular-nums;padding:0 4px;text-align:center}
.pro-quote-size-grid__cell.is-filled>span{color:var(--pro-accent-dark)}
.pro-quote-panel .pro-quote-line .pro-quote-size-grid__cell.is-filled input{background-color:var(--pro-soft);border-color:var(--pro-accent-line)}
.pro-quote-size-grid__total{align-items:baseline;background:#f6f8f9;border:1px solid var(--pro-line);border-radius:10px;display:flex;flex-wrap:wrap;gap:4px 10px;margin:0;padding:9px 12px}
.pro-quote-size-grid__total span{color:var(--pro-text-2);font-size:13px;font-weight:750}
.pro-quote-size-grid__total strong{color:var(--pro-ink);font-size:16px;font-weight:850}
.pro-quote-size-grid__total small{color:var(--pro-text-2);font-size:12.5px;font-weight:600}
.pro-quote-size-grid__total:not(.is-empty){background:var(--pro-soft);border-color:var(--pro-accent-line)}
/* Pas de flèches sur les champs numériques du devis. */
.pro-quote-panel input[type=number]{-moz-appearance:textfield}
.pro-quote-panel input[type=number]::-webkit-inner-spin-button,.pro-quote-panel input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
@media(max-width:640px){
/* Ligne repliée sur téléphone : nom et résumé sur toute la largeur, l'état dessous. */
.pro-quote-line__toggle{align-items:start;grid-template-columns:48px minmax(0,1fr) 14px;row-gap:6px}
.pro-quote-line__toggle .pro-quote-line__thumb{grid-column:1;grid-row:1/3}
.pro-quote-line__toggle .pro-quote-line__title-group{grid-column:2;grid-row:1}
.pro-quote-line__toggle .pro-quote-line__status{align-items:baseline;flex-direction:row;gap:6px;grid-column:2;grid-row:2;justify-self:start;padding:3px 9px}
.pro-quote-line__toggle .pro-quote-line__chevron{align-self:center;grid-column:3;grid-row:1/3}
.pro-quote-size-grid__cells{gap:6px;grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}
.pro-quote-panel .pro-quote-line .pro-quote-size-grid__cell input{height:44px;min-height:44px}
}
/* Calcul automatique coupé : prix unitaire indicatif, puis la mention du dégressif. */
.pro-price-degressive{color:var(--pro-accent-dark);font-size:12px;font-weight:750;line-height:1.35;margin:6px 0 0}
.pro-quote-line__price--quote .pro-quote-line__price-unit-val strong{font-size:16px}
.pro-quote-line__price-degressive{color:var(--pro-accent-dark);font-size:12px;font-weight:750;line-height:1.35}
/* Aperçu équipe (« Voir l'espace comme un client ») : bandeau fixe en bas, discret, sous le panneau du devis. */
.pro-preview-bar{align-items:center;backdrop-filter:blur(10px);background:rgba(22,32,42,.92);bottom:0;box-shadow:0 -6px 20px rgba(10,29,43,.18);color:#f3f6f8;display:flex;font-size:13px;gap:16px;justify-content:center;left:0;line-height:1.35;padding:9px 18px calc(9px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:25}
.pro-preview-bar p{margin:0}.pro-preview-bar strong{color:#fff;font-weight:850}
.pro-preview-bar a{border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;flex:none;font-weight:800;padding:5px 12px;text-decoration:none}.pro-preview-bar a:hover,.pro-preview-bar a:focus-visible{background:rgba(255,255,255,.14)}
body.is-preview{padding-bottom:56px}body.is-preview .pro-quote-fab{bottom:72px}
.pro-quote-panel .pro-quote-submit button.pro-quote-submit__preview,.pro-quote-submit button.pro-quote-submit__preview{background:#e7ebee;box-shadow:none;color:#5b6872;cursor:not-allowed}
body.is-preview button[disabled][title="Désactivé en aperçu"]{cursor:not-allowed;opacity:.55}
@media(max-width:640px){.pro-preview-bar{font-size:12px;gap:10px;justify-content:space-between;padding:8px 14px calc(8px + env(safe-area-inset-bottom))}body.is-preview{padding-bottom:76px}body.is-preview .pro-quote-fab{bottom:84px}}
/* Accueil d'un espace à plusieurs catalogues : une carte par catalogue. */
.pro-org-catalogs__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.pro-org-catalog-card{display:flex;align-items:center;gap:18px;padding:14px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;color:#111827;text-decoration:none;transition:box-shadow .2s,transform .2s}
.pro-org-catalog-card:hover{box-shadow:0 12px 30px rgba(15,23,42,.10);transform:translateY(-2px);color:#111827;text-decoration:none}
.pro-org-catalog-card__image{flex:0 0 112px;width:112px;height:112px;border-radius:14px;background:#f4f4f5;overflow:hidden}
.pro-org-catalog-card__image img{display:block;width:100%;height:100%;object-fit:contain}
.pro-org-catalog-card__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.pro-org-catalog-card__body strong{font-size:1.15rem;line-height:1.2}
.pro-org-catalog-card__body>span{color:#4b5563;font-size:.92rem;line-height:1.4}
.pro-org-catalog-card__body .pro-org-catalog-card__cta{color:var(--pro-org-brand,#111827);font-weight:700}
@media(max-width:720px){.pro-org-catalog-card__image{flex-basis:88px;width:88px;height:88px}}
/* Sélections thématiques (Noël, Avent, Pâques, été, nom libre) : bandeau de la plus proche, sections et page d'une sélection. Couleurs de l'espace ; une pastille de saison discrète. */
.pro-org-season-banner{align-items:center;background:var(--pro-soft);border:1px solid var(--pro-line);border-radius:22px;display:grid;gap:clamp(18px,3vw,36px);grid-template-columns:minmax(0,1fr) auto;padding:clamp(20px,3vw,32px)}
.pro-org-season-banner h2{font-size:clamp(24px,3vw,34px);font-weight:950;letter-spacing:-.03em;line-height:1.1;margin:0 0 18px;max-width:620px}
.pro-org-season-banner__thumbs{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,96px))}
.pro-org-season-banner__thumbs span{aspect-ratio:1;background:#fff;border:1px solid var(--pro-line);border-radius:14px;display:block;overflow:hidden}
.pro-org-season-banner__thumbs img{display:block;height:100%;object-fit:contain;width:100%}
.pro-org-season .pro-eyebrow,.pro-org-season-banner .pro-eyebrow,.pro-org-season-page .pro-eyebrow{align-items:center;display:flex;gap:7px}
.pro-org-season .pro-eyebrow::before,.pro-org-season-banner .pro-eyebrow::before,.pro-org-season-page .pro-eyebrow::before{background:var(--pro-season-dot,var(--pro-accent));border-radius:50%;content:"";flex:none;height:8px;width:8px}
.pro-org-season--noel{--pro-season-dot:#c0392b}.pro-org-season--avent{--pro-season-dot:#c9a227}.pro-org-season--paques{--pro-season-dot:#6aa84f}.pro-org-season--ete{--pro-season-dot:#f0a030}
.pro-org-season__all{margin:18px 0 0;text-align:center}.pro-org-season__all .pro-org-button--ghost{color:var(--pro-accent-dark)}
.pro-org-season__preview-note{background:#fff7e0;border:1px solid #f0d58a;border-radius:10px;color:#6b4e00;font-size:13px;font-weight:700;margin:0 0 14px;padding:8px 12px}
.pro-org-season-page__back{color:var(--pro-muted);display:inline-block;font-size:14px;font-weight:800;margin-bottom:16px;text-decoration:none}.pro-org-season-page__back:hover{color:var(--pro-accent-dark)}
.pro-org-season-page__header{margin-bottom:22px}.pro-org-season-page__header h1{font-size:clamp(30px,4vw,46px);font-weight:950;letter-spacing:-.04em;line-height:1.05;margin:0 0 10px}.pro-org-season-page__header p{color:var(--pro-muted);font-size:16px;margin:0 0 6px}
.pro-org-season-page__more{color:var(--pro-muted);font-size:14px;margin:24px 0 0;text-align:center}.pro-org-season-page__more a{color:var(--pro-accent-dark);font-weight:800}
.pro-org-link-button{background:none;border:0;color:var(--pro-accent-dark);cursor:pointer;font:inherit;font-weight:800;padding:0;text-decoration:underline}
@media(max-width:820px){.pro-org-season-banner{grid-template-columns:1fr}.pro-org-season-banner__thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.pro-org-season-banner .pro-org-button{width:100%}}
.pro-org-hero__season{display:none}
@media(max-width:720px){.pro-org-hero__season{align-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:999px;color:inherit;display:inline-flex;font-size:13px;font-weight:800;gap:6px;margin-bottom:14px;padding:7px 12px;text-decoration:none}.pro-org-hero__season::before{background:#fff;border-radius:50%;content:"";height:7px;width:7px}}