.create-page-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.choice-grid{display:grid;gap:10px}.choice-grid label{display:flex;gap:10px;padding:15px;border:1px solid var(--line);border-radius:10px}.choice-grid input{width:auto}.choice-grid b,.choice-grid small{display:block}.choice-grid small{margin-top:4px;color:var(--muted);font-weight:400}.builder-header{height:68px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line)}.builder-header>a:first-child{font-size:9px;font-weight:850}.builder-header>div{flex:1}.builder-header b,.builder-header small{display:block}.builder-header small{color:var(--muted);font-size:8px}.builder-header form{margin:0}.builder-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 260px;gap:14px;margin-top:14px;align-items:start}.builder-tools,.page-settings{position:sticky;top:14px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff}.builder-tools>small,.page-settings>small{color:var(--red);font-size:8px;font-weight:900;letter-spacing:1px}.builder-tools form{display:grid;gap:6px;margin-top:10px}.builder-tools button{justify-content:flex-start;padding:9px;font-size:8px}.builder-tools .danger{background:#fff0f2;color:#8e1724;box-shadow:none}.builder-tools hr,.page-settings hr{border:0;border-top:1px solid var(--line);margin:14px 0}.builder-canvas{min-width:0;padding:13px;border-radius:12px;background:#eee9ea}.save-order{margin-bottom:10px;font-size:8px}.canvas-block{position:relative;min-height:170px;margin-bottom:11px;padding:38px 32px 28px;border:2px solid transparent;border-radius:7px;box-shadow:0 7px 24px rgba(45,12,17,.09)}.canvas-block.moving{opacity:.45;border-color:#a61929}.canvas-block .drag{position:absolute;top:8px;left:10px;padding:4px 7px;border-radius:5px;background:#a61929;color:#fff;font-size:7px;cursor:grab}.canvas-block h2{margin:10px 0}.canvas-block p{max-width:720px}.canvas-block>img{display:block;max-width:70%;max-height:320px;margin:15px auto;object-fit:contain}.canvas-block details{margin-top:20px;padding-top:12px;border-top:1px dashed currentColor}.canvas-block summary{font-size:8px;font-weight:900;cursor:pointer}.section-editor{margin-top:12px;padding:14px;border-radius:9px;background:#fff;color:#241719}.section-editor textarea{resize:vertical}.style-fields{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.style-fields input[type=color]{height:40px;padding:3px}.style-fields .check{display:flex;align-items:center;gap:5px}.style-fields .check input{width:auto}.page-settings form{margin-top:10px}.page-settings label small{display:block;color:var(--muted);font-weight:400}.page-settings button,.page-settings>a{width:100%}@media(max-width:1100px){.builder-layout{grid-template-columns:170px minmax(0,1fr)}.page-settings{position:relative;grid-column:1/-1}}@media(max-width:760px){.create-page-panel,.builder-layout{grid-template-columns:1fr}.builder-tools,.page-settings{position:relative}.builder-header{overflow:auto}.style-fields{grid-template-columns:1fr 1fr}.canvas-block{padding:36px 18px 22px}}

/* Elementor-style visual builder */
.visual-builder-header{position:sticky;top:0;z-index:30;background:#fff}.visual-builder-header>div:first-of-type{flex:1}.device-switch{display:flex!important;flex:0!important;padding:3px;border-radius:8px;background:#f1edef}.device-switch button{padding:7px 10px;background:transparent;color:#75666a;box-shadow:none;font-size:8px}.device-switch button.active{background:#fff;color:var(--red);box-shadow:0 2px 9px #42121b18}.visual-builder{display:grid;grid-template-columns:220px minmax(480px,1fr) 290px;gap:0;min-height:calc(100vh - 82px);margin:0 calc(var(--content-pad,20px) * -1);background:#e9e5e6}.element-palette,.visual-inspector{position:sticky;top:68px;align-self:start;height:calc(100vh - 68px);overflow:auto;background:#fff}.element-palette{padding:20px 16px;border-right:1px solid #e2d9db}.visual-inspector{padding:18px;border-left:1px solid #e2d9db}.palette-heading small,.palette-heading b{display:block}.palette-heading small{color:var(--red);font-size:8px;font-weight:900;letter-spacing:1.5px}.palette-heading b{margin-top:5px;font-size:12px}.palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.palette-form{margin:0;cursor:grab}.palette-form button{display:flex;min-height:76px;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px;border:1px solid #e5dbdd;background:#fff;color:#39282b;box-shadow:none;font-size:8px;text-align:center}.palette-form button:hover{border-color:#a61929;color:#a61929;transform:translateY(-1px)}.palette-form button span{font-size:20px}.palette-help{margin:14px 2px;color:#8f7d81;font-size:8px;line-height:1.5}.element-palette hr{border:0;border-top:1px solid #eadfe1;margin:18px 0}.page-actions{display:grid;gap:7px}.page-actions button{justify-content:flex-start;font-size:8px}.page-actions .danger{background:#fff1f2;color:#8e1724;box-shadow:none}.visual-workspace{min-width:0;padding:14px 18px 60px}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;max-width:1050px;margin:0 auto 10px;color:#74656a;font-size:8px}.canvas-toolbar span{display:flex;align-items:center;gap:6px}.canvas-toolbar i{width:7px;height:7px;border-radius:50%;background:#27a65b;box-shadow:0 0 0 3px #27a65b25}.canvas-toolbar form{margin:0}.canvas-toolbar button{padding:7px 10px;font-size:8px}.page-frame{max-width:1050px;margin:auto;overflow:hidden;border-radius:5px;background:#fff;box-shadow:0 14px 45px #3b172022;transition:max-width .25s}.page-frame.mobile-preview{max-width:390px}.salespage-live-canvas{min-height:700px;background:#fff}.live-section{position:relative;min-height:180px;outline:2px solid transparent;background:var(--section-bg);color:var(--section-color);font-family:var(--section-font);transition:outline .12s}.live-section:hover{outline-color:#d75a68}.live-section.selected{z-index:2;outline:3px solid #a61929}.live-section.moving{opacity:.45}.section-controls{position:absolute;z-index:5;top:6px;left:50%;display:none;align-items:center;overflow:hidden;border-radius:5px;background:#a61929;color:#fff;transform:translateX(-50%);box-shadow:0 3px 12px #40101935}.live-section:hover .section-controls,.live-section.selected .section-controls{display:flex}.section-controls button,.section-controls span{padding:5px 8px;border:0;background:transparent;color:#fff;box-shadow:none;font-size:7px}.section-controls .drag-handle{cursor:grab}.section-controls .edit-section{border-left:1px solid #ffffff35}.section-output{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;padding:55px 7% 45px;text-align:center}.section-output h2{max-width:850px;margin:10px 0;font-size:clamp(28px,4.8vw,68px)!important;font-weight:var(--section-weight);line-height:1.04}.section-output p{max-width:760px;margin:10px auto;font-size:var(--section-size);font-weight:var(--section-weight);line-height:1.65}.section-output [contenteditable]{border-radius:4px;outline:0}.section-output [contenteditable]:focus{box-shadow:0 0 0 2px #a6192955;background:#fff8}.live-image{display:block;max-width:82%;max-height:520px;margin:12px auto 22px;object-fit:contain}.image-placeholder{display:flex;width:min(680px,80%);min-height:140px;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;border:2px dashed #bcaeb1;border-radius:10px;color:#8e7e82;background:#faf8f8;font-size:10px}.image-placeholder span{font-size:21px}.preview-button{display:inline-flex;margin-top:18px;padding:13px 24px;border-radius:7px;background:#a61929;color:#fff!important;font-size:10px;font-weight:800;text-decoration:none}.live-gallery .section-output,.live-benefits .section-output{min-height:280px}.live-order_form .section-output{padding:55px 7%}.official-form-preview{width:min(720px,100%);padding:28px;border:1px solid #eadfe1;border-radius:14px;background:#fff;color:#28191c;box-shadow:0 12px 36px #37121816;text-align:left}.official-form-preview>h2{font-size:28px!important}.official-badge{display:inline-block;padding:5px 8px;border-radius:5px;background:#ffe8eb;color:#9d1726;font-size:7px;font-weight:900;letter-spacing:1px}.package-preview{display:grid;gap:8px;margin:18px 0}.package-preview label{display:flex;gap:8px;padding:12px;border:1px solid #eadfe1;border-radius:8px}.package-preview input{width:auto}.package-preview span{display:flex;flex:1;justify-content:space-between}.form-preview-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-preview-fields span{padding:12px;border:1px solid #e7dddf;border-radius:7px;color:#9a8b8e;font-size:8px}.form-preview-fields span:last-child{grid-column:1/-1}.official-form-preview>button{width:100%;margin-top:12px}.canvas-dropzone{display:flex;min-height:80px;align-items:center;justify-content:center;border:2px dashed #d4c8ca;background:#faf8f8;color:#8a777b;font-size:9px}.inspector-empty{padding:30px 10px;text-align:center;color:#8b797d}.inspector-empty span{font-size:28px;color:#a61929}.inspector-empty b{display:block;margin:10px 0 5px;color:#332326}.inspector-empty p{font-size:8px;line-height:1.5}.inspector-form{display:grid;gap:9px;margin:0;padding:0;background:#fff;color:#241719}.inspector-form:before{content:'SECTION SETTINGS';color:#a61929;font-size:8px;font-weight:900;letter-spacing:1.3px}.inspector-form label{font-size:8px}.inspector-form textarea{resize:vertical}.inspector-form .style-fields{grid-template-columns:1fr 1fr}.inspector-form .style-fields label:nth-child(4){grid-column:1/-1}.upload-drop{padding:10px;border:1px dashed #cbbdc0;border-radius:8px}.upload-drop input{padding:5px 0;border:0}.upload-drop span{display:none}.row-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.row-actions button{font-size:8px}.page-settings-compact{margin-top:18px;border-top:1px solid #eadfe1;padding-top:14px}.page-settings-compact summary{cursor:pointer;color:#a61929;font-size:9px;font-weight:900}.page-settings-compact form{margin-top:12px}.page-settings-compact label small{display:block;color:#8e7e82}.page-settings-compact>a{width:100%;margin-top:8px}.inspector-form[hidden]{display:none}
@media(max-width:1250px){.visual-builder{grid-template-columns:190px minmax(420px,1fr) 250px}.palette-grid{grid-template-columns:1fr}.palette-form button{min-height:52px;flex-direction:row}.section-output h2{font-size:clamp(25px,4vw,48px)!important}}
@media(max-width:900px){.visual-builder{grid-template-columns:74px minmax(0,1fr)}.element-palette{padding:12px 8px}.palette-heading b,.palette-help,.page-actions,.palette-form button:not(:hover){font-size:0}.palette-heading small{font-size:7px}.palette-grid{grid-template-columns:1fr}.palette-form button{min-height:55px;padding:5px}.palette-form button span{font-size:20px}.visual-inspector{position:relative;grid-column:1/-1;top:auto;width:auto;height:auto;border:0}.visual-workspace{padding:10px}.device-switch{display:none!important}}
@media(max-width:600px){.visual-builder-header{height:auto;min-height:65px;flex-wrap:wrap}.visual-builder{display:block;margin:0}.element-palette{position:sticky;z-index:20;top:65px;display:flex;width:100%;height:auto;padding:7px;overflow-x:auto;border:0;border-bottom:1px solid #e5dbdd}.palette-heading,.element-palette hr,.page-actions{display:none}.palette-grid{display:flex;margin:0}.palette-form{flex:0 0 62px}.palette-form button{min-height:48px}.visual-workspace{padding:8px 0 30px}.canvas-toolbar{padding:0 8px}.page-frame{border-radius:0}.section-output{padding:45px 20px 35px}.section-output h2{font-size:34px!important}.form-preview-fields{grid-template-columns:1fr}.form-preview-fields span:last-child{grid-column:auto}.visual-inspector{padding:16px}}
.page-frame.mobile-preview{max-width:390px}.page-frame.tablet-preview{max-width:768px}.page-frame.desktop-preview{max-width:1050px}.live-section{margin-top:var(--mt);margin-bottom:var(--mb);border-radius:var(--radius)}.section-output{max-width:var(--content-width);box-sizing:border-box;margin:auto;padding-top:var(--pt);padding-bottom:var(--pb);text-align:var(--align)}.section-output>*{max-width:100%}.structure-panel{margin:16px 0;border-top:1px solid #eadfe1;padding-top:12px}.structure-panel summary{cursor:pointer;color:#a61929;font-size:8px;font-weight:900;letter-spacing:1px}.structure-panel div{display:grid;gap:4px;margin-top:8px}.structure-panel button{display:flex;align-items:center;gap:6px;padding:7px 8px;background:#faf7f8;color:#514145;box-shadow:none;font-size:7px;text-align:left}.history-controls{display:flex;gap:4px}.history-controls button{padding:6px 8px;background:#fff;color:#6e5c61;box-shadow:none;font-size:7px}.history-controls button:disabled{opacity:.4}.inspector-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #eadfe1}.inspector-tabs button{padding:9px 4px;border-radius:0;background:#fff;color:#7c696e;box-shadow:none;font-size:8px}.inspector-tabs button.active{border-bottom:2px solid #a61929;color:#a61929}.tab-panel{display:none;gap:9px}.tab-panel.active{display:grid}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tab-panel fieldset{display:grid;gap:6px;border:1px solid #eadfe1;border-radius:8px}.tab-panel legend{padding:0 5px;color:#a61929;font-size:8px;font-weight:800}.row-actions{grid-template-columns:1fr 1fr 1fr}.widget-divider{width:80%;border:0;border-top:2px solid currentColor}.widget-spacer{display:grid;min-height:90px;place-items:center;border:1px dashed #cbbdc0;color:#9a888c}.video-placeholder{display:grid;min-height:220px;place-items:center;padding:20px;border-radius:12px;background:#211f20;color:#fff}.video-placeholder span{font-size:42px}.video-placeholder small{opacity:.7}.countdown-preview{display:grid;grid-template-columns:repeat(3,auto auto);align-items:end;gap:5px 8px;margin:18px 0}.countdown-preview b{font-size:32px}.countdown-preview span{font-size:8px}.testimonial-preview{max-width:720px;padding:30px;border-radius:14px;background:#fff;box-shadow:0 12px 38px #35121a18}.testimonial-preview>span{color:#e1a300;letter-spacing:4px}.mobile-preview .hide-on-mobile,.tablet-preview .hide-on-tablet,.desktop-preview .hide-on-desktop{display:none!important}
.quick-bg{display:flex!important;align-items:center;gap:4px;padding:3px 6px;border-left:1px solid #ffffff35;border-right:1px solid #ffffff35;cursor:pointer}.quick-bg i{font-size:7px;font-style:normal}.quick-bg input{width:22px;height:22px;padding:0;border:1px solid #fff;border-radius:4px;background:transparent;cursor:pointer}.image-stage{position:relative;width:100%}.image-stage:hover .media-actions{opacity:1}.image-placeholder{flex-direction:column}.image-placeholder>b{font-size:11px}.media-actions{display:flex;justify-content:center;gap:7px;margin-top:8px;opacity:.92}.media-actions button{width:auto;padding:8px 11px;border:0;border-radius:6px;background:#a61929;color:#fff;font-size:8px;box-shadow:none}.image-stage .media-actions{position:absolute;right:10px;bottom:10px;opacity:0;transition:.2s}.salespage-live-canvas.accepting-widget{outline:3px dashed #2b9b5c;outline-offset:-6px}.salespage-live-canvas.accepting-widget .canvas-dropzone{background:#eaf8f0;color:#17663d;border-color:#2b9b5c}.agryza-form-preview{max-width:920px!important;padding:28px!important;background:radial-gradient(circle at 8% 16%,#efc75a33,transparent 22%),linear-gradient(180deg,#fbf7dc,#f4f8eb 42%,#eadbb5)!important;color:#082514!important;border:1px solid #d9c378!important}.agryza-form-preview header{text-align:center}.agryza-form-preview header h2{font-size:clamp(28px,5vw,54px)!important;line-height:.98;text-transform:uppercase}.agryza-form-preview .official-badge{background:linear-gradient(180deg,#17682d,#064219);color:#fff;border-radius:999px}.agryza-trust-preview{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0;border:1px solid #0e3b2429;border-radius:8px;background:#ffffffd6;overflow:hidden}.agryza-trust-preview span{display:grid;gap:5px;padding:14px;border-right:1px solid #0e3b2420;text-align:center}.agryza-trust-preview span:last-child{border:0}.agryza-trust-preview b{font-size:9px;text-transform:uppercase}.agryza-order-preview{display:grid;grid-template-columns:.75fr 1fr;gap:14px;text-align:left}.agryza-order-preview>aside,.agryza-order-preview>div{padding:20px;border:1px solid #0e3b2424;border-radius:8px;background:#fffffff2;box-shadow:0 18px 36px #0523141c}.agryza-order-preview>aside{background:linear-gradient(145deg,#214f38,#103422);color:#fff}.agryza-order-preview>aside small{color:#efc75a;font-weight:900}.agryza-form-preview .package-preview label{border-color:#0a341c24;background:#f7faf4}.agryza-form-preview .form-preview-fields span{border:2px solid #0a341c1f;background:#fff}.agryza-form-preview button{background:linear-gradient(180deg,#17682d,#064219)}.education-form-preview{background:#fffafb}@media(max-width:600px){.agryza-trust-preview{grid-template-columns:1fr}.agryza-trust-preview span{border-right:0;border-bottom:1px solid #0e3b2420}.agryza-order-preview{grid-template-columns:1fr}.image-stage .media-actions{position:static;opacity:1}.media-actions{flex-wrap:wrap}}
.image-drop-active{outline:3px dashed #a61929!important;outline-offset:4px;background:#fff4f6!important}

/* v8.5.1: section actions must remain visible on touch devices and desktop. */
.section-controls{z-index:8!important;display:flex!important;max-width:calc(100% - 12px);overflow-x:auto;overflow-y:hidden;border:1px solid #ffffff35;border-radius:7px;white-space:nowrap}
.section-controls button,.section-controls span{flex:0 0 auto;padding:6px 9px;font-size:8px}
.section-controls .duplicate-now,.section-controls .delete-now,.section-controls .edit-section{border-left:1px solid #ffffff35}
.section-controls .delete-now{background:#7d101d}
.section-controls .edit-section{background:#c32034;font-weight:900}
@media(max-width:600px){.section-controls{top:5px;max-width:calc(100% - 10px)}.section-controls button,.section-controls span{padding:6px 7px;font-size:7px}.section-controls>span{display:none}.section-output{padding-top:50px}}

/* v8.6.0: category-first salespage creation and editable original templates. */
.salespage-create-v2{grid-template-columns:1fr 1fr}.salespage-create-v2 .website-type-panel{grid-column:1/-1}.website-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.website-type-grid label{margin:0}.website-type-grid input{position:absolute;opacity:0}.website-type-grid span{display:block;height:100%;padding:18px;border:2px solid #eadde0;border-radius:12px;background:#fff;cursor:pointer}.website-type-grid i,.website-type-grid b,.website-type-grid small{display:block}.website-type-grid i{margin-bottom:12px;color:#a61929;font-size:25px;font-style:normal}.website-type-grid b{font-size:15px}.website-type-grid small{margin-top:6px;color:#88777b;line-height:1.45}.website-type-grid input:checked+span{border-color:#a61929;background:#fff4f5;box-shadow:0 8px 24px #65111c16}.template-choice-grid label[hidden],.elementor-template-field[hidden],.actual-template-preview article[hidden]{display:none}.actual-template-preview{margin:14px 0}.actual-template-preview article{padding:16px;border:1px solid #eadde0;border-radius:11px;background:linear-gradient(135deg,#fff7f8,#fff)}.actual-template-preview span,.actual-template-preview b,.actual-template-preview small{display:block}.actual-template-preview span{color:#a61929;font-size:8px;font-weight:950;letter-spacing:1px}.actual-template-preview b{margin-top:7px}.actual-template-preview small{margin-top:4px;color:#88777b}.actual-section-preview{width:100%;padding-top:18px}.actual-section-frame{display:block;width:100%;min-height:360px;border:0;background:#fff}.actual-edit-link{display:inline-flex!important;align-items:center;padding:6px 9px!important;border-left:1px solid #ffffff35!important;background:#68101a!important;color:#fff!important;font-size:8px!important;font-weight:900;text-decoration:none}.actual-section-note{display:flex;justify-content:center;margin:8px 0 0;color:#8c777c;font-size:8px}.template-kind-badge{display:inline-flex;margin-left:8px;padding:4px 7px;border-radius:5px;background:#fff0f2;color:#961724;font-size:7px;font-weight:900;letter-spacing:.7px}
@media(max-width:760px){.salespage-create-v2{grid-template-columns:1fr}.salespage-create-v2 .website-type-panel{grid-column:auto}.website-type-grid{grid-template-columns:1fr}.actual-section-frame{min-height:300px}.actual-edit-link{font-size:7px!important}}
/* v8.6.4: clearer salespage step labels. */
.salespage-create-v2 .website-type-panel > small,
.salespage-create-v2 .starting-point-panel > small,
.salespage-create-v2 .page-setup-panel > small {
  display: block;
  margin-bottom: 10px;
  color: #a61929;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.35;
  letter-spacing: 1.8px;
}
@media (max-width: 720px) {
  .salespage-create-v2 .website-type-panel > small,
  .salespage-create-v2 .starting-point-panel > small,
  .salespage-create-v2 .page-setup-panel > small { font-size: 13px; }
}