/* Current public-page refinements; redundant exact-property overrides removed. */
/* Consolidated visual layer; old overlapping experiments removed 2026-10-21. */
:root{--jjs-fine-shadow:0 12px 32px rgba(24,30,39,.092)}
body.experience-ui{color:#23252a}
.experience-ui :is(.home-shortcuts>a,.home-product-card,.product-card,.guide-steps>*,.faq-item,.consult-card,.consult-summary){box-shadow:var(--jjs-fine-shadow)}
.experience-ui .tools-main .faq-item .faq-answer p{font-size:14px;line-height:1.85;color:#444b55}
.experience-ui .tools-main .faq-item summary{font-size:16px;font-weight:700;color:#232831}
/* 2026-10-21 corrective pass: restore the approved orange/charcoal cards. */
.experience-ui .home-offer-grid .home-offer-phone{background:#d96532!important;border-color:transparent!important;color:#fff!important;}
.experience-ui .home-offer-grid .home-offer-internet{background:#292825!important;border-color:transparent!important;color:#fff!important;}
.experience-ui .home-offer-grid .home-offer :is(h3,p,b,i,.offer-arrow){color:#fff!important;text-shadow:none!important;}
.experience-ui .home-offer-grid .home-offer p{color:rgba(255,255,255,.83)!important;}
.experience-ui .home-offer-grid .home-offer .offer-number{color:rgba(255,255,255,.8)!important;}
.experience-ui .home-offer-grid .home-offer::after{background-image:none!important;background:none!important;opacity:1!important;inset:auto!important;top:11%!important;right:-8%!important;width:215px!important;height:215px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:50%!important;filter:none!important;transform:none!important;z-index:0!important;}
.experience-ui .home-offer-grid .home-offer{min-height:245px;box-shadow:0 11px 23px rgba(29,34,39,.15),0 3px 5px rgba(29,34,39,.07)!important;transform-style:preserve-3d;transition:transform .28s ease,box-shadow .28s ease!important;}
@media(hover:hover){.experience-ui .home-offer-grid .home-offer:hover{transform:translateY(-3px)!important;box-shadow:0 23px 40px rgba(29,34,39,.20),0 7px 12px rgba(29,34,39,.08)!important;}}
/* Remove the redundant category chip (e.g. '가입 안내'), keep the actual FAQ question and answer. */
.experience-ui .tools-main .faq-item .faq-category{display:none!important;}
.experience-ui .tools-main .faq-item .faq-answer{display:block!important;padding:0 22px 20px!important;}
/* Staff consultation: deliberately stronger than generic ui-polish/ui-consistency selectors. */
body.experience-ui .consult-workspace{max-width:1200px;padding:38px 22px 70px;}
body.experience-ui .consult-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(315px,.85fr);gap:26px;align-items:start;}
body.experience-ui .consult-form-column{display:grid;gap:18px;min-width:0;}
body.experience-ui .consult-workspace .consult-card{margin:0;padding:clamp(21px,2.2vw,30px);border:1px solid #dce1e7!important;border-radius:19px!important;background:#fff!important;box-shadow:0 10px 26px rgba(31,40,49,.10)!important;}
body.experience-ui .consult-workspace .consult-summary{position:sticky;top:22px;border:1px solid #d9dfe6!important;border-radius:19px!important;background:#fff!important;box-shadow:0 14px 32px rgba(31,40,49,.13)!important;}
body.experience-ui .consult-workspace .consult-card-heading{gap:13px;border-bottom:1px solid #edf0f3;}
body.experience-ui .consult-workspace .consult-card-heading>span{flex:0 0 35px;height:35px;padding:0;display:grid;place-items:center;background:#fff1e8;border:1px solid #f4d6c5;border-radius:11px;color:#f06b24;font-size:12px;}
body.experience-ui .consult-workspace .consult-card-heading h2{font-size:19px!important;color:#222a33!important;font-weight:750;line-height:1.4;}
body.experience-ui .consult-workspace .consult-card-heading p{margin-top:6px;color:#56616f!important;font-size:13px!important;line-height:1.7;}
body.experience-ui .consult-workspace .consult-fields-grid{gap:18px 15px;}
body.experience-ui .consult-workspace :is(.consult-fields-grid label,.consult-device-select label){color:#354151!important;font-size:13px!important;line-height:1.5;}
body.experience-ui .consult-workspace :is(.consult-search,.consult-fields-grid select,.consult-fields-grid input:not([type=checkbox]),.consult-device-select select){min-height:47px!important;border:1px solid #cbd3dd!important;border-radius:11px!important;background:#fff;color:#242b34;font-size:14px!important;padding:0 13px;}
body.experience-ui .consult-workspace .consult-choice-section{border-top:1px solid #e5e9ee;margin-top:25px;padding-top:23px;}
body.experience-ui .consult-workspace .consult-choice-section h3{font-size:16px;font-weight:750;color:#252e39;}
body.experience-ui .consult-workspace .consult-choice-section>p{font-size:13px;color:#56616f;line-height:1.7;}
body.experience-ui .consult-workspace .consult-device-preview{margin-top:20px;padding:17px;border:1px solid #e1e6ec;border-radius:14px;background:#fafbfc;}
body.experience-ui .consult-workspace .consult-summary h2{font-size:20px!important;color:#232c37!important;font-weight:750;}
body.experience-ui .consult-workspace .consult-summary .consult-monthly{border-radius:14px!important;font-weight:800;}
body.experience-ui .consult-workspace .consult-summary .consult-breakdown{font-size:14px!important;color:#4d5967!important;line-height:1.9;}
body.experience-ui .consult-workspace .consult-progress li{font-size:13px!important;}
@media(max-width:960px){body.experience-ui .consult-layout{grid-template-columns:minmax(0,1fr);}body.experience-ui .consult-workspace .consult-summary{position:static;}}
@media(max-width:600px){body.experience-ui .consult-workspace{padding:22px 14px 46px;}body.experience-ui .consult-workspace .consult-card,body.experience-ui .consult-workspace .consult-summary{padding:18px!important;}body.experience-ui .consult-workspace .consult-card-heading h2{font-size:17px!important;}body.experience-ui .consult-workspace .consult-progress li{font-size:11px!important;}}


/* Unified card lift: one subtle motion, safe breathing room, no clipped top edge. */
.experience-ui :is(.home-shortcuts,.internet-home-shortcuts,.home-offer-grid,.home-guide-steps,.guide-steps,.internet-speed-grid,.product-grid){padding-top:10px!important;padding-bottom:9px!important;overflow:visible!important;}
.experience-ui .home-shortcuts>a,.experience-ui .internet-home-shortcuts>a,.experience-ui .home-guide-steps article,.experience-ui .guide-steps article,.experience-ui .product-card,.experience-ui .home-product-card,.experience-ui .internet-speed-card,.experience-ui .faq-item,.experience-ui .consult-card{
  transform:translateY(0);transform-origin:center center;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease!important;
  will-change:auto;
}
/* Use existing intersection-observer reveal only, not the old second keyframe animation. */
.experience-ui :is(.home-shortcuts>a,.internet-home-shortcuts>a,.home-guide-steps article,.guide-steps article,.product-card,.home-product-card,.internet-speed-card,.faq-item,.consult-card){animation:none!important}
@media(hover:hover) and (pointer:fine){
 .experience-ui :is(.home-shortcuts>a,.internet-home-shortcuts>a,.home-guide-steps article,.guide-steps article,.product-card,.home-product-card,.internet-speed-card,.faq-item,.consult-card):hover{
  transform:translateY(-3px)!important;
  box-shadow:0 16px 34px rgba(28,36,46,.15)!important;
 }
}
/* Prevent the hoverable card from touching clipped track edges. */
.experience-ui .product-carousel-track{padding-top:9px!important;padding-bottom:17px!important;}
@media(max-width:760px){
 .experience-ui :is(.home-shortcuts,.internet-home-shortcuts){overflow-x:auto!important;overflow-y:hidden!important;padding-top:10px!important;padding-bottom:18px!important;}
 .experience-ui .product-carousel-track{overflow-x:auto!important;overflow-y:hidden!important;}
}
/* Increase contrast slightly without changing typography family or weight in buttons. */
.experience-ui :is(.home-shortcuts b,.internet-home-shortcuts b,.home-guide-steps b,.guide-steps b,.product-card h3,.home-product-card h3){color:#222831!important;font-weight:700!important;}
.experience-ui :is(.home-shortcuts small,.internet-home-shortcuts small,.home-guide-steps p,.guide-steps p,.home-product-card p,.product-card p){color:#4d5662!important;font-weight:500;}
.experience-ui .home-guide-heading :is(h2,p),.experience-ui .home-offers .home-section-heading :is(h2,p){color:#222831;}
@media(prefers-reduced-motion:reduce){.experience-ui :is(.home-shortcuts>a,.internet-home-shortcuts>a,.home-guide-steps article,.guide-steps article,.product-card,.home-product-card,.internet-speed-card,.faq-item,.consult-card){transform:none!important;transition:none!important;animation:none!important}.jjs-motion-ready .jjs-reveal{opacity:1!important;translate:none!important}}


/* Shared expandable price panel: staff + public device page, one circular rotating arrow. */
.experience-ui .consult-summary .consult-estimate-kicker{display:block;margin-top:20px;color:#f06b24;font-size:11px;font-weight:750}
.experience-ui .consult-summary .consult-estimate-heading{margin:9px 0 5px;font-size:21px;font-weight:800;color:#202a35}
.experience-ui .consult-summary .consult-estimate-caption{font-size:13px;line-height:1.6;color:#52606e;margin:0 0 13px}
body.experience-ui .consult-workspace .consult-summary .consult-monthly{display:block;margin:12px 0!important;padding:0!important;border:0!important;background:none!important;color:#f06b24!important;font-size:clamp(28px,2.65vw,36px)!important;line-height:1.35}
.experience-ui .consult-summary .consult-estimate-split{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);align-items:center;gap:5px;padding:15px 10px;border:1px solid #e1e5eb;border-radius:15px;background:#f6f7f9;margin:16px 0 8px}
.experience-ui .consult-estimate-split>div{min-width:0;display:grid;gap:8px}
.experience-ui .consult-estimate-split span{color:#607080;font-size:12px;line-height:1.5}
.experience-ui .consult-estimate-split b{font-size:clamp(15px,1.55vw,19px);font-weight:800;color:#1f2c39;overflow-wrap:anywhere;line-height:1.5}
.experience-ui .consult-estimate-plus{font-size:13px;text-align:center}
.experience-ui .consult-estimate-note{font-size:12px;color:#5d6876;line-height:1.7;margin:10px 0 18px}
.experience-ui .consult-estimate-details{border:1px solid #e1e5eb;border-radius:18px;background:#fff;overflow:hidden;margin:15px 0 20px}
.experience-ui .consult-estimate-details>summary,.experience-ui .estimate-card .estimate-details>summary{display:flex;align-items:center;justify-content:space-between;gap:13px;cursor:pointer;list-style:none;padding:17px 18px}
.experience-ui .consult-estimate-details>summary::-webkit-details-marker,.experience-ui .estimate-card .estimate-details>summary::-webkit-details-marker{display:none}
.experience-ui .consult-estimate-details-copy,.experience-ui .estimate-card .estimate-details-copy{display:grid;gap:5px}
.experience-ui .consult-estimate-details-copy b,.experience-ui .estimate-card .estimate-details-copy b{font-weight:800;font-size:14px;color:#1f2937}
.experience-ui .consult-estimate-details-copy small,.experience-ui .estimate-card .estimate-details-copy small{font-size:12px;color:#647183;line-height:1.5}
.experience-ui .consult-estimate-toggle,.experience-ui .estimate-card .estimate-details-toggle{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #e1e6ec;border-radius:50%;background:#fff;transform:rotate(0deg);transition:transform .32s cubic-bezier(.2,.8,.2,1),background .25s,border-color .25s}
.experience-ui .consult-estimate-toggle::before,.experience-ui .estimate-card .estimate-details-toggle::before{content:"";display:block;width:8px;height:8px;border-right:1.5px solid #df6235;border-bottom:1.5px solid #df6235;transform:translateY(-2px) rotate(45deg)}
.experience-ui .consult-estimate-details[open]>summary .consult-estimate-toggle,.experience-ui .estimate-card .estimate-details[open]>summary .estimate-details-toggle{transform:rotate(180deg)}
.experience-ui .consult-estimate-details-content{padding:0 14px 16px}
.experience-ui .consult-estimate-group{background:#f6f7f9;border:1px solid #e2e6ed;border-radius:15px;padding:16px}
.experience-ui .consult-estimate-group h4{display:flex;align-items:center;gap:10px;color:#24303c;margin:0 0 12px;font-size:14px;font-weight:750}
.experience-ui .consult-estimate-group h4 span{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:white;color:#f06b24;font-size:10px}
.experience-ui .consult-estimate-group .consult-breakdown{margin:0;line-height:1.9!important;font-size:13px!important;color:#455365!important;overflow-wrap:anywhere}
.experience-ui .consult-estimate-footnote{font-size:12px;line-height:1.8;color:#5d6a78;margin:14px 3px 0}
@media(max-width:540px){.experience-ui .consult-estimate-split{padding:13px 8px}.experience-ui .consult-estimate-split b{font-size:15px}.experience-ui .consult-estimate-details>summary{padding:15px}}
@media(prefers-reduced-motion:reduce){.experience-ui .consult-estimate-toggle,.experience-ui .estimate-card .estimate-details-toggle{transition:none!important}}

/* Existing general details rotation targeted all summary spans; never rotate the text. */
.experience-ui .estimate-card .estimate-details[open]>summary>.estimate-details-copy{transform:none!important}
.experience-ui .estimate-card .estimate-details[open]>summary>.estimate-details-toggle{transform:rotate(180deg)!important}

/* Itemized staff estimate matches the public two-section breakdown. */
.experience-ui .consult-estimate-details-content{display:grid;gap:13px}
.experience-ui .consult-estimate-rows{display:grid;gap:0}
.experience-ui .consult-estimate-rows>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e2e6ec}
.experience-ui .consult-estimate-rows>div:last-child{border-bottom:0}
.experience-ui .consult-estimate-rows>div>span{flex:1;min-width:0;font-size:13px;line-height:1.6;color:#526070}
.experience-ui .consult-estimate-rows>div>b{text-align:right;font-size:13px;line-height:1.6;color:#202b38;font-weight:750;overflow-wrap:anywhere;max-width:55%}
.experience-ui .consult-estimate-rows>.is-total{margin-top:3px;padding-top:14px;border-top:1px solid #d6dce4}
.experience-ui .consult-estimate-rows>.is-total>b{font-weight:800;color:#172635}
.experience-ui .consult-estimate-rows [id="staffPublicSupport"],.experience-ui .consult-estimate-rows [id="staffExtraSupport"],.experience-ui .consult-estimate-rows [id="staffContractDiscount"],.experience-ui .consult-estimate-rows [id="staffBundleDiscount"],.experience-ui .consult-estimate-rows [id="staffCardDiscount"]{color:#f06b24}

/* One shared card motion for internet and phone detail: same lift, same ease. */
.experience-ui :is(.internet-speed-card,.internet-check-card,.mobile-info-card,.selected-plan-summary,.activation-step,.device-information-details>article){
  position:relative;
  transform:translateY(0);
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease!important;
}
/* Breathing room preserves shadows and prevents clipping during hover. */
.experience-ui :is(.internet-speed-cards,.internet-benefits,.mobile-info-grid,.activation-timeline,.device-information-details){
  padding-top:10px!important;
  padding-bottom:11px!important;
  overflow:visible!important;
}
@media(hover:hover) and (pointer:fine){
  .experience-ui :is(.internet-speed-card,.internet-check-card,.mobile-info-card,.selected-plan-summary,.activation-step,.device-information-details>article):hover{
    transform:translateY(-3px)!important;
    box-shadow:0 16px 34px rgba(28,36,46,.15)!important;
    border-color:#d7dce3!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .experience-ui :is(.internet-speed-card,.internet-check-card,.mobile-info-card,.selected-plan-summary,.activation-step,.device-information-details>article){
    transition:none!important;
    transform:none!important;
  }
}


/* Retain the decorative depth only on discovery surfaces.
   Phone/staff calculators use one flat surface, not the removed v8 3D layers. */
:root{
 --jjs3d-line:#dfe4ea;
 --jjs3d-shadow:0 17px 34px -21px rgba(23,36,50,.43),0 6px 13px -8px rgba(23,36,50,.17);
 --jjs3d-ease:cubic-bezier(.22,.75,.25,1);
}
body.experience-ui :is(.home-product-card,.product-card,.entry-card,.guide-steps article,.home-guide-steps article,.faq-item,.document-panel){
 border:1px solid #dfe4ea!important;
 border-radius:19px!important;
 box-shadow:var(--jjs3d-shadow)!important;
}
@media(hover:hover) and (pointer:fine){
 body.experience-ui :is(.home-product-card,.product-card,.entry-card,.guide-steps article,.home-guide-steps article,.faq-item,.document-panel):hover{
  border-color:#cbd3dd!important;
 }
}
/* The product, configurator, public receipt and staff quote are single-depth 2D cards. */
body.experience-ui :is(.config-panel,.order-summary.estimate-card,.consult-workspace .consult-summary,.consult-workspace .consult-card,.consult-workspace .consult-device-preview){
 background:#fff!important;
 border:1px solid #dfe4ea!important;
 border-radius:17px!important;
 box-shadow:0 2px 9px rgba(31,39,49,.06)!important;
 transform:none!important;
 translate:none!important;
 transition:border-color .15s ease!important;
}
@media(hover:hover){
 body.experience-ui :is(.config-panel,.order-summary.estimate-card,.consult-workspace .consult-summary,.consult-workspace .consult-card,.consult-workspace .consult-device-preview):hover{
  transform:none!important;
  box-shadow:0 2px 9px rgba(31,39,49,.06)!important;
 }
}
body.experience-ui :is(.consult-workspace .consult-carriers button,.consult-filters button,.consult-quick-phones button,.consult-discount-compare button,.config-panel .choice-button,.config-panel .extra-option,.config-panel .insurance-option){
 transform:none!important;
 translate:none!important;
 box-shadow:none!important;
 transition:background .15s ease,border-color .15s ease!important;
}
body.experience-ui :is(.consult-carriers button.is-selected,.consult-discount-compare button.is-selected,.config-panel .choice-button.is-selected,.config-panel .extra-option.is-selected,.config-panel .insurance-option.is-selected){
 background:#fff6f0!important;
 border-color:#dc936c!important;
 box-shadow:inset 0 0 0 1px rgba(219,102,49,.16)!important;
}
body.experience-ui :is(.consult-workspace input:not([type=checkbox]),.consult-workspace select,.config-panel input,.config-panel select){
 border-color:#cbd4df;
 border-radius:11px;
 box-shadow:none;
}
body.experience-ui :is(.consult-estimate-group,.estimate-breakdown-group,.consult-estimate-split,.estimate-split,.consult-estimate-details){
 background:#fff!important;
 border:1px solid #dfe5ec!important;
 border-radius:14px!important;
 box-shadow:none!important;
}
body.experience-ui .consult-estimate-rows>div b{font-weight:750}
body.experience-ui :is(.consult-monthly,.monthly-total,.internet-summary .monthly-total){font-variant-numeric:tabular-nums;letter-spacing:-.035em}
@media(max-width:760px){
 body.experience-ui :is(.config-panel,.order-summary.estimate-card,.consult-workspace .consult-card,.consult-workspace .consult-summary){border-radius:16px!important}
 body.experience-ui .consult-layout{gap:15px}
}

/* v9: device condition configurator now uses the same tactile card language as internet setup. */
body.experience-ui .config-panel{}
body.experience-ui .config-panel .config-topline{align-items:center;gap:12px;border-bottom:1px solid #e5e9ef;}
body.experience-ui .config-panel .config-topline b{line-height:1.3;color:#202a36;font-weight:800;}
body.experience-ui .config-panel .config-topline>span{font-size:12px;color:#687586;}
body.experience-ui .config-panel fieldset{min-width:0;margin:0;border:0;border-bottom:1px solid #e6ebf1!important;}
body.experience-ui .config-panel fieldset legend{display:block;float:none;width:auto;padding:0 0 0 1px;color:#25303d;font-weight:750;line-height:1.5;}
body.experience-ui .config-panel fieldset legend::before{display:inline-grid;place-items:center;vertical-align:middle;margin-right:10px;border:1px solid #f0dbc9;border-radius:8px;background:#fff4ec;color:#f06b24;font-weight:800;}
body.experience-ui .config-panel .choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
body.experience-ui .config-panel .choice-row.two-choice{grid-template-columns:repeat(2,minmax(0,1fr));}
body.experience-ui .config-panel .choice-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;border:1px solid #dbe2ea!important;background:#fff!important;color:#354153!important;font-weight:700!important;line-height:1.35!important;box-shadow:none!important;transition:background .15s ease,border-color .15s ease!important;transform:none!important;cursor:pointer;}
body.experience-ui .config-panel .choice-button small{color:#677487!important;font-weight:500;line-height:1.5;}
body.experience-ui .config-panel .choice-button:is(.is-selected,.active,.selected,[aria-pressed="true"]){background:#fff5ee!important;border-color:#d98150!important;color:#f06b24!important;box-shadow:inset 0 0 0 1px rgba(216,109,52,.16)!important;}
body.experience-ui .config-panel .choice-button:is(.is-selected,.active,.selected,[aria-pressed="true"]) small{color:#f06b24!important;}
body.experience-ui .config-panel .choice-button:disabled{opacity:.58;cursor:not-allowed;transform:none!important;box-shadow:none!important;}
@media(hover:hover) and (pointer:fine){body.experience-ui .config-panel .choice-button:not(:disabled):hover{transform:none!important;border-color:#c4cfd9!important;box-shadow:none!important;}}
body.experience-ui .config-panel .inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
body.experience-ui .config-panel .inline-fields label{display:block;font-size:13px!important;color:#344153!important;font-weight:700;}
body.experience-ui .config-panel .inline-fields select{width:100%;min-width:0;border:1px solid #ccd5e0!important;border-radius:12px!important;background-color:#fff;font-size:13px!important;color:#263342!important;box-shadow:none;}
body.experience-ui .config-panel .color-options{display:flex;align-items:center;flex-wrap:wrap;padding:5px 0 2px;}
body.experience-ui .config-panel .color-swatch{border:3px solid #fff;box-shadow:0 0 0 1px #cad4df;}
body.experience-ui .config-panel .extra-option{background:#fff!important;border:1px solid #dde4ec!important;box-shadow:none!important;}
body.experience-ui .config-panel .extra-option b{font-size:13px!important;color:#263241;}
body.experience-ui .config-panel .extra-option small{font-size:12px!important;color:#586675;}
body.experience-ui .config-panel .condition-note{border:1px solid #e2e6ec;border-radius:15px;background:#f7f9fb;}
/* Information-only sections do not lift or fade. Keep the layout and typographic hierarchy. */
body.experience-ui :is(#plan-information .selected-plan-summary,#plan-information .mobile-info-card,#important-information .mobile-info-card,#activation-method .activation-step){
 transform:none!important;transition:none!important;animation:none!important;
}
@media(hover:hover){
 body.experience-ui :is(#plan-information .selected-plan-summary,#plan-information .mobile-info-card,#important-information .mobile-info-card,#activation-method .activation-step):hover{
  transform:none!important;box-shadow:0 2px 9px rgba(31,39,49,.06)!important;border-color:#dfe4ea!important;
 }
}
.jjs-motion-ready body.experience-ui :is(#plan-information .selected-plan-summary,#plan-information .mobile-info-card,#important-information .mobile-info-card,#activation-method .activation-step).jjs-reveal{
 opacity:1!important;translate:none!important;transition:none!important;
}
@media(max-width:480px){
 body.experience-ui .config-panel .choice-row{gap:8px!important}
 body.experience-ui .config-panel .choice-button{}
 body.experience-ui .config-panel .inline-fields{grid-template-columns:minmax(0,1fr);}
 body.experience-ui .config-panel .config-topline b{font-size:20px!important}
}
@media(prefers-reduced-motion:reduce){body.experience-ui .config-panel .choice-button{transition:none!important;transform:none!important}}

/* v10: dense, stationary phone and staff calculator controls. */
body.experience-ui .config-panel{padding:20px 22px!important}
body.experience-ui .config-panel .config-topline{padding-bottom:13px;margin-bottom:5px}
body.experience-ui .config-panel .config-topline b{font-size:20px!important}
body.experience-ui .config-panel fieldset{padding:13px 0 15px!important}
body.experience-ui .config-panel fieldset legend{margin-bottom:8px;font-size:13px!important}
body.experience-ui .config-panel fieldset legend::before{min-width:22px;height:22px;font-size:10px!important}
body.experience-ui .config-panel .choice-row{gap:8px!important}
body.experience-ui .config-panel .choice-button{min-height:46px!important;padding:8px 7px!important;border-radius:11px!important;font-size:12px!important}
body.experience-ui .config-panel .choice-button small{font-size:10px!important}
body.experience-ui .config-panel .inline-fields{gap:10px;padding-top:14px!important}
body.experience-ui .config-panel .inline-fields select{height:42px!important;margin-top:5px}
body.experience-ui .config-panel .color-options{gap:10px}
body.experience-ui .config-panel .color-swatch{width:29px;height:29px}
body.experience-ui .config-panel .extra-option{margin-top:9px!important;padding:11px 13px!important;border-radius:12px!important}
body.experience-ui .config-panel .condition-note{margin-top:13px;padding:13px 15px}
body.experience-ui .internet-fieldset{padding:18px!important;border-radius:16px!important}
body.experience-ui :is(.provider-option,.speed-option,.tv-option){min-height:52px!important;padding:11px!important;border-radius:12px!important}
body.experience-ui .consult-workspace .consult-card{padding:20px!important}
body.experience-ui .consult-workspace .consult-discount-compare{gap:9px!important;margin:12px 0 17px!important}
body.experience-ui .consult-workspace .consult-discount-compare button{min-height:0!important;height:auto!important;padding:10px 11px!important;gap:4px!important;border-radius:12px!important;align-content:start}
body.experience-ui .consult-workspace .consult-discount-compare button span{font-size:12px!important;line-height:1.35}
body.experience-ui .consult-workspace .consult-discount-compare button strong{font-size:clamp(16px,1.4vw,19px)!important;line-height:1.35!important}
body.experience-ui .consult-workspace .consult-discount-compare button small{font-size:10px!important;line-height:1.45!important}
body.experience-ui .consult-workspace .consult-carriers button{min-height:46px!important}
body.experience-ui .consult-workspace .consult-card-heading{margin-bottom:15px;padding-bottom:12px}
body.experience-ui .consult-workspace .consult-summary{padding:21px!important}
/* Lift is reserved for discovery/navigation cards; all calculator panels and controls remain still. */
body.experience-ui :is(.config-panel,.order-summary.estimate-card,.internet-config,.internet-summary,.internet-fieldset,.consult-workspace .consult-card,.consult-workspace .consult-summary,.consult-workspace .consult-device-preview,.consult-estimate-group,.estimate-breakdown-group){
 transform:none!important;translate:none!important;
 transition:box-shadow .25s ease,border-color .25s ease!important;
}
@media(hover:hover){
 body.experience-ui :is(.config-panel,.order-summary.estimate-card,.internet-config,.internet-summary,.internet-fieldset,.consult-workspace .consult-card,.consult-workspace .consult-summary,.consult-workspace .consult-device-preview,.consult-estimate-group,.estimate-breakdown-group):hover{
  transform:none!important;translate:none!important;
  box-shadow:0 2px 9px rgba(31,39,49,.06)!important;
 }
 body.experience-ui :is(.config-panel .choice-button,.config-panel .color-options button,.config-panel .extra-option,.internet-config button,.internet-config label,.consult-workspace button,.consult-workspace .consult-option):hover{
  transform:none!important;translate:none!important;
 }
}
body.experience-ui :is(.config-panel .choice-button,.config-panel .color-options button,.config-panel .extra-option,.internet-config button,.consult-workspace button){transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important}
@media(max-width:480px){
 body.experience-ui .config-panel{padding:17px!important}
 body.experience-ui .config-panel .choice-button{min-height:43px!important;padding:7px 4px!important;font-size:11px!important}
 body.experience-ui .consult-workspace .consult-card{padding:17px!important}
 body.experience-ui .internet-fieldset{padding:15px!important}
}

/* Device consultation: match the configurator's light-gray outline and
   17px radius. Keep the OUTER card stationary; only the inner phone image
   moves using the original jjs-experience.css + site-motion.js rules.
   Removed the duplicated image transform/transition/filter override. */
body.experience-ui .detail-layout>.detail-product{
 transform:none!important;
 translate:none!important;
 transition:none!important;
 box-shadow:0 2px 9px rgba(31,39,49,.06)!important;
 border:1px solid #dfe4ea!important;
 border-radius:17px!important;
 background:#fff!important;
}
body.experience-ui .detail-layout>.detail-product:hover{
 transform:none!important;
 box-shadow:0 2px 9px rgba(31,39,49,.06)!important;
}
body.experience-ui .consult-summary .consult-estimate-details-content .consult-estimate-group,
body.experience-ui .estimate-card .estimate-details-content .estimate-breakdown-group{
 background:#fff!important;
 border:1px solid #e2e6eb!important;
 box-shadow:none!important;
}

/* The customer phone quote must never inherit a desktop's fixed-width columns. */
body.experience-ui[data-page="device"] .device-page{width:100%;min-width:0;max-width:1360px;box-sizing:border-box}
body.experience-ui[data-page="device"] .detail-layout{min-width:0;max-width:100%}
body.experience-ui[data-page="device"] .detail-layout>*{
 min-width:0;
 max-width:100%;
 box-sizing:border-box;
}
body.experience-ui[data-page="device"] .estimate-card .estimate-details-content{
 display:grid;
 grid-template-columns:minmax(0,1fr);
 gap:12px;
 min-width:0;
 padding:0 0 12px;
}
body.experience-ui[data-page="device"] .estimate-card .estimate-breakdown-group{
 min-width:0;
 padding:16px;
}
body.experience-ui[data-page="device"] .estimate-card .price-breakdown{
 display:grid;
 grid-template-columns:minmax(0,1fr);
 margin:0;
 padding:0;
 border:0;
}
body.experience-ui[data-page="device"] .estimate-card .estimate-breakdown-group .price-breakdown>div{
 min-width:0;
 border-bottom:1px solid #edf0f3;
}
body.experience-ui[data-page="device"] .estimate-card .estimate-breakdown-group .price-breakdown>div:last-child{border-bottom:0}
body.experience-ui[data-page="device"] .estimate-card .estimate-breakdown-group .price-breakdown b{
 max-width:60%;
 min-width:0;
 white-space:normal;
 overflow-wrap:anywhere;
}
@media(max-width:900px){
 body.experience-ui[data-page="device"] .detail-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"product" "configure" "estimate"!important;
  align-items:stretch;
  gap:14px;
 }
 body.experience-ui[data-page="device"] .detail-product{grid-area:product;position:static}
 body.experience-ui[data-page="device"] .config-panel{grid-area:configure}
 body.experience-ui[data-page="device"] .order-summary.estimate-card{grid-area:estimate;position:static!important}
}
@media(max-width:760px){
 body.experience-ui[data-page="device"] .device-page{padding:18px 16px 36px}
 body.experience-ui[data-page="device"] .site-header{
  display:grid;
  width:100%;
  height:auto;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"brand action" "nav nav";
  gap:12px;
  padding:12px 16px;
 }
 body.experience-ui[data-page="device"] .site-header .main-nav{
  display:flex;
  grid-area:nav;
  min-width:0;
  width:100%;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px 15px;
  white-space:normal;
 }
 body.experience-ui[data-page="device"] .detail-product{border-radius:16px!important}
 body.experience-ui[data-page="device"] .detail-image-wrap{height:240px;perspective:none}
 body.experience-ui[data-page="device"] .config-panel{padding:17px!important}
 body.experience-ui[data-page="device"] .estimate-card .estimate-breakdown-group{padding:13px}
 body.experience-ui[data-page="device"] .device-info-nav{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  position:static;
 }
 body.experience-ui[data-page="device"] .device-info-nav a{min-width:0;white-space:normal}
}
@media(max-width:420px){
 body.experience-ui[data-page="device"] .device-page{padding-inline:13px}
 body.experience-ui[data-page="device"] .detail-layout{gap:11px}
 body.experience-ui[data-page="device"] .config-panel .choice-row{gap:7px!important}
 body.experience-ui[data-page="device"] .estimate-card .estimate-details>summary{padding:14px 10px}
}

/* UI B01 — catalog's latest banner: preserve image proportions, trim excess height. */
body.experience-ui .catalog-promo-slide{
 min-height:340px;
 padding:26px 30px;
 gap:20px;
}
body.experience-ui .catalog-promo-image{
 height:258px;
 min-width:0;
}
body.experience-ui .catalog-promo-image img{
 display:block;
 width:100%;
 height:100%;
 max-width:100%;
 max-height:100%;
 object-fit:contain;
 object-position:center;
}
@media(max-width:760px){
 body.experience-ui .catalog-promo-slide{min-height:0;padding:22px 20px;gap:14px}
 body.experience-ui .catalog-promo-image{height:170px;margin:0}
 body.experience-ui .catalog-promo-copy h2{font-size:clamp(23px,6vw,30px)}
}
@media(max-width:420px){
 body.experience-ui .catalog-promo-slide{padding:18px 16px;gap:10px}
 body.experience-ui .catalog-promo-image{height:150px}
}

/* UI G01 — compact four-step consultation guide, not a giant 3D display card. */
body.experience-ui .guide-section{padding-block:34px 40px}
body.experience-ui .guide-section .guide-heading{margin-bottom:18px}
body.experience-ui .guide-section .guide-steps{max-width:1040px;gap:10px}
body.experience-ui .guide-section .guide-steps article{
 min-height:0;
 padding:14px 16px;
 border-radius:14px;
 box-shadow:0 4px 15px -14px rgba(29,29,31,.25);
}
body.experience-ui .guide-section .guide-steps article>span{font-size:11px}
body.experience-ui .guide-section .guide-steps article h3{
 margin:8px 0 4px;
 font-size:13px;
 line-height:1.45;
}
body.experience-ui .guide-section .guide-steps article p{
 margin:0;
 font-size:12px;
 line-height:1.55;
}
@media(max-width:760px){
 body.experience-ui .guide-section{padding-block:28px 34px}
 body.experience-ui .guide-section .guide-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 body.experience-ui .guide-section .guide-steps article{padding:12px 13px}
}
@media(max-width:360px){
 body.experience-ui .guide-section .guide-steps{grid-template-columns:1fr}
}


/* Catalog: two explicit carrier capsules and a transparent device-only price calculation. */
.experience-ui .catalog-carrier-controls{
  grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;gap:12px 18px;width:100%;min-width:0;padding-top:5px;
}
.experience-ui .catalog-carrier-choice{display:grid;gap:8px;min-width:0}
.experience-ui .catalog-carrier-choice>span{font-size:12px;font-weight:750;color:#454c55}
.experience-ui .catalog-carrier-tabs{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
  width:100%;min-width:0;max-width:none;padding:0;border:0!important;
  border-radius:0;background:transparent!important;
}
.experience-ui .catalog-carrier-tabs button{
  display:flex;align-items:center;justify-content:center;min-width:0;min-height:42px;
  padding:9px 4px;border:0!important;border-radius:12px;
  background:#f7f8fa;color:#626c78;font-size:12px;font-weight:750;
  white-space:nowrap;line-height:1.2;box-shadow:none!important;
  transition:background .15s,color .15s;
}
.experience-ui .catalog-carrier-tabs button.is-active,
.experience-ui .catalog-carrier-tabs button[aria-pressed="true"]{
  border:0!important;background:#fff4ec!important;color:#f06b24!important;
  box-shadow:none!important;
}
.experience-ui .catalog-carrier-tabs button:focus-visible{
  outline:2px solid #d65d30;outline-offset:2px;
}
.experience-ui .catalog-carrier-feedback{
  grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;
  gap:7px 12px;color:#56616c;font-size:12px;
}
.experience-ui .catalog-carrier-feedback>b{
  padding:5px 11px;border-radius:999px;background:#fff3ec;
  color:#f06b24;font-size:11px;line-height:1.4;
}
.experience-ui .catalog-carrier-feedback>span{font-weight:750;color:#30363e}
.experience-ui .catalog-carrier-feedback>small{font-size:11px;color:#727b85}
.experience-ui .product-card-link{display:flex;flex-direction:column;height:100%}
.experience-ui .product-info{display:flex;flex-direction:column;flex:1;min-width:0}
.experience-ui .product-offer{
  display:flex;align-items:stretch;flex-direction:column;gap:6px;
  min-width:0;margin-top:0;padding-top:12px;
}
.experience-ui .product-offer-condition{font-size:11px!important;font-weight:750;color:#444c56!important}
.experience-ui .product-price-note{font-size:11px;line-height:1.45;color:#7a818b}
.experience-ui .product-support-figure,
.experience-ui .product-extra-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
.experience-ui .product-support-figure>span,
.experience-ui .product-extra-line>span{font-size:11px;line-height:1.45;color:#68717d}
.experience-ui .product-support-figure>b{
  font-size:16px;line-height:1.25;font-weight:800;white-space:nowrap;color:#252a31;
}
.experience-ui .product-extra-line>b{
  font-size:12px;line-height:1.4;font-weight:800;white-space:nowrap;color:#f06b24;
}
.experience-ui .product-real-price{
  display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px;
  margin-top:5px;padding:6px 0 0;border:0!important;border-radius:0;
  background:transparent!important;box-shadow:none!important;min-width:0;
}
.experience-ui .product-real-price>span{font-size:12px;font-weight:800;color:#49535e}
.experience-ui .product-real-price>strong{
  font-size:clamp(18px,1.65vw,23px);line-height:1.25;
  font-weight:850;letter-spacing:-.035em;color:#f06b24!important;
  white-space:nowrap;font-variant-numeric:tabular-nums;
}
.experience-ui .product-info .product-link{margin-top:auto;padding-top:14px}
.experience-ui .product-offer-unavailable>strong{font-size:16px;color:#414b57!important}
@media(max-width:760px){
  .experience-ui .catalog-carrier-controls{grid-template-columns:minmax(0,1fr);gap:14px}
  .experience-ui .catalog-carrier-tabs{width:100%;max-width:none}
  .experience-ui .catalog-carrier-tabs button{min-height:44px}
}
@media(max-width:420px){
  .experience-ui .product-real-price>strong{font-size:21px}
  .experience-ui .catalog-carrier-feedback{gap:6px 10px}
  .experience-ui .catalog-carrier-feedback>small{flex-basis:100%}
}

/* Overrule the shared high-specificity product-offer ink rule for the final device price. */
body.experience-ui .product-card .product-offer .product-real-price>strong{
  color:#f06b24!important;
}

/* JJS catalog: preserve one-line million-won values on narrow product cards. */
@media (max-width: 720px) {
  .experience-ui .product-card .product-support-figure,
  .experience-ui .product-card .product-extra-line,
  .experience-ui .product-card .product-real-price {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    gap: 3px !important;
    align-items: baseline !important;
    min-width: 0;
  }
  .experience-ui .product-card .product-support-figure > span,
  .experience-ui .product-card .product-extra-line > span,
  .experience-ui .product-card .product-real-price > span {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .experience-ui .product-card .product-support-figure > b {
    font-size: clamp(12px, 3.2vw, 15px) !important;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }
  .experience-ui .product-card .product-real-price > strong {
    font-size: clamp(13px, 3.4vw, 16px) !important;
    letter-spacing: -0.05em !important;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }
}


/* 2026-11-01: the support label is real, not an '(example)' field.
   Fit its label and value in the same row without clipping on mobile. */
@media (max-width:720px) {
  body.experience-ui[data-page="catalog"] .product-card .product-extra-line {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) max-content!important;
    column-gap:2px!important;
    align-items:baseline!important;
  }
  body.experience-ui[data-page="catalog"] .product-card .product-extra-line > span {
    font-size:clamp(9px,2.55vw,11px)!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    letter-spacing:-.035em!important;
  }
  body.experience-ui[data-page="catalog"] .product-card .product-extra-line > b {
    font-size:clamp(10px,2.75vw,12px)!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    letter-spacing:-.04em!important;
    font-variant-numeric:tabular-nums;
  }
}

/* UI Studio review #7 over review #6: final-price typography only.
   The editor exported 3px on one entire product card; applying that
   literally would make its content illegible. Keep card typography intact
   and make final prices fit even when they cross one million won. */
@media (max-width:720px) {
  html body.experience-ui[data-page="catalog"] .product-card .product-real-price > span {
    font-size:11px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
  }
  html body.experience-ui[data-page="catalog"] .product-card .product-real-price > strong {
    font-size:clamp(15px,4.6vw,18px)!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    font-variant-numeric:tabular-nums;
  }
  html body.experience-ui[data-page="catalog"] .product-card .product-real-price.is-seven-figure > strong {
    font-size:clamp(11px,3.4vw,15px)!important;
  }
}