.estimate-widget-section{background:radial-gradient(ellipse at 5% 50%,#18536533,transparent 38%),radial-gradient(ellipse at 95% 70%,#34487244,transparent 35%),linear-gradient(#101923,#0c1420);border-bottom:1px solid #2c3e51}
.estimate-stage{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(135px,1fr) minmax(0,764px) minmax(135px,1fr);gap:12px;padding:25px 28px 5px;align-items:start}
.estimate-center{min-width:0}.estimate-host{position:sticky;top:25px;overflow:hidden;padding-top:36px;display:flex;flex-direction:column;align-items:center;min-width:0}
.estimate-host:after{content:'';position:absolute;bottom:0;height:90px;left:0;right:0;background:linear-gradient(transparent,#0d1722);pointer-events:none}
.estimate-host img{display:block;width:100%;height:auto;max-height:410px;object-fit:contain;object-position:bottom;position:relative;z-index:1;filter:drop-shadow(0 0 24px #72bdd31a);margin-top:18px}
.host-copy{position:relative;z-index:2;align-self:stretch;padding:0 7px}.host-copy>span{color:#72b9c4;font-size:8px;letter-spacing:2px}.host-copy h2{font-size:clamp(17px,1.5vw,23px);line-height:1.6;color:#eaf7fc;letter-spacing:-.8px;margin:14px 0 12px}.host-copy p{font-size:10px;line-height:1.9;color:#8da9c0;word-break:keep-all}.host-chat{font:inherit;font-size:10px;padding:9px 11px;color:#a4e9df;background:#214454;border:1px solid #4e808a;border-radius:7px;margin-top:10px}.host-chat:hover{background:#2b5a6c}
.estimate-embedded-theme{background:transparent!important;padding:32px 16px;color:#e9f5ff}
.estimate-embedded-theme .widget{background:linear-gradient(145deg,#1c2b3c,#142131);border:1px solid #40566d;box-shadow:0 15px 40px #0004;border-radius:17px}
.estimate-embedded-theme h2{color:#eef8ff}.estimate-embedded-theme .sub{color:#9cb2c7}.estimate-embedded-theme .step-label{color:#82dcd2}.estimate-embedded-theme .btn{background:#203246;border-color:#3b526a;color:#c0d4e4}.estimate-embedded-theme .btn:hover{background:#294558;border-color:#6ba9b1;color:#dcfff7}.estimate-embedded-theme .btn.active{background:#326b76;border-color:#8adacf;color:#fff}.estimate-embedded-theme .result-box{background:#101d2c;border-color:#3a5268}.estimate-embedded-theme .result-title{color:#8ee8dc}.estimate-embedded-theme .spec-list li{border-color:#2c4155}.estimate-embedded-theme .spec-list li .lbl{color:#93aec4}.estimate-embedded-theme .val{color:#e5f4ff}.estimate-embedded-theme .price{color:#83dbd2}.estimate-embedded-theme .total-row{border-color:#37586e;gap:15px}.estimate-embedded-theme .total-label{color:#b6cede}.estimate-embedded-theme .total-sub{color:#8ba9be}.estimate-embedded-theme .total-value{color:#9aeade;white-space:nowrap}.estimate-embedded-theme .cta-btn{background:linear-gradient(110deg,#217d88,#315a90);color:#fff;border:1px solid #569ea9}.estimate-embedded-theme .cta-btn:hover{background:#327f98}
@media(max-width:1100px){.estimate-stage{grid-template-columns:minmax(0,764px);justify-content:center;gap:0;padding:25px 10px 5px}.estimate-host-right{display:none}.estimate-host-left{position:relative;top:0;padding:0 25px;flex-direction:row-reverse;justify-content:center;gap:22px;overflow:hidden;min-height:150px}.estimate-host-left img{width:120px;height:155px;margin:0;object-fit:contain}.estimate-host-left .host-copy{align-self:center;flex:1;max-width:320px;padding:0}.estimate-host-left h2{font-size:21px;line-height:1.5;margin:8px 0}.estimate-host-left h2 br{display:none}.estimate-host-left p{font-size:11px;margin:0}.estimate-host-left p br{display:none}.estimate-host-left:after{height:35px}.estimate-embedded-theme{padding-top:15px}}
@media(max-width:600px){.estimate-stage{padding:20px 5px 0}.estimate-host-left{padding:0 20px;gap:12px;min-height:135px}.estimate-host-left img{width:94px;height:135px}.estimate-host-left h2{font-size:18px}.host-copy>span{font-size:7px;letter-spacing:1.3px}.estimate-host-left p{font-size:10px}.estimate-embedded-theme{padding:12px 12px 24px}.estimate-embedded-theme .widget{padding:24px 18px;border-radius:13px}.estimate-embedded-theme h2{font-size:1.2rem}.estimate-embedded-theme .sub{font-size:.75rem;line-height:1.8}.estimate-embedded-theme .btn{min-width:110px;font-size:.8rem;padding:11px 6px}.estimate-embedded-theme .result-box{padding:16px 12px}.estimate-embedded-theme .spec-list li{font-size:.75rem}.estimate-embedded-theme .spec-list li .lbl{min-width:53px}.estimate-embedded-theme .total-value{font-size:1.1rem}.estimate-embedded-theme .total-sub{font-size:.6rem;line-height:1.7}.estimate-embedded-theme .cta-btn{font-size:.8rem}}

/* 용도 선택 카드: PC 이미지를 그라데이션으로 은은하게 연결 */
.estimate-embedded-theme .use-options .btn{--card-start:#24516b;--card-end:#142b41;position:relative;isolation:isolate;overflow:hidden;min-height:180px;padding:10px 6px 142px;color:#edf8ff;border-color:#49758d;background:linear-gradient(135deg,var(--card-start),var(--card-end));box-shadow:inset 0 1px 0 #ffffff10;transition:transform .18s,border-color .18s,box-shadow .18s}
.estimate-embedded-theme .use-options .btn:before{content:'';position:absolute;inset:42px 0 0;z-index:-1;background:linear-gradient(0deg,#101d2b66,transparent 45%),url('assets/hero-rgb-pc-set.png') 80% center/cover;opacity:1;pointer-events:none;border-top:1px solid #ffffff20}
.estimate-embedded-theme .use-options .btn:nth-child(2){--card-start:#493b75;--card-end:#172d50;border-color:#726095}
.estimate-embedded-theme .use-options .btn:nth-child(3){--card-start:#285b65;--card-end:#1c304d;border-color:#477d85}
.estimate-embedded-theme .use-options .btn:nth-child(4){--card-start:#315966;--card-end:#1b3b42;border-color:#528386}
.estimate-embedded-theme .use-options .btn .icon{display:none}
.estimate-embedded-theme .use-options .btn:hover{transform:translateY(-2px);border-color:#a3e5e5;box-shadow:0 7px 18px #0004}
.estimate-embedded-theme .use-options .btn.active{border-color:#a4fff0;box-shadow:0 0 0 1px #9af5e9,inset 0 0 25px #75e4db22;color:#fff}
.estimate-embedded-theme .use-options .btn:focus-visible{outline:3px solid #b8fff2;outline-offset:3px}
@media(max-width:600px){.estimate-embedded-theme .use-options .btn{min-height:165px;padding:10px 6px 127px}}
@media(prefers-reduced-motion:reduce){.estimate-embedded-theme .use-options .btn{transition:none}.estimate-embedded-theme .use-options .btn:hover{transform:none}}
.estimate-embedded-theme .use-options .card-price{position:absolute;bottom:0;left:0;right:0;display:block;padding:28px 3px 12px;background:linear-gradient(transparent,#08121ee8 45%);color:#b4fff1;font-size:12px;line-height:1.5;text-shadow:0 2px 5px #000;font-weight:700;pointer-events:none}
@media(max-width:600px){.estimate-embedded-theme .use-options .card-price{font-size:11px;padding-bottom:10px}}
.custom-help{font-size:12px;color:#a8c5d7;line-height:1.8;margin-bottom:14px}
.catalog-status{font-size:11px;line-height:1.8;color:#9ab6c9;margin:-8px 0 18px;word-break:keep-all}.part-source{font-size:10px;line-height:1.8;color:#93cec9;margin-top:5px;text-decoration:underline;text-underline-offset:3px}.part-source[hidden]{display:none}.estimate-price-note{font-size:11px;line-height:1.8;color:#a6bbca;margin:-4px 0 16px;word-break:keep-all}
.estimate-embedded-theme .spec-row{min-width:0;flex:1}.part-select{width:100%;min-width:0;max-width:100%;font:inherit;font-size:12px;color:#e8f9ff;background:#1a3042;border:1px solid #48697f;border-radius:8px;padding:10px 8px;cursor:pointer}.part-select:focus-visible{outline:2px solid #a0f1df;outline-offset:2px}.part-select option{color:#e8f9ff;background:#182b3c}
.compatibility-note{white-space:pre-line;color:#efce91;background:#483c252e;border:1px solid #9b7a433f;padding:12px;border-radius:8px;font-size:11px;line-height:1.9;margin:12px 0}.custom-secondary{font:inherit;font-size:12px;color:#bde8e2;background:#233b4c;border:1px solid #527783;border-radius:8px;padding:10px 14px;margin:0 0 14px;cursor:pointer}#copy-custom{width:100%}#copy-custom-status{font-size:11px;color:#9ce9d9;line-height:1.7;margin-bottom:10px}#custom-quote-text{width:100%;min-height:220px;margin-bottom:14px;background:#112131;color:#ddf2fa;padding:12px;border:1px solid #527783;border-radius:8px}.estimate-embedded-theme .total-sub{max-width:260px;line-height:1.8}
@media(max-width:600px){.estimate-embedded-theme .spec-list li{flex-direction:column;align-items:stretch;gap:6px}.part-select{font-size:12px}.estimate-embedded-theme .total-row{flex-wrap:wrap}}
/* 첨부된 네 가지 PC 사진을 각 카드의 이미지 영역으로 표시합니다. */
.estimate-embedded-theme .use-options .btn{--pc-x:7.27%;min-height:240px;padding-bottom:202px}
.estimate-embedded-theme .use-options .btn:nth-child(2){--pc-x:36.78%}
.estimate-embedded-theme .use-options .btn:nth-child(3){--pc-x:64.96%}
.estimate-embedded-theme .use-options .btn:nth-child(4){--pc-x:93.65%}
.estimate-embedded-theme .use-options .btn:before{inset:42px 0 30px;background-image:url('assets/estimate-pc-reference.png');background-size:458.08% 276.47%;background-position:var(--pc-x) 74.17%;background-repeat:no-repeat;border-top:0}
@media(max-width:600px){.estimate-embedded-theme .use-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.estimate-embedded-theme .use-options .btn{min-width:0;min-height:235px;padding-bottom:197px}}

.economy-options{margin-top:4px}.economy-choice{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;font:inherit;color:#e4f7ef;background:linear-gradient(115deg,#193d3a,#1c3042);border:1px solid #59877b;border-radius:12px;padding:16px 18px;cursor:pointer}.economy-choice strong{display:block;font-size:14px}.economy-choice small{display:block;color:#a5c7bc;font-size:11px;margin-top:6px;line-height:1.7}.economy-choice b{font-size:16px;color:#b7f4d5;white-space:nowrap}.economy-choice:hover,.economy-choice.active{border-color:#b2f2d1;box-shadow:0 0 0 1px #8bd5b966}.economy-choice:focus-visible{outline:3px solid #b7f4d5;outline-offset:3px}.economy-choice:disabled{opacity:.65;cursor:wait}.economy-condition{font-size:11px;line-height:1.9;color:#c0d8c9;background:#24473866;border:1px solid #5a897155;border-radius:8px;padding:12px;margin:0 0 14px}.economy-condition[hidden]{display:none}@media(max-width:450px){.economy-choice{padding:14px 12px;flex-wrap:wrap}.economy-choice strong{font-size:13px}}
.economy-category{margin-top:34px;padding-top:30px;border-top:1px solid #466459}.economy-category h2{font-size:20px;text-align:left;line-height:1.5}.economy-category .sub{text-align:left;font-size:12px;line-height:1.8;margin:8px 0 20px}.economy-category .economy-choice{display:grid;grid-template-columns:150px 1fr;padding:0;overflow:hidden;gap:0;max-width:100%}.economy-pc-image{display:block;align-self:stretch;min-height:218px;background-image:url('assets/estimate-pc-reference.png');background-size:458.08% 276.47%;background-position:7.27% 74.17%;background-repeat:no-repeat;border-right:1px solid #59877b66}.economy-card-copy{padding:20px;min-width:0}.economy-card-copy b{display:block;margin-top:15px;font-size:22px}.economy-card-action{display:block;font-size:11px;color:#a8d8c7;margin-top:12px}.economy-category #result{margin-top:20px}@media(max-width:450px){.economy-category .economy-choice{grid-template-columns:110px 1fr}.economy-pc-image{min-height:210px}.economy-card-copy{padding:15px 12px}.economy-category h2{font-size:18px}.economy-card-copy b{font-size:19px}}
/* 용도별 사진과 색상은 카드 순서가 바뀌어도 유지합니다. */
.estimate-embedded-theme .use-options .btn[data-pc-use="office"]{--pc-x:7.27%;--card-start:#24516b;--card-end:#142b41;border-color:#49758d}
.estimate-embedded-theme .use-options .btn[data-pc-use="game"]{--pc-x:36.78%;--card-start:#493b75;--card-end:#172d50;border-color:#726095}
.estimate-embedded-theme .use-options .btn[data-pc-use="edit"]{--pc-x:64.96%;--card-start:#285b65;--card-end:#1c304d;border-color:#477d85}
.estimate-embedded-theme .use-options .btn[data-pc-use="student"]{--pc-x:93.65%;--card-start:#315966;--card-end:#1b3b42;border-color:#528386}
.estimate-embedded-theme .use-options .btn[data-pc-use]:hover{border-color:#a3e5e5}.estimate-embedded-theme .use-options .btn[data-pc-use].active{border-color:#a4fff0}
/* Bright quote surface: clear text, visible controls and selected states. */
.estimate-embedded-theme{color:#203448}
.estimate-embedded-theme .widget{background:#f7fafc;border-color:#c5d5df;box-shadow:0 12px 36px #0002}
.estimate-embedded-theme h2{color:#163349}
.estimate-embedded-theme .sub,.estimate-embedded-theme .custom-help,.estimate-embedded-theme .catalog-status,.estimate-embedded-theme .estimate-price-note{color:#526579}
.estimate-embedded-theme .step-label,.estimate-embedded-theme .result-title{color:#086777}
.estimate-embedded-theme .result-box{background:#fff;border-color:#b8cdd9;box-shadow:0 4px 16px #19364b0a}
.estimate-embedded-theme .spec-list li{border-color:#dce5eb;padding-top:12px;padding-bottom:12px}
.estimate-embedded-theme .spec-list li .lbl{color:#425a70;font-weight:700}
.estimate-embedded-theme .val{color:#172e42}
.estimate-embedded-theme .price,.estimate-embedded-theme .part-source{color:#086a71}
.estimate-embedded-theme .part-select{background:#f5f9fc;color:#183247;border-color:#8faabd}
.estimate-embedded-theme .part-select option{background:#fff;color:#183247}
.estimate-embedded-theme .part-select:focus-visible,.estimate-embedded-theme .custom-secondary:focus-visible{outline:3px solid #087f91;outline-offset:3px}
.estimate-embedded-theme .compatibility-note{color:#79500b;background:#fff6df;border-color:#e4c783}
.estimate-embedded-theme .custom-secondary{color:#14596d;background:#eaf4f8;border-color:#8bb5c6;font-weight:700}
.estimate-embedded-theme .custom-secondary:hover{background:#d8edf4}
.estimate-embedded-theme .total-row{border-color:#a8c8d4;background:#edf7fa;padding:18px 12px;border-radius:8px}
.estimate-embedded-theme .total-label{color:#284e63;font-weight:700}
.estimate-embedded-theme .total-sub{color:#536b7d}
.estimate-embedded-theme .total-value{color:#006d80}
.estimate-embedded-theme #copy-custom-status{color:#086a55}
.estimate-embedded-theme #custom-quote-text{background:#fff;color:#203448;border-color:#8faabd}
.estimate-embedded-theme .economy-category{border-color:#bfd2dc}
.estimate-embedded-theme .economy-condition{background:#edf7f0;color:#365f49;border-color:#b5d3bf}
.estimate-embedded-theme .use-options .btn[data-pc-use]{background:#eaf3f8;color:#1e4057;border-color:#a6bfce}
.estimate-embedded-theme .use-options .btn[data-pc-use]:hover{background:#dceef5;border-color:#197e99}
.estimate-embedded-theme .use-options .btn[data-pc-use].active{background:#d5eef3;color:#075165;border:3px solid #087e94;box-shadow:0 0 0 2px #b2e3eb}
.estimate-embedded-theme .use-options .btn:focus-visible{outline:3px solid #087e94;outline-offset:3px}
.estimate-embedded-theme .use-options .card-price{background:#f0f7fa;color:#075a6d;text-shadow:none;padding:8px 3px;font-weight:700}
.estimate-embedded-theme .estimate-video-editor,.estimate-embedded-theme .estimate-video-editor>small{color:#526579}
.estimate-embedded-theme .estimate-video-actions button{background:#e8f3f7;color:#174f65;border-color:#8bb3c4}

.estimate-embedded-theme .estimate-toggle-hint{font-size:12px;line-height:1.8;color:#24576d;background:#e8f3f8;border:1px solid #b7d2df;border-radius:8px;padding:10px 12px;margin:4px 0 18px;word-break:keep-all}
