.sm-preview[data-rsc-admin-preview="1"] { width: min(1220px, calc(100% - 40px)); }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-summary { margin: 0 0 22px; }
.sm-preview[data-rsc-admin-preview="1"] .sm-setup-step > .sm-setup-subtitle { margin: -10px 0 22px; color: #66737a; font-size: 16px; line-height: 1.5; }
.sm-preview[data-rsc-admin-preview="1"] .sm-setup-grid .sm-admin-setup-option { min-height: 300px; justify-content: flex-start; gap: 11px; padding: 24px 20px; border-color: #e2ded5; background: #fffefa; }
.sm-preview[data-rsc-admin-preview="1"] .sm-setup-grid .sm-admin-setup-option:hover { border-color: #8bbbd1; box-shadow: 0 5px 20px rgb(42 106 139 / 12%); }
.sm-preview[data-rsc-admin-preview="1"] .sm-setup-grid .sm-admin-setup-option:focus-visible { outline: 3px solid #3189be; outline-offset: 3px; }
.sm-preview[data-rsc-admin-preview="1"] .sm-setup-grid .sm-admin-setup-illustration { display: block; flex: 0 0 132px; width: min(240px, 100%); height: 132px; overflow: visible; fill: #f4f9fb; stroke: #315f70; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-setup-illustration .sm-admin-desk { fill: none; stroke: #8eb7c8; stroke-width: 3; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-setup-illustration .sm-admin-desk-detail { fill: none; stroke: #c0d9e3; stroke-width: 2; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-setup-illustration .sm-admin-question-disc { fill: #e6f4fb; stroke: #fffefa; stroke-width: 3; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-setup-illustration .sm-admin-question { fill: none; stroke: #167eae; stroke-width: 2.5; }
.sm-preview[data-rsc-admin-preview="1"] .sm-setup-grid .sm-admin-setup-option .sm-setup-description { max-width: 290px; }
.sm-preview[data-rsc-admin-preview="1"] .sm-setup-grid .sm-admin-setup-option[data-setup="unknown"] { grid-column: auto; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-prompt { margin: 8px 0 24px; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-prompt h2 { margin: 0 0 8px; color: #20394c; font-size: clamp(24px, 3vw, 32px); font-weight: 750; line-height: 1.2; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-prompt p { margin: 0; color: #607684; font-size: 16px; line-height: 1.55; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-option,
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-option.mmc-cable-option { display: flex; min-width: 0; min-height: 176px; flex-direction: column; align-items: center; justify-content: center; gap: 13px; padding: 20px 12px; border: 1px solid #e2ded5; border-radius: 18px; background: #fffefa; color: #20394c; font: inherit; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-option:hover { transform: translateY(-2px); border-color: #9bc9df; background: #fbfdfe; box-shadow: 0 9px 22px rgb(30 100 140 / 10%); }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-option:focus-visible { outline: 3px solid #3189be; outline-offset: 3px; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-option.is-selected,
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-option[aria-pressed="true"] { border-color: #87bdd7; background: #f2faff; box-shadow: 0 0 0 2px rgb(49 137 190 / 10%); }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-option > .mmc-cable-icon { display: block; flex: 0 0 auto; width: 82px; height: 66px; margin: 0; fill: none; stroke: #247da8; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-option > span { display: block; color: #20394c; font-size: 17px; font-weight: 800; line-height: 1.25; white-space: nowrap; word-break: normal; overflow-wrap: normal; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-unknown-connectors-icon { display: block; flex: 0 0 auto; width: 88px; height: 66px; fill: none; stroke: #247da8; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-unknown-disc { fill: #e6f4fb; stroke: #fffefa; stroke-width: 2.5; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-unknown-mark { stroke: #167eae; stroke-width: 2.2; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-summary > div { display: flex; flex: 0 0 auto; gap: 16px; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-summary .sm-change-setup,
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-summary .sm-change-connector { margin: 0; }
.sm-preview[data-rsc-admin-preview="1"] .sm-recommendations { width: 100%; margin-top: 8px; }
.sm-preview[data-rsc-admin-preview="1"] .sm-recommendation-heading { text-align: left; }
.sm-preview[data-rsc-admin-preview="1"] .sm-recommendation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-offer { display: flex; min-width: 0; flex-direction: column; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-offer .mmc-card { width: 100%; height: 100%; cursor: pointer; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-offer .mmc-card:focus-visible { outline: 3px solid #3189be; outline-offset: 3px; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-offer .mmc-product-image { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; }
.sm-preview[data-rsc-admin-preview="1"] .sm-recommendation-grid .sm-admin-offer .mmc-image-wrap { box-sizing: border-box; display: flex !important; width: 100%; height: 220px !important; min-width: 0 !important; min-height: 0 !important; align-items: center; justify-content: center; padding: 12px; overflow: hidden; }
.sm-preview[data-rsc-admin-preview="1"] .sm-recommendation-grid .sm-admin-offer .mmc-image-wrap > .mmc-product-image { box-sizing: border-box; display: block !important; flex: 0 1 100%; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; transform: none !important; object-fit: contain !important; object-position: center !important; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-actions { margin: 12px 0 0; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-actions .sm-confirm-button:not([hidden]) { display: inline-flex; align-items: center; justify-content: center; }
.sm-preview[data-rsc-admin-preview="1"] .sm-selected-panel { margin-top: 18px; }
.sm-preview[data-rsc-admin-preview="1"] .sm-selected-card { max-width: none; }
.sm-preview[data-rsc-admin-preview="1"] .sm-selected-card > .sm-admin-offer { display: block; }
.sm-preview[data-rsc-admin-preview="1"] .sm-admin-savings:not([hidden]) { display: block; margin: 18px 0 0; }
.sm-preview[data-rsc-admin-preview="1"] .sm-saving-option { padding: 18px 22px; border: 1px solid #cfe7f4; border-radius: 16px; background: linear-gradient(110deg, #f3faff, #fffaf0); }
.sm-preview[data-rsc-admin-preview="1"] .sm-saving-option h3 { margin: 0 0 8px; color: #20394c; font-size: 19px; }
.sm-preview[data-rsc-admin-preview="1"] .sm-saving-option p { margin: 5px 0; color: #526a79; }
.sm-preview[data-rsc-admin-preview="1"] .sm-saving-option strong { display: block; margin: 8px 0; color: #087cb4; font-size: 23px; }
.sm-preview[data-rsc-admin-preview="1"] .sm-saving-option small { display: block; margin: 8px 0 12px; color: #435967; }
.sm-preview[data-rsc-admin-preview="1"] .sm-saving-option button { border: 0; border-radius: 10px; padding: 12px 18px; background: #078ac4; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.sm-preview[data-rsc-admin-preview="1"] .sm-saving-option button:focus-visible,
.sm-preview[data-rsc-admin-preview="1"] .sm-add-to-cart:focus-visible { outline: 3px solid #2386b8; outline-offset: 3px; }
.sm-preview[data-rsc-admin-preview="1"] .sm-related-area { margin: 22px 0; padding: 20px; }
.sm-preview[data-rsc-admin-preview="1"] .sm-related-area h3 { text-align: left; }
.sm-preview[data-rsc-admin-preview="1"] .sm-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
.sm-preview[data-rsc-admin-preview="1"] .sm-related-grid .sm-admin-offer { cursor: pointer; }
.sm-preview[data-rsc-admin-preview="1"] .sm-related-grid .mmc-card { height: 100%; }
.sm-preview[data-rsc-admin-preview="1"] .sm-final-panel { max-width: 760px; margin: 22px 0 0 auto; }
.sm-preview[data-rsc-admin-preview="1"] .sm-final-panel .sm-add-to-cart { display: block; margin: 18px 0 0 auto; }
.sm-preview[data-rsc-admin-preview="1"] .sm-final-change-connector,
.sm-preview[data-rsc-admin-preview="1"] .sm-final-change-setup { margin: 12px 16px 0 0; }
.sm-preview[data-rsc-admin-preview="1"] .sm-card-templates { display: none !important; }
.sm-preview[data-rsc-admin-preview="1"] .sm-cart-link { color: #315f70; font-weight: 700; }
@media (max-width: 900px) {
	.sm-preview[data-rsc-admin-preview="1"] { width: min(100% - 32px, 760px); }
	.sm-preview[data-rsc-admin-preview="1"] .sm-recommendation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
	.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-prompt { margin-bottom: 16px; }
	.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-prompt h2 { font-size: 25px; }
	.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-prompt p { font-size: 14px; }
	.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-option,
	.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-option.mmc-cable-option { min-height: 148px; padding: 16px 8px; gap: 9px; border-radius: 15px; }
	.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-option > .mmc-cable-icon { width: 70px; height: 56px; }
	.sm-preview[data-rsc-admin-preview="1"] .sm-admin-connector-option > span { font-size: 15px; }
	.sm-preview[data-rsc-admin-preview="1"] .sm-admin-unknown-connectors-icon { width: 72px; height: 56px; }
	.sm-preview[data-rsc-admin-preview="1"] .sm-setup-grid { grid-template-columns: minmax(0, 1fr); }
	.sm-preview[data-rsc-admin-preview="1"] .sm-setup-grid .sm-admin-setup-option,
	.sm-preview[data-rsc-admin-preview="1"] .sm-setup-grid .sm-admin-setup-option:last-child { min-height: 0; grid-column: auto; }
	.sm-preview[data-rsc-admin-preview="1"] .sm-setup-grid .sm-admin-setup-illustration { flex-basis: 120px; height: 120px; }
	.sm-preview[data-rsc-admin-preview="1"] .sm-recommendation-grid,
	.sm-preview[data-rsc-admin-preview="1"] .sm-related-grid { grid-template-columns: minmax(0, 1fr); }
	.sm-preview[data-rsc-admin-preview="1"] .sm-admin-summary { align-items: flex-start; flex-direction: column; }
	.sm-preview[data-rsc-admin-preview="1"] .sm-admin-summary > div { flex-wrap: wrap; }
	.sm-preview[data-rsc-admin-preview="1"] .sm-final-panel { max-width: none; }
	.sm-preview[data-rsc-admin-preview="1"] .sm-final-panel .sm-add-to-cart { width: 100%; }
}