.rec-button-products{background:#fff;color:#222;border-color:#fff}.rec-button-products:hover{background:#fff4ea;border-color:#fff4ea}

body.rec-product-hub-page{overflow-x:clip!important}
body.rec-product-hub-page #page,
body.rec-product-hub-page .site,
body.rec-product-hub-page .site-content,
body.rec-product-hub-page .ast-container,
body.rec-product-hub-page .content-area,
body.rec-product-hub-page .site-main,
body.rec-product-hub-page article,
body.rec-product-hub-page .entry-content,
body.rec-product-hub-page .elementor,
body.rec-product-hub-page .elementor-section-wrap,
body.rec-product-hub-page .elementor-element,
body.rec-product-hub-page .e-con,
body.rec-product-hub-page .e-con-inner{min-inline-size:0!important;max-inline-size:100%!important}
body.rec-product-hub-page .site-content,
body.rec-product-hub-page .content-area,
body.rec-product-hub-page .site-main,
body.rec-product-hub-page article,
body.rec-product-hub-page .entry-content{overflow-x:clip!important}
body.rec-product-hub-page img{max-inline-size:100%;block-size:auto}

.rec-product-hub{
 --o:#f47a20;--ink:#202124;--muted:#667085;--line:#e4e7ec;
 box-sizing:border-box;inline-size:min(100%,1200px);max-inline-size:100%;
 margin-inline:auto;padding:28px clamp(8px,2vw,18px) 80px;
 font-family:inherit;color:var(--ink);overflow-x:clip;direction:rtl
}
.rec-product-hub,.rec-product-hub *{box-sizing:border-box}
.rec-product-hub *{min-inline-size:0}
.rec-product-hub input,.rec-product-hub select,.rec-product-hub button,.rec-product-hub textarea{font:inherit;max-inline-size:100%}
.rec-product-hub h1,.rec-product-hub h2,.rec-product-hub h3,.rec-product-hub h4,.rec-product-hub p,.rec-product-hub span,.rec-product-hub strong,.rec-product-hub small{overflow-wrap:anywhere}

.rec-product-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:28px;align-items:center;inline-size:100%;padding:44px;border-radius:28px;background:linear-gradient(135deg,#202020,#3b2a20);color:#fff;overflow:hidden}
.rec-product-hero>div>span,.rec-product-families header>span,.rec-pathway-designer header>span{color:#ff9b52;font-size:12px;font-weight:900}
.rec-product-hero h1{margin:8px 0 12px;font-size:clamp(32px,5vw,62px);line-height:1.2;color:#fff}
.rec-product-hero p{max-inline-size:760px;margin:0;color:#e5e7eb;line-height:2}
.rec-product-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.rec-product-actions a{display:inline-flex;align-items:center;justify-content:center;min-block-size:46px;padding:10px 16px;border:1px solid rgba(255,255,255,.22);border-radius:12px;color:#fff;text-decoration:none;font-weight:800;text-align:center}
.rec-product-actions a:first-child{background:var(--o);border-color:var(--o)}
.rec-product-hero aside{display:grid;gap:7px;place-items:center;padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.06);text-align:center}
.rec-product-hero aside strong{font-size:25px;color:#fff}.rec-product-hero aside span{color:#fff;font-size:14px}.rec-product-hero aside small{color:#cbd5e1}

.rec-product-scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0;inline-size:100%}
.rec-product-scope>div{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}
.rec-product-scope strong{font-size:17px}.rec-product-scope p{margin:7px 0 0;color:var(--muted);line-height:1.8}

.rec-pathway-designer,.rec-product-families{inline-size:100%;margin-top:22px;padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 16px 45px rgba(15,23,42,.05);overflow:hidden;scroll-margin-top:120px}
.rec-pathway-designer header h2,.rec-product-families h2{margin:5px 0;font-size:clamp(27px,4vw,36px);line-height:1.35}
.rec-pathway-designer header p,.rec-product-families header p{margin:0;color:var(--muted);line-height:1.9}

.rec-path-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,330px);gap:32px;align-items:start;inline-size:100%;margin-top:24px}
.rec-path-grid>*{min-inline-size:0;max-inline-size:100%}
.rec-path-form,.rec-cable-schedule,.rec-compartment-editor,.rec-current-correction{inline-size:100%;max-inline-size:100%}
.rec-path-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;inline-size:100%}
.rec-path-fields label,.rec-current-fields label,.rec-compartment-row label,.rec-cable-row label,.rec-library-tools label{display:grid;gap:6px;min-inline-size:0;font-size:12px;font-weight:800}
.rec-path-fields label small,.rec-current-fields label small,.rec-compartment-row label small,.rec-cable-row label small,.rec-cable-profile>small{min-block-size:18px;color:#7a8390;font-size:10px;font-weight:500;line-height:1.55}
.rec-path-fields input,.rec-path-fields select,.rec-current-fields input,.rec-current-fields select,.rec-compartment-row input,.rec-cable-row input,.rec-cable-row select,.rec-library-tools input,.rec-library-tools select{inline-size:100%;max-inline-size:100%;block-size:46px;padding-inline:10px;border:1px solid #ccd2d9;border-radius:10px;background:#fff;outline:0}
.rec-path-fields input:focus,.rec-path-fields select:focus,.rec-current-fields input:focus,.rec-current-fields select:focus,.rec-compartment-row input:focus,.rec-cable-row input:focus,.rec-cable-row select:focus,.rec-library-tools input:focus,.rec-library-tools select:focus{border-color:var(--o);box-shadow:0 0 0 3px rgba(244,122,32,.1)}

.rec-current-mode{grid-column:span 2}
.rec-current-correction{margin-top:18px;padding:17px;border:1px solid #f2d8c5;border-radius:17px;background:#fff8f2}
.rec-current-correction[hidden]{display:none!important}
.rec-current-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}

.rec-compartment-editor{margin-top:22px;padding:17px;border:1px solid var(--line);border-radius:17px;background:#fafafa}
.rec-subhead,.rec-cable-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.rec-subhead>div,.rec-cable-head>div{min-inline-size:0}
.rec-subhead h3,.rec-cable-head h3{margin:0}.rec-subhead p,.rec-cable-head p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
.rec-subhead button,.rec-cable-head button{flex:0 0 auto;min-block-size:44px;padding:9px 14px;border:0;border-radius:10px;background:var(--o);color:#fff;font-weight:800;cursor:pointer;white-space:normal}
.rec-subhead button:disabled{opacity:.7;cursor:default}
.rec-compartment-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;inline-size:100%;margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff}
.rec-compartment-title{grid-column:1/-1;display:grid;gap:4px}.rec-compartment-title small{color:var(--muted);font-size:10px}

.rec-cable-schedule{margin-top:22px}
.rec-library-tools{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr);gap:10px;align-items:end;margin:14px 0;padding:13px;border-radius:13px;background:#fff7f0}
.rec-library-tools[hidden]{display:none!important}.rec-library-tools>small{grid-column:1/-1;color:#7a4a28;font-size:11px}
.rec-cable-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;inline-size:100%;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fafafa;overflow:hidden}
.rec-cable-primary{grid-column:1/-1;display:grid;grid-template-columns:minmax(230px,1.25fr) minmax(210px,1fr);gap:12px;align-items:end;inline-size:100%}
.rec-no-cable-library .rec-cable-primary{grid-template-columns:1fr}
.rec-cable-profile[hidden]{display:none!important}.rec-cable-profile{display:grid;gap:5px}.rec-cable-profile>small:empty{display:none}
.rec-remove-cable{block-size:46px;border:0;border-radius:9px;background:#fff0f0;color:#b91c1c;font-size:22px;cursor:pointer}

.rec-path-results{position:sticky;top:110px;align-self:start;inline-size:100%;max-inline-size:330px;max-block-size:calc(100vh - 140px);overflow:auto;padding:20px;border-radius:18px;background:#272727;color:#fff;scrollbar-width:thin}
.rec-path-results h3{margin-top:0;color:#fff}.rec-path-status{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;border-radius:12px}.rec-path-status.ok{background:#14532d}.rec-path-status.warn{background:#854d0e}.rec-path-status.bad{background:#7f1d1d}.rec-path-status strong{font-size:22px}
.rec-path-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.rec-path-metrics>div,.rec-compartment-results>div,.rec-cable-results>div{display:grid;gap:4px;padding:11px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.055)}
.rec-path-metrics span,.rec-compartment-results span,.rec-cable-results span{color:#cbd5e1;font-size:11px}.rec-path-metrics strong{font-size:14px;overflow-wrap:anywhere}.rec-path-metrics small{color:#9aa4b1;font-size:9px}.rec-compartment-results,.rec-cable-results{display:grid;gap:8px}.rec-compartment-results .ok{border-right:3px solid #22c55e}.rec-compartment-results .warn{border-right:3px solid #f59e0b}.rec-compartment-results .bad{border-right:3px solid #ef4444}.rec-compartment-results small,.rec-cable-results small{color:#aab4c1;font-size:10px;line-height:1.6}.rec-path-results h4{margin:17px 0 8px;color:#fff}.rec-material-note{margin-bottom:0;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);color:#ffb47e;font-size:11px}.rec-path-error{margin-top:12px;color:#b91c1c}

.rec-product-accordion-list{display:grid;gap:12px;margin-top:22px}.rec-product-accordion-list details{border:1px solid var(--line);border-radius:15px;overflow:hidden}.rec-product-accordion-list summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;background:#fafafa;cursor:pointer}.rec-product-accordion-list summary span{flex:0 0 auto;color:var(--o);font-size:12px;font-weight:800}.rec-product-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}.rec-product-cards a{display:grid;gap:7px;min-block-size:150px;padding:17px;border:1px solid var(--line);border-radius:13px;color:var(--ink);text-decoration:none}.rec-product-cards a:hover{border-color:var(--o);box-shadow:0 10px 25px rgba(244,122,32,.09)}.rec-product-cards span{color:var(--o);font-size:10px;font-weight:800}.rec-product-cards small{color:var(--muted);line-height:1.7}.rec-general-tools{background:#fcfcfc}
.rec-product-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:24px;padding:22px;border-top:2px solid var(--o);background:#f7f7f8}.rec-product-footer p{margin:0;color:var(--muted)}.rec-product-footer a{color:var(--o);font-weight:800}

@media(max-width:1100px){
 .rec-product-hero{grid-template-columns:minmax(0,1fr) minmax(190px,230px);padding:34px}
 .rec-path-grid{grid-template-columns:1fr;gap:24px}
 .rec-path-results{position:static;top:auto;max-inline-size:none;max-block-size:none;order:2}
 .rec-path-form{order:1}
 .rec-product-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 .rec-product-hero{grid-template-columns:1fr;padding:28px 22px}.rec-product-hero aside{display:none}
 .rec-product-scope{grid-template-columns:1fr}
 .rec-path-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rec-current-mode{grid-column:1/-1}
 .rec-current-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rec-cable-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
 .rec-product-hub{padding-block-start:14px;padding-inline:8px;padding-block-end:55px}
 .rec-product-hero{padding:24px 16px;border-radius:19px}.rec-product-hero h1{font-size:clamp(30px,10vw,38px)}
 .rec-product-actions{display:grid;grid-template-columns:1fr}.rec-product-actions a{inline-size:100%}
 .rec-pathway-designer,.rec-product-families{padding:18px 12px;border-radius:18px}
 .rec-path-fields,.rec-current-fields,.rec-compartment-row,.rec-cable-row{grid-template-columns:1fr}
 .rec-current-mode,.rec-compartment-title{grid-column:1}
 .rec-subhead,.rec-cable-head{flex-direction:column;align-items:stretch}.rec-subhead button,.rec-cable-head button{inline-size:100%}
 .rec-cable-primary{grid-template-columns:1fr}.rec-cable-profile,.rec-cable-name{grid-column:1}
 .rec-library-tools{grid-template-columns:1fr}
 .rec-path-metrics{grid-template-columns:1fr}
 .rec-product-cards{grid-template-columns:1fr}
 .rec-product-footer{grid-template-columns:1fr;text-align:center}
 .rec-product-accordion-list summary{align-items:flex-start;flex-direction:column}
}
@media(max-width:390px){
 .rec-product-hub{padding-inline:5px}
 .rec-product-hero{padding-inline:13px}.rec-product-hero h1{font-size:29px}
 .rec-pathway-designer,.rec-product-families{padding-inline:9px}
 .rec-compartment-editor,.rec-current-correction{padding-inline:9px}
 .rec-cable-row,.rec-compartment-row{padding-inline:9px}
 .rec-pathway-designer header h2,.rec-product-families h2{font-size:25px}
}

/* v0.6.6 — انتخاب بانک/ورود دستی و سخت‌سازی عرض */
html:has(body.rec-product-hub-page),body.rec-product-hub-page{max-inline-size:100%;overflow-x:hidden!important}
body.rec-product-hub-page #page,
body.rec-product-hub-page .site,
body.rec-product-hub-page .site-content,
body.rec-product-hub-page .ast-container,
body.rec-product-hub-page .content-area,
body.rec-product-hub-page .site-main,
body.rec-product-hub-page article,
body.rec-product-hub-page .entry-content{inline-size:100%!important;max-inline-size:100%!important;margin-inline:0!important;padding-inline:0!important}
.rec-product-hub{contain:inline-size;overflow-x:hidden!important}
.rec-product-hub section,.rec-product-hub div,.rec-product-hub label{max-inline-size:100%}
.rec-cable-primary{grid-template-columns:minmax(150px,.65fr) minmax(260px,1.35fr) minmax(210px,1fr)}
.rec-cable-bank[hidden]{display:none!important}
.rec-cable-profile-summary{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;padding:9px 10px;border-radius:10px;background:#fff4ea;color:#6f3b17;font-size:10px;line-height:1.6}
.rec-cable-profile-summary[hidden]{display:none!important}
.rec-cable-profile-summary span{display:inline-flex;max-inline-size:100%;padding:4px 7px;border:1px solid #f4d2b8;border-radius:999px;background:#fff;overflow-wrap:anywhere}
.rec-cable-row input.rec-readonly{background:#f2f4f7;color:#344054;cursor:default}
.rec-cable-mode-manual .rec-cable-profile-summary{display:none!important}
.rec-cable-row select,.rec-cable-row input{min-inline-size:0}
.rec-cable-row select{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
@media(max-width:1050px){
 .rec-cable-primary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rec-cable-mode{grid-column:1/-1}
}
@media(max-width:700px){
 html:has(body.rec-product-hub-page),body.rec-product-hub-page{inline-size:100%;max-inline-size:100%;overflow-x:hidden!important}
 body.rec-product-hub-page #page,body.rec-product-hub-page .site,body.rec-product-hub-page .site-content,body.rec-product-hub-page .ast-container,body.rec-product-hub-page .content-area,body.rec-product-hub-page .site-main,body.rec-product-hub-page article,body.rec-product-hub-page .entry-content{inline-size:100%!important;max-inline-size:100%!important;overflow-x:hidden!important}
 .rec-product-hub{inline-size:100%!important;max-inline-size:100%!important;margin:0!important;padding-inline:6px!important}
 .rec-product-hero,.rec-product-scope,.rec-pathway-designer,.rec-product-families,.rec-product-footer{inline-size:100%!important;max-inline-size:100%!important}
 .rec-cable-primary{grid-template-columns:1fr}
 .rec-cable-mode,.rec-cable-bank,.rec-cable-name{grid-column:1}
 .rec-library-tools{inline-size:100%}
}
body.rec-product-hub-page #page *,body.rec-product-hub-page .site *{box-sizing:border-box}
body.rec-product-hub-page .site-header,body.rec-product-hub-page #masthead,body.rec-product-hub-page .main-header-bar,body.rec-product-hub-page .site-header .ast-container,body.rec-product-hub-page .main-header-bar .ast-container{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;overflow-x:hidden!important}
body.rec-product-hub-page .site-header img,body.rec-product-hub-page #masthead img{max-inline-size:100%!important;block-size:auto!important}
@media(max-width:700px){body.rec-product-hub-page .site-header .ast-container,body.rec-product-hub-page .main-header-bar .ast-container{flex-wrap:wrap!important;gap:8px!important;padding-inline:8px!important}}
