:root{--yellow:#fee500;--ink:#202126;--sub:#777b84;--line:#e9eaed;--bg:#f7f8fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5;letter-spacing:-.025em}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #557bda;outline-offset:4px}button{border:0;background:none}a{color:inherit;text-decoration:none}.header{height:84px;background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1200px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.wordmark{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800}.logo{display:grid;place-items:center;background:var(--yellow);width:34px;height:34px;border-radius:11px;font-size:23px}.divider{width:1px;height:17px;background:#ddd;margin:0 6px}.dealer{font-size:14px;color:var(--sub);font-weight:500}.draft{font-size:13px;color:#717681;background:#f4f5f7;padding:6px 12px;border-radius:20px}.layout{max-width:1200px;margin:auto;padding:32px 28px 80px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:normal;color:#82858d}h1{font-size:34px;line-height:1.35;letter-spacing:-.055em;margin:10px 0}.yellow-dot{color:#e0bd00}.intro{margin:0;color:var(--sub);font-size:16px}.mobile-only{display:none}.steps{display:flex;align-items:center;margin:32px 0 30px;padding:22px 26px;border-radius:16px;background:#fff;border:1px solid var(--line)}.step{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:14px;font-weight:650;color:#92969e;padding:0}.step span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f1f2f4;font-size:13px}.step.active{color:var(--ink)}.step.active span{background:var(--yellow)}.step.done span{background:#292b31;color:#fff}.steps i{flex:1;height:1px;background:#e8e9ec;margin:0 18px}.section{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px}.small-label{font-size:12px;letter-spacing:normal;font-weight:750;color:#999da5}h2{font-size:22px;line-height:1.4;margin:7px 0 0;letter-spacing:-.04em}.section-desc{color:var(--sub);font-size:14px;margin:9px 0 24px}.base-card{width:100%;display:flex;align-items:center;gap:13px;padding:20px;border:1.5px solid #e2c800;background:#fffee9;border-radius:14px;text-align:left}.round-check{flex-shrink:0;background:var(--yellow);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:15px}.base-card b{font-size:15px}.base-card p{margin:3px 0 0;font-size:13px;color:#878471}.base-card strong{font-size:14px;white-space:nowrap;margin-left:auto}.subheading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px}h3{font-size:17px;margin:0}.text-button{font-size:13px;font-weight:600;color:#666b74;padding:0}.tabs{display:flex;gap:7px;margin-bottom:18px;flex-wrap:wrap}.tabs button{padding:8px 16px;background:#f5f6f8;border-radius:9px;font-size:14px;color:#8a8e96}.tabs button.active{background:#292c33;color:#fff}.products{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product{position:relative;width:100%;padding:20px;text-align:left;border:1px solid #e4e6e9;border-radius:14px;transition:border-color .18s,transform .18s;background:#fff;overflow:hidden}.product:hover{border-color:#a4a8b0}.product.selected{border:2px solid #dfc700;padding:19px;background:#fffef3}.product-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:17px}.brand{font-weight:800;letter-spacing:normal;font-size:12px;color:#606670}.radio-mark{border:1.5px solid #daddE3;width:20px;height:20px;border-radius:50%;flex-shrink:0}.selected .radio-mark{border:6px solid #f0d700;background:#292b31}.product h3{font-size:19px;margin:0 0 3px}.product p{font-size:13px;color:var(--sub);margin:0}.metric{margin:18px 0;background:#f5f6f8;padding:10px 12px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#757a84}.metric b{font-size:16px;color:#434852}.product-bottom{border-top:1px solid var(--line);padding-top:14px;margin-top:17px;display:flex;align-items:center;justify-content:space-between;gap:5px}.product-bottom>span{font-size:12px;color:#8c9098}.product-bottom b{font-size:19px;letter-spacing:-.035em}.product-bottom b span{font-size:13px;margin-left:3px;font-weight:500}.page-actions{display:flex;gap:12px;margin-top:22px}.primary{background:var(--yellow);border-radius:12px;padding:17px 23px;font-weight:750;flex:1;display:flex;align-items:center;justify-content:center;gap:40px}.primary:hover{background:#f2d900}.back{border:1px solid #dddfe4;background:#fff;border-radius:12px;padding:15px 25px}.footer-note{text-align:center;font-size:12px;color:#969aa3;margin-top:14px}aside{padding-top:104px}.summary{position:sticky;top:24px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px}.summary-head{position:relative;padding-bottom:24px;border-bottom:1px solid var(--line)}.summary-head h2{font-size:21px}.summary-icon{position:absolute;right:0;top:10px;font-size:24px;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#f5f6f8;color:#81858e}.order-rows{padding:23px 0 20px}.order-rows>div{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:17px}.order-rows>div>span{color:#858992;flex-shrink:0}.order-rows b{text-align:right;font-weight:600;font-size:13px}.muted{color:#afb2b9!important}.total{border-top:1px dashed #dddfe4;padding-top:21px;display:flex;align-items:center;justify-content:space-between}.total>span{font-size:13px;font-weight:600}.total strong{font-size:28px;letter-spacing:-.06em}.total strong span{font-size:16px;margin-left:3px;font-weight:550}.included{font-size:12px;margin-top:17px;background:#f6f7f9;border-radius:8px;padding:10px 12px;color:#6f7580}.included span{margin-right:7px}.summary-note{font-size:12px;color:#989da5;margin:15px 0 0;line-height:1.7}.help-card{display:flex;gap:14px;margin-top:20px;padding:22px 15px}.bubble{display:grid;place-items:center;border-radius:14px;width:35px;height:30px;background:#e9ebef;font-weight:900}.help-card b{font-size:14px}.help-card p{font-size:12px;color:#9297a0;margin:5px 0 13px}.help-card .text-button{font-size:12px}.privacy-note{font-size:11px;text-align:center;color:#a0a4ad}.mobile-total{display:none}.group{border-top:1px solid var(--line);margin-top:25px;padding-top:23px}.group h3{margin-bottom:12px}.field{display:block;margin:22px 0 0;font-size:14px;font-weight:600}.field input,.field select,.field textarea{display:block;width:100%;background:#fff;border:1px solid #dfe2e8;border-radius:10px;padding:13px 14px;margin-top:9px;color:var(--ink);min-height:48px}.field textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.note{font-size:12px;color:#8b9099;line-height:1.7;margin:13px 0 0}.option{display:flex;align-items:center;gap:14px;width:100%;border:1px solid #e2e5ea;border-radius:13px;padding:22px 18px;margin:12px 0;text-align:left}.option.selected{border-color:#dbc500;background:#fffef1}.option input{width:19px;height:19px;accent-color:#ddc500;flex-shrink:0}.option b{font-size:16px}.option p{font-size:13px;margin:4px 0 0;color:#838893}.option strong{margin-left:auto;white-space:nowrap;font-size:16px}.option-icon{font-size:24px;color:#727986}.guide{margin-top:22px;padding:16px;background:#f5f7fa;border-radius:12px;font-size:13px;color:#737b87}.guide b{color:#474e59}.brand-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.brand-photo{margin:0}.brand-photo img{width:100%;height:95px;object-fit:cover;border-radius:9px;display:block}.brand-photo figcaption{font-size:12px;color:#727985;margin-top:7px}.brand-photo a{font-size:11px;text-decoration:underline}dialog{max-width:860px;width:calc(100% - 32px);max-height:88vh;border:0;border-radius:22px;padding:34px;color:var(--ink);box-shadow:0 24px 100px #0003}dialog::backdrop{background:#1b202866;backdrop-filter:blur(4px)}.close{position:absolute;right:17px;top:12px;font-size:29px;color:#9197a2}dialog h2{padding-right:20px;margin-bottom:12px}.table-wrap{overflow-x:auto;margin:22px 0}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}th,td{padding:14px 12px;border-bottom:1px solid #e8eaee;text-align:left}th{background:#f6f7f9;color:#777f8d;font-weight:600}td a{font-size:12px;text-decoration:underline}.review-list div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eef0f3;padding:15px 0;font-size:14px}.review-list span{color:#838a94}.review-list b{text-align:right;overflow-wrap:anywhere}.error{color:#b24136;font-size:13px;margin-top:12px}.success-mark{background:var(--yellow);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:28px;margin-bottom:20px}button:disabled{opacity:.45;cursor:default}.comparison-note{background:#fffbe2;padding:16px;border-radius:12px;font-size:13px}.source-foot{font-size:12px;color:#858c97}.checkline{display:flex;gap:10px;align-items:flex-start;font-size:13px;margin-top:20px}.checkline input{accent-color:#d3bb00;width:18px;height:18px}.hidden{display:none!important}@media(min-width:1100px){.layout{gap:42px;grid-template-columns:minmax(0,1fr) 308px}}@media(max-width:900px){.layout{gap:22px;grid-template-columns:minmax(0,1fr) 270px;padding:35px 20px}.section{padding:22px}.steps{padding:18px}.steps i{margin:0 10px}.product{padding:16px}.product.selected{padding:15px}.product-bottom{flex-wrap:wrap}.summary{padding:22px 18px}h1{font-size:29px}}@media(max-width:720px){.header{height:65px}.header-inner{padding:0 20px}.wordmark{font-size:18px}.dealer,.divider{display:none}.draft{font-size:11px}.layout{display:block;padding:30px 20px 100px}.eyebrow{font-size:11px}h1{font-size:29px;margin-top:9px}.mobile-only{display:block}.intro{font-size:14px;margin-top:12px}.steps{margin:25px 0 24px;padding:18px 13px;border-radius:13px}.step{font-size:12px;gap:6px}.step span{width:24px;height:24px;font-size:12px}.steps i{margin:0 9px}.section{padding:23px 18px;border-radius:18px}h2{font-size:20px}.section-desc{font-size:13px}.base-card{padding:15px 12px;gap:9px;flex-wrap:wrap}.base-card p{font-size:12px}.base-card strong{font-size:12px}.base-card b{font-size:14px}.products{gap:10px}.product{padding:14px}.product.selected{padding:13px}.product h3{font-size:17px}.product p{font-size:11px}.brand{font-size:10px}.product-top{margin-bottom:14px}.product-bottom b{font-size:17px}.product-bottom>span{font-size:11px}.metric{padding:8px;font-size:10px;gap:4px}.metric b{font-size:14px}.tabs button{font-size:13px;padding:8px 13px}.subheading h3{font-size:16px}.text-button{font-size:12px}aside{padding-top:25px}.summary{position:static}.help-card,.privacy-note{display:none}.mobile-total{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:12px 20px max(12px,env(safe-area-inset-bottom));box-shadow:0 -3px 20px #20212608;border-top:1px solid #f0f1f4}.mobile-total>span{font-size:11px;color:#818793}.mobile-total b{display:block;font-size:22px;color:var(--ink)}.mobile-total button{background:var(--yellow);padding:14px 24px;border-radius:11px;font-size:14px;font-weight:700}.page-actions .primary{padding:15px;font-size:14px;gap:20px}.back{font-size:14px;padding:12px 17px}.form-grid{grid-template-columns:1fr;gap:0}.option{padding:18px 12px}.option strong{font-size:14px}.option b{font-size:14px}dialog{padding:27px 20px}.brand-photo img{height:75px}.footer-note{font-size:11px}.summary-note br{display:none}}
.base-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 13px}.base-heading h3{font-size:16px}.base-heading>span{font-size:13px;font-weight:700;color:#847721}.base-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.base-choice{display:flex;align-items:center;gap:10px;border:1px solid #e2e5ea;border-radius:12px;padding:16px 12px;text-align:left}.base-choice.selected{border-color:#ddc500;background:#fffdeb}.base-choice small{display:block;font-size:11px;color:#8b8d8f}.base-choice b{display:block;font-size:15px}.filter-line{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px;font-size:12px;color:#969ba4}.filter-line select{border:0;border-radius:7px;background:#f7f8fa;padding:7px 8px;color:#626a77;font-size:12px;margin-left:6px;max-width:175px}.show-more{display:block;width:100%;border:1px solid #e6e8ed;border-radius:10px;padding:12px;margin-top:16px;color:#7c8390;font-size:13px}.show-more[hidden]{display:none}.selected-heading{margin:0}.spec-meta{font-size:11px!important;margin-top:-11px!important;min-height:17px}.tax-card{background:#f7f8fa;padding:20px;border-radius:12px}.tax-card b{font-size:15px}.tax-card p{font-size:13px;color:#888e98}.tax-card a{font-size:13px;font-weight:600;display:inline-block;margin-top:5px}.full-width{width:100%;margin-top:20px}@media(max-width:720px){.base-choice{padding:13px 9px;gap:7px}.base-choice .radio-mark{width:16px;height:16px}.base-choice.selected .radio-mark{border-width:5px}.base-choice small{font-size:10px}.base-choice b{font-size:14px}.base-options{gap:7px}}
.basic-info{margin-top:16px;padding:20px;background:#f7f8fa;border-radius:13px}.basic-info-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.basic-info-head>span{font-size:12px;color:#858b96}.basic-info-head>b{font-size:15px}.basic-info>p:not(.note){font-size:14px;line-height:1.8;color:#727a86;margin:12px 0 16px}.basic-stats{display:grid;grid-template-columns:1.4fr 1.4fr 1fr;gap:10px;border-top:1px solid #e6e9ee;padding-top:15px}.basic-stats small{font-size:11px;display:block;color:#9196a0}.basic-stats b{font-size:25px;font-weight:750;display:block;margin-top:4px}.basic-stats em{font-size:14px;font-style:normal;margin-left:2px}.basic-info .text-button{display:inline-block;margin-top:12px}.film-config{margin-top:19px;padding-top:19px}.available-shades{font-size:12px!important;color:#78838f!important;margin-top:10px!important;line-height:1.8;min-height:22px}.basic-info .guide{margin-top:12px;background:#eef0f4}@media(max-width:720px){.basic-info{padding:16px}.basic-info-head>b{font-size:14px}.basic-info>p:not(.note){font-size:13px}.basic-stats small{font-size:10px}.available-shades{font-size:11px!important}.basic-stats{gap:7px}}
/* Keep the primary order sections reachable throughout the whole page. */
.order-navigation{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 16px #20212605;padding:0 28px;padding-top:env(safe-area-inset-top,0px)}
.order-navigation .steps{max-width:1144px;margin:0 auto;padding:14px 0;border:0;border-radius:0;background:transparent;justify-content:space-between;gap:12px}
.order-navigation .step{flex:1;justify-content:center;min-height:44px;border-radius:10px;font-size:15px;color:#727883;transition:background .15s,color .15s}
.order-navigation .step:hover{background:#f5f6f8}
.order-navigation .step.active{background:#fffbdc;color:#202126}
.order-navigation .steps i{flex:0 0 24px;margin:0;background:#e7e9ee}
#content{margin-top:30px;scroll-margin-top:100px}
@media(max-width:720px){.order-navigation{padding-left:12px;padding-right:12px}.order-navigation .steps{padding:9px 0;gap:4px}.order-navigation .steps i{display:none}.order-navigation .step{font-size:13px;gap:6px;min-height:44px}.order-navigation .step span{width:23px;height:23px;font-size:12px}.layout{padding-top:24px}#content{margin-top:24px;scroll-margin-top:86px}}
@media(prefers-reduced-motion:reduce){.order-navigation .step{transition:none}}
/* Original supplied brand artwork, with its aspect ratio preserved. */
.wordmark .woo-logo{display:block;width:64px;height:auto;object-fit:contain;flex-shrink:0}
.brand-separator{width:1px;height:24px;background:#e3e5e9;margin:0 5px;flex-shrink:0}
.brand-title{font-size:18px;font-weight:750;white-space:nowrap}
@media(max-width:720px){.wordmark{gap:10px}.wordmark .woo-logo{width:48px}.brand-separator{height:20px;margin:0 2px}.brand-title{font-size:16px}}

/* Compact typography for the order form. */
h1{font-size:28px;letter-spacing:-.035em;line-height:1.4;margin:0 0 8px;font-weight:700}
h2{letter-spacing:-.025em;margin-top:0;font-weight:700}
.small-label,.brand{letter-spacing:normal;font-weight:600}
.summary{top:96px}.summary-head{padding-bottom:20px}
@media(max-width:720px){h1{font-size:24px;margin:0 0 8px}.intro{margin-top:0;line-height:1.65}aside{padding-top:25px}.summary{top:auto}}

/* Tint pricing and brand hierarchy */
.product .brand{font-size:16px;font-weight:750;color:#272a30;line-height:1.45;letter-spacing:-.3px}.base-choice small{font-size:14px;font-weight:650;color:#41444a}.product-bottom{align-items:flex-end;gap:10px;flex-wrap:wrap}.product-price{text-align:right;margin-left:auto}.product-price>b{display:block;margin-top:5px}.price-compare{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;font-size:12px;line-height:1.6;font-weight:500}.price-compare del{color:#838891}.price-compare em{color:#d34832;font-style:normal;font-weight:700}.order-rows .price-compare{margin-top:4px}.price-basis{margin:0 0 18px}.roof-options{padding:0;border:0;margin:24px 0 0;display:grid;gap:8px;min-width:0}.roof-options legend{font-size:15px;font-weight:700;margin-bottom:12px}.roof-choice{display:flex;align-items:center;gap:10px;padding:14px 15px;border:1px solid #e4e6e9;border-radius:12px;cursor:pointer}.roof-choice.selected{border-color:#d8c500;background:#fffde9}.roof-choice input{accent-color:#272a30}.roof-choice b{margin-left:auto;white-space:nowrap;font-size:14px}.roof-choice span{font-size:14px}@media(max-width:600px){.product .brand{font-size:15px}.base-choice small{font-size:13px}.product-bottom>span{font-size:11px}.product-price{width:100%}.price-compare{font-size:11px}.roof-choice{padding:13px 11px}}

.shade-reference{margin:18px 0 0}.shade-reference img{display:block;width:100%;height:auto;border-radius:12px}.shade-reference figcaption{margin-top:12px;font-size:12px;line-height:1.65;color:#777d85}.shade-reference figcaption b{display:block;margin-bottom:3px;color:#454b53;font-size:13px;font-weight:600}.shade-reference figcaption span{display:block}

.card-payment-consent{margin:14px 0 20px;padding:18px;background:#fffbea;border:1px solid #eee3ad;border-radius:12px;font-size:14px;line-height:1.7;color:#51504a}.card-payment-consent p{margin:0 0 8px}.card-payment-consent .checkline{align-items:flex-start;color:#292b30;font-weight:600;margin-bottom:0}.card-payment-consent input{flex-shrink:0;margin-top:5px}

.delivery-priority{margin-top:18px}.delivery-priority h4{margin:0 0 10px;font-size:14px;font-weight:700}.delivery-priority .field{margin-top:0}
/* 선택 흐름과 읽기 쉬운 정보 계층 */
body{color:#20242a}.section-desc,.intro{color:#505965;font-size:16px;line-height:1.7}.note,.summary-note,.footer-note,.spec-meta{color:#58616d;font-size:13px;line-height:1.7}.section h2{font-size:26px}.section h3{font-size:19px}.tint-mode{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 32px}.mode-choice{position:relative;border:2px solid #dce0e5;border-radius:16px;background:#fff;padding:22px;text-align:left;cursor:pointer;color:#222}.mode-choice .radio-mark{position:absolute;right:16px;top:20px}.mode-choice b{display:block;font-size:21px;margin-bottom:9px}.mode-choice small{font-size:14px;line-height:1.6;color:#555f6b;display:block}.mode-choice.selected{border-color:#343b44;background:#fffbe3}.tabs{display:flex;gap:8px}.tabs button{flex:1;padding:14px 10px;font-size:16px;font-weight:650;border:1px solid #d6dce2;color:#454e58}.tabs button.active{background:#252c35;color:#fff}.base-options{gap:12px}.base-choice{padding:20px 14px;border:1px solid #cfd5dd}.base-choice small{font-size:15px!important}.base-choice b{font-size:21px}.base-choice.selected,.product.selected{border-color:#444d59;background:#fffdf0}.product{border-color:#d4dae1;padding:22px}.product .brand{font-size:17px!important}.product h3{font-size:24px}.product p,.product .available-shades{font-size:14px;line-height:1.6;color:#56606c}.product .metric span{font-size:13px;color:#515c68}.product .product-bottom>span{font-size:13px;color:#515c68}.price-compare{font-size:13px}.field{font-size:16px;color:#303945}.field select,.field input{font-size:16px;min-height:50px;border-color:#cbd2da}.film-config{border-top:1px solid #dfe3e8;padding-top:28px;margin-top:28px}.window-guide{margin:20px 0;background:#f1f4f7;border:1px solid #dce2e8;border-radius:16px;overflow:hidden}.window-guide-title{display:flex;justify-content:space-between;gap:8px;padding:20px 20px 0;font-size:15px}.window-guide-title span{color:#606976;font-size:12px}.window-guide svg{width:100%;display:block;height:auto}.window-guide figcaption{display:flex;flex-wrap:wrap;gap:16px;padding:0 20px 12px;font-size:14px}.window-guide figcaption span{display:flex;align-items:center;gap:6px}.window-guide .note{padding:0 20px 18px;margin:0}.window-guide i{width:12px;height:12px;border-radius:4px;display:inline-block}.front-dot{background:#2483d8}.rear-dot{background:#d97a0b}.front-field{border-top:3px solid #2483d8;padding-top:12px}.rear-field{border-top:3px solid #d97a0b;padding-top:12px}.advice{background:#fff9df;border-radius:14px;padding:20px 22px;margin:20px 0;border:1px solid #e9dfb7}.advice>b{font-size:15px;color:#57471c}.advice p{font-size:15px;line-height:1.8;color:#3d4248;margin:10px 0}.advice small{display:block;font-size:12px;line-height:1.7;color:#65604f}.shade-details{margin-top:18px;border:1px solid #d8dfe6;border-radius:12px;padding:15px}.shade-details summary{font-size:14px;font-weight:600;cursor:pointer}.roof-options legend{font-size:19px}.roof-choice span,.roof-choice b{font-size:16px}.option p{font-size:14px;color:#535e6b}.filter-line{font-size:14px}.filter-line select{font-size:14px;min-height:42px}@media(max-width:600px){.section{padding:22px 18px}.tint-mode{gap:9px}.mode-choice{padding:18px 12px}.mode-choice b{font-size:19px}.mode-choice small{font-size:13px;max-width:130px}.mode-choice .radio-mark{right:10px;top:17px;width:15px;height:15px}.base-options{grid-template-columns:1fr}.base-choice{display:flex;align-items:center;gap:14px;padding:16px}.base-choice>span:last-child{display:flex;align-items:center;gap:12px}.products{grid-template-columns:1fr}.product-price{width:auto}.product .product-bottom{align-items:center}.product .price-compare{font-size:13px}.advice{padding:17px}.window-guide-title{padding:16px 14px 0}.window-guide figcaption{padding:0 14px 12px;gap:10px}.window-guide .note{padding:0 14px 16px}.section h2{font-size:24px}.form-grid{gap:16px}}
.recommend-badge{display:inline-block;padding:5px 9px;margin:5px 0 8px;border-radius:6px;background:#fff0a2;color:#51410a;font-size:12px;font-weight:750}.base-choice .recommend-badge{margin:6px 0 0}.price-compare .retail-label{color:#626b76;font-size:12px}@media(max-width:600px){.base-choice>span:last-child{flex-wrap:wrap}}