/* BASIC css start */
:root{--lime:#b8ef38;--black:#101211;--gray:#69706c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--black);font-family:Arial,'Noto Sans KR','Malgun Gothic',sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7dac12;outline-offset:5px}p{font-size:1rem;line-height:1.85}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(2rem,3.6vw,3.4rem);letter-spacing:-.05em;line-height:1.35;font-weight:650;margin-bottom:0}h3{font-weight:600}.wrap{padding:100px 6%;max-width:1800px;margin:auto}.eyebrow{font-size:.8rem;letter-spacing:.17em;font-weight:600;margin-bottom:26px}.dark{color:#626962}.muted{color:#969b97}.note{font-size:.8rem;color:#747a74;line-height:1.7}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:20px}.skip:focus{top:0}header{position:absolute;top:0;left:0;width:100%;height:94px;padding:0 4%;z-index:5;color:white;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff30;gap:22px}.brand{display:flex;align-items:center;gap:18px}.brand img{width:148px;height:70px;object-fit:contain}.brand span{font-size:.65rem;letter-spacing:.1em;border-left:1px solid #ffffff60;padding-left:18px;max-width:140px;line-height:1.6}nav{display:flex;gap:30px;font-size:.9rem}nav a:hover{color:var(--lime)}.header-right{display:flex;align-items:center;gap:20px}.contact-link{font-size:.9rem}.contact-link span{margin-left:20px}.menu{display:none;color:white;border:1px solid #777;background:transparent;padding:10px}.hero{min-height:760px;height:95svh;position:relative;color:white;background:#141713;overflow:hidden}.hero video,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.15)),linear-gradient(0deg,#0009,transparent 40%)}.hero-content{position:relative;padding:175px 6% 110px}.hero h1{font-size:clamp(3.7rem,7.3vw,7.5rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 26px;font-weight:800}.hero h1 em{font-style:normal;color:var(--lime)}.hero-ko{font-size:1.6rem;font-weight:600;margin-bottom:12px}.hero-desc{color:#ddd;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 25px;border:0;font-size:.9rem;font-weight:600;min-height:52px}.lime{background:var(--lime);color:var(--black)}.button:hover{filter:brightness(.92)}.white{background:white;color:#111}.outline{border:1px solid #888;background:transparent;color:white}.hero-bottom{position:absolute;bottom:0;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff50;padding:22px 0;font-size:.7rem;letter-spacing:.15em}.hero-bottom a span{margin-left:22px}.hero-bottom button{color:white;background:transparent;border:0;font-size:.8rem}.hero-bottom button span{margin-left:10px}.subnav{padding:22px 6%;display:flex;justify-content:space-between;border-bottom:1px solid #ddd;font-size:.8rem;letter-spacing:.08em}.subnav div{display:flex;gap:35px}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start}.intro-grid p{color:#68706a}.text-link{display:inline-flex;gap:40px;padding:14px 0;border-bottom:1px solid #111;font-size:.9rem}.features{display:grid;grid-template-columns:repeat(4,1fr);margin:70px 0 20px;border-top:1px solid #bec4be}.features article{padding:28px 30px 5px 0}.features article+article{border-left:1px solid #dfe2df;padding-left:30px}.features span{color:#7a817b;font-size:.8rem}.features h3{margin:25px 0 14px;font-size:1.2rem}.features p{font-size:.9rem;color:#69716b}.products{background:#121513;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:48px}.section-head p{color:#828a84;margin-bottom:6px}.products .section-head p{color:#a5aea7}.products .section-head h2{font-size:clamp(2.7rem,4.5vw,4.5rem);line-height:1.08;letter-spacing:-.035em}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{min-height:440px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ffffff20}.gloss{background:linear-gradient(135deg,#4d5955,#242b27 45%,#53615a 47%,#26302a 50%,#151c17)}.matte{background:linear-gradient(120deg,#858b82,#565e56)}.black{background:linear-gradient(130deg,#080b09,#29302b 48%,#0b100c 49%)}.product-no{font-size:.8rem;letter-spacing:.15em}.product h3{font-size:3.4rem;letter-spacing:-.04em;margin:10px 0 20px}.product p{font-size:.9rem;margin:0}.product-description{color:#d5dcd5}.product button{color:white;border:0;border-top:1px solid #ffffff55;background:none;padding:22px 0 0;margin-top:28px;width:100%;display:flex;justify-content:space-between;text-align:left;font-size:.9rem}.product button:hover{color:var(--lime)}.coverage-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}figure{margin:0;position:relative}figure img{width:100%;height:460px;object-fit:cover}figcaption{position:absolute;bottom:24px;left:25px;font-size:.7rem;color:white;letter-spacing:.17em}details{border-bottom:1px solid #cfd4cf}summary{list-style:none;cursor:pointer;position:relative;padding:26px 32px 26px 0;font-size:1.08rem;font-weight:550}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-weight:400;font-size:1.5rem;top:22px}details[open] summary:after{content:'\2212'}summary span{font-size:.8rem;color:#747c75;margin-right:20px}details p{color:#687069;font-size:.95rem;margin:0 25px 28px 0}.area-list>.note{margin-top:25px}.process{background:#f0f2ef}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;border-top:1px solid #ccd1ca;padding-top:30px}.steps span{font-size:2.4rem;font-weight:300;color:#929c91}.steps h3{margin:28px 0 16px;font-size:1.1rem}.steps p{font-size:.9rem;color:#687068}.care{margin-top:45px;border-top:1px solid #ccd1ca;padding-top:25px;display:flex;gap:60px;align-items:start}.care strong{font-size:.8rem;white-space:nowrap;padding-top:6px}.care p{font-size:.9rem;color:#687068;margin:0}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq-grid details:first-child{border-top:1px solid #cfd4cf}.contact{background:#1d271e;color:white}.contact .section-head{margin-bottom:0}.contact .eyebrow{color:var(--lime)}.contact .phone{font-size:clamp(1.7rem,2.8vw,2.5rem);font-weight:500}.contact p{color:#b2bcb2;margin:18px 0 25px}.contact .button{margin:0 8px 8px 0}footer.wrap{background:#111512;max-width:none;color:#9ca69d;padding-top:50px;padding-bottom:25px}.footer-top{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:start;font-size:.9rem;line-height:1.9}.footer-top img{width:160px}.footer-top p{font-size:.8rem;margin:0}.footer-top strong{color:white}.footer-bottom{display:flex;justify-content:space-between;margin-top:40px;padding-top:22px;border-top:1px solid #343b34;font-size:.7rem}dialog{border:0;padding:45px;width:min(590px,calc(100% - 32px));max-height:90svh;color:#151c15}dialog::backdrop{background:#000b}dialog h2{margin-bottom:20px}dialog p{color:#687068}dialog .close{position:absolute;right:18px;top:12px;font-size:2rem;background:none;border:0}dl{display:grid;grid-template-columns:100px 1fr;gap:18px;font-size:.9rem;margin:30px 0}dd{margin:0;color:#687068}form{display:grid;gap:17px}label{font-size:.9rem;display:grid;gap:8px}input,select,textarea{width:100%;border:1px solid #c1c7bf;padding:13px;background:#fff;border-radius:0}textarea{height:95px;resize:vertical}
@media(min-width:1600px){.hero-content{padding-top:200px}}@media(max-width:1050px){.brand span{display:none}nav{gap:18px}.hero{min-height:750px}.intro-grid{gap:35px}.coverage-grid{gap:35px}.product{padding:25px}.product h3{font-size:2.8rem}.section-head{gap:30px}.features article+article{padding-left:20px}.faq-grid{gap:45px}.contact .section-head{align-items:start;flex-direction:column}.hero-content{padding-top:160px}}@media(max-width:720px){header{height:78px;padding:0 6%}.brand img{width:125px;height:60px}.contact-link{font-size:.8rem}.contact-link span{margin-left:5px}.header-right{gap:15px}.menu{display:block;font-size:.8rem}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#141a15;padding:25px 6%;flex-direction:column;gap:25px}nav.open{display:flex}.hero{height:90svh;min-height:720px}.hero-content{padding-top:150px}.hero h1{font-size:clamp(3rem,11.5vw,5rem)}.hero-ko{font-size:1.3rem}.hero-desc{font-size:.95rem}.hero video{object-position:58% center}.hero-bottom>span{display:none}.hero-bottom{font-size:.65rem}.wrap{padding:65px 6%}.subnav{font-size:.65rem;gap:15px}.subnav div{gap:15px}.intro-grid,.coverage-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.features{grid-template-columns:repeat(2,1fr);margin-top:40px}.features article{padding:22px 18px 5px 0}.features article+article{border-left:0;padding-left:0}.features article:nth-child(even){padding-left:20px;border-left:1px solid #ddd}.features article:nth-child(n+3){border-top:1px solid #ddd}.section-head{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:32px}.section-head p br{display:none}.product-grid{grid-template-columns:1fr}.product{min-height:370px;padding:28px}.product h3{font-size:3.5rem}.coverage figure img{height:330px}.steps{grid-template-columns:repeat(2,1fr);gap:25px}.care{flex-direction:column;gap:16px}.faq-grid{gap:30px}.footer-top{grid-template-columns:1fr;gap:25px}.footer-bottom{gap:20px;line-height:1.8}.contact .button{padding:15px 18px;gap:20px}dialog{padding:40px 24px}summary{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Healing Shield corporate identity */
:root{--lime:#92c41d;--black:#171923;--gray:#757884;--indigo:#060047;--sky:#6f9ac9}body{font-family:'Pretendard','Noto Sans KR','Malgun Gothic',Arial,sans-serif}header{position:relative;color:var(--indigo);height:90px;background:white;border-bottom:1px solid #e9eaf0}.brand span{border-color:#dfe1ec;font-size:.7rem}.brand img{width:148px}nav a:hover{color:#5077a8}.contact-link{border:1px solid #e1e3ec;border-radius:100px;padding:12px 20px}.hero{height:auto;min-height:670px;background:var(--indigo)}.hero-content{padding:120px 6% 155px;max-width:1400px;margin:auto}.hero video{opacity:.38;object-position:center}.shade{background:linear-gradient(90deg,#060047d9,#06004765),linear-gradient(0deg,#06004780,transparent)}.hero h1{font-size:clamp(2.8rem,4.4vw,4.7rem);font-weight:700;letter-spacing:-.055em;line-height:1.4;margin-bottom:25px}.hero h1 em{color:#b7d1ef}.hero .eyebrow{font-size:.95rem;letter-spacing:.08em;color:#b7d1ef;font-weight:500}.hero-ko{font-size:1.1rem;font-weight:400;letter-spacing:.015em;color:white}.hero-desc{color:#d0d4e1;font-size:1rem}.hero-bottom{border-color:#ffffff30;letter-spacing:.06em}.button{border-radius:100px;font-weight:550}.lime{background:var(--indigo);color:white}.hero .lime{background:white;color:var(--indigo)}.subnav{color:#747787;border-color:#e8eaf0;letter-spacing:.025em}.subnav>span{color:var(--indigo)}.wrap{max-width:1360px;padding:110px 6%}.eyebrow{font-size:.85rem;color:var(--sky);letter-spacing:.06em}.dark{color:#577fac}.muted{color:#8b91a0}h2{font-size:clamp(2rem,3.15vw,3.05rem);line-height:1.45;letter-spacing:-.045em;font-weight:650}.intro-grid{grid-template-columns:1.1fr 1fr;gap:70px}.intro-grid p{color:#737783}.text-link{color:var(--indigo);border-color:#cfd3e2}.features{border-top:0;gap:20px;margin-top:60px}.features article,.features article+article{background:#f6f7fa;border:0;border-radius:16px;padding:30px 24px}.features article:nth-child(2){background:#f0f5fb}.features article:nth-child(3){background:#f4f7ec}.features article span{color:#6f9ac9}.features h3{color:var(--indigo)}.features p{color:#747987}.products{background:#f6f7fa;color:var(--black)}.products .section-head h2{font-size:clamp(2rem,3.15vw,3.05rem);line-height:1.45;letter-spacing:-.045em}.products .section-head p{color:#747987}.products .section-head .eyebrow{color:#577fac}.product{border-radius:18px;border:1px solid #e4e6ee;min-height:440px;padding:30px;background:white;overflow:hidden;position:relative}.product-no{color:#577fac;font-size:.8rem;letter-spacing:.08em}.product p{color:#737987}.product h3{color:var(--indigo);font-size:3.2rem;font-weight:650}.product .product-description{color:#767b87}.product button{color:var(--indigo);border-color:#dddfea;padding-bottom:5px}.product button:hover{color:#577fac}.gloss{border-top:5px solid #6f9ac9}.matte{border-top:5px solid #92c41d}.black{border-top:5px solid #060047}.product-no:after{content:'';display:block;width:46px;height:3px;background:#e7eaf1;margin-top:24px}figure{border-radius:18px;overflow:hidden}figure img{display:block}.coverage-grid{gap:60px}summary span{color:#577fac}details{border-color:#e0e3ec}summary{color:#25263a}details p{color:#737987}.process{background:#f5f7fa}.steps{border-color:#dce2ec}.steps span{color:#6f9ac9;font-size:2.5rem}.steps h3{color:var(--indigo)}.steps p,.care p{color:#737987}.care{border-color:#dce2ec}.care strong{color:#577fac}.contact{background:var(--indigo)}.contact .eyebrow{color:#a9c8eb}.contact h2{color:white}.contact p{color:#bfc3dc}.contact .white{color:var(--indigo)}.contact .outline{border-color:#77779d}.footer-top{grid-template-columns:1fr 2fr 1fr}footer.wrap{background:#111125;color:#a4a6b8;padding-left:max(6%,calc((100vw - 1200px)/2));padding-right:max(6%,calc((100vw - 1200px)/2))}.footer-bottom{border-color:#333349}.footer-top strong{font-weight:500}.note{color:#737987}.menu{color:var(--indigo);border-color:#d7daea}dialog{border-radius:20px}input,select,textarea{border-radius:8px;border-color:#d9dde8}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#6f9ac9}
@media(max-width:1050px){.intro-grid{gap:35px}.features{gap:12px}.features article,.features article+article{padding:25px 18px}.hero{min-height:640px}.hero-content{padding-top:110px}}
@media(max-width:720px){header{height:78px}.contact-link{padding:9px 12px}.header-right{gap:8px}.hero{min-height:650px}.hero-content{padding:100px 6% 125px}.hero h1{font-size:clamp(2rem,6.8vw,3rem);line-height:1.5}.hero-ko{font-size:.92rem}.hero-desc{font-size:.95rem}.hero-bottom{font-size:.65rem}.wrap{padding:70px 6%}.intro-grid{grid-template-columns:1fr;gap:24px}.features{gap:12px}.features article,.features article+article,.features article:nth-child(even),.features article:nth-child(n+3){padding:22px 18px;border:0}.features h3{font-size:1.05rem}.features p{font-size:.9rem}.product{min-height:360px;padding:26px}.product h3{font-size:2.8rem}.coverage-grid{gap:28px}nav{background:#fff;border-bottom:1px solid #e8eaf0}.footer-top{grid-template-columns:1fr}.hero-bottom>span{display:none}.products .section-head h2{font-size:2rem}}
/* Multipage PPF experience */
.site-header{z-index:30}.nav-group{position:relative;padding:30px 0}.dropdown{display:none;position:absolute;top:100%;left:-25px;min-width:240px;padding:22px 25px;background:white;border:1px solid #e5e7ef;box-shadow:0 14px 35px #06004710;color:#171923}.dropdown strong{font-size:.8rem;display:block;margin-bottom:15px;color:#6f9ac9}.dropdown a{display:block;padding:10px 0;white-space:nowrap}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{display:block}.shop-link{font-size:.85rem}.page-banner{padding:76px 6%;background:#060047;color:white;min-height:260px}.page-banner p{color:#a9c6e8;font-size:.9rem;margin:0 0 20px}.page-banner h1{font-size:clamp(2.3rem,4.3vw,4.2rem);font-weight:600;letter-spacing:-.04em;margin:0 0 15px}.page-banner span{color:#b8bed5;font-size:.95rem}.breadcrumbs{display:flex;gap:18px;flex-wrap:wrap;padding:21px 6%;border-bottom:1px solid #e8eaf0;font-size:.8rem;color:#7b7f8d}.breadcrumbs strong{font-weight:500;color:#060047}.page-tabs{display:flex;justify-content:center;gap:50px;border-bottom:1px solid #e8eaf0;padding:0 6%}.page-tabs a{padding:24px 0;color:#747987;font-size:.95rem}.page-tabs a[aria-current]{border-bottom:2px solid #060047;color:#060047}.product-link{display:flex;justify-content:space-between;border-top:1px solid #dddfea;margin-top:28px;padding:22px 0 5px;color:#060047;font-size:.9rem}.catalog-toolbar{display:flex;gap:25px;justify-content:space-between;align-items:center;margin:35px 0}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-buttons button{border:1px solid #dddfea;background:white;padding:12px 25px;border-radius:100px;color:#606778}.filter-buttons button[aria-pressed=true]{background:#060047;color:white;border-color:#060047}.search-label{display:flex;align-items:center;gap:12px;font-size:.8rem;white-space:nowrap}.search-label input{max-width:260px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.catalog-card{border:1px solid #e0e4eb;border-radius:16px;overflow:hidden;transition:transform .2s}.catalog-card:hover{transform:translateY(-5px)}.catalog-card[hidden]{display:none}.finish-swatch{height:260px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.finish-swatch span{letter-spacing:.14em;font-size:.8rem}.finish-swatch strong{font-size:3.7rem;letter-spacing:-.05em}.finish-swatch.gloss{background:#eaf1f9;color:#060047}.finish-swatch.matte{background:#f0f3e9;color:#3e4c26}.finish-swatch.black{background:#0b0b29;color:white}.catalog-copy{padding:25px}.catalog-copy p{color:#747987;font-size:.9rem;margin-bottom:10px}.catalog-copy h3{display:flex;justify-content:space-between;font-size:1.5rem;margin:12px 0}#resultCount{font-size:.85rem;color:#747987}#noResults{padding:45px 0}.product-workspace{display:grid;grid-template-columns:235px minmax(0,1fr);gap:50px;align-items:start;padding-top:55px}.product-sidebar{position:sticky;top:25px}.product-sidebar h2{font-size:1.4rem;margin-bottom:25px}.product-sidebar>a{display:block;border-bottom:1px solid #e3e6ee;padding:22px 20px}.product-sidebar a span{display:block;font-size:.8rem;color:#7c8393;margin-bottom:8px}.product-sidebar a strong{font-size:1.1rem}.product-sidebar a[aria-current]{background:#f0f4fa;border-left:3px solid #6f9ac9}.product-sidebar .all-products{font-size:.9rem;padding-top:30px}.product-visual{position:relative;overflow:hidden;border-radius:16px}.product-visual img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.product-visual span{position:absolute;bottom:15px;left:20px;color:white;background:#06004799;padding:7px 12px;font-size:.75rem}.product-description-block{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding:35px 0}.product-description-block h1{font-size:3.7rem;letter-spacing:-.04em;margin:0 0 14px;color:#060047}.product-description-block h2{font-size:1.5rem}.product-description-block .button{white-space:nowrap;font-size:.85rem;margin-top:40px}.product-description-block p{color:#747987;font-size:.95rem;max-width:530px}.detail-tabs{display:flex;border-bottom:1px solid #dce0e9;gap:30px}.detail-tabs a{padding:18px 0;font-size:.9rem}.detail-section{padding:48px 0;border-bottom:1px solid #e3e6ee;scroll-margin-top:30px}.detail-section h2{font-size:1.8rem;margin-bottom:25px}.detail-section>p{color:#727988}.detail-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.detail-features>div{padding:23px 18px;background:#f4f6f9;border-radius:12px}.detail-features strong{font-size:.95rem;color:#060047}.detail-features p{font-size:.85rem;color:#747987;margin:12px 0 0}.spec-table{grid-template-columns:150px 1fr;gap:0;border-top:1px solid #ccd3df}.spec-table dt,.spec-table dd{padding:19px 15px;border-bottom:1px solid #e1e5ec;font-size:.9rem}.spec-table dt{background:#f5f7fa}.spec-table dd{line-height:1.6}.support-links{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.support-links a{padding:22px;border:1px solid #dde3ec;border-radius:10px;color:#060047}.guide{max-width:1200px}.guide>h2{margin-bottom:28px}.guide>p{color:#747987}.guide>.button{margin-top:35px}.guide-list{margin:40px 0}.guide-list article{display:flex;gap:35px;border-top:1px solid #e0e4ec;padding:30px 0}.guide-list article>span{font-size:2rem;color:#6f9ac9}.guide-list h3{font-size:1.2rem;margin-bottom:15px}.guide-list p{color:#747987;margin-bottom:0}.support-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.support-cards article{padding:30px;background:#f4f6fa;border-radius:14px}.support-cards article>span{color:#6f9ac9}.support-cards h3{margin:25px 0 15px}.support-cards p{font-size:.95rem;color:#747987}.document-list{margin:40px 0}.document-list article{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0;border-top:1px solid #dfe3ed}.document-list span{font-size:.8rem;color:#6f9ac9}.document-list h3{font-size:1.3rem;margin:12px 0}.document-list p{color:#747987;font-size:.9rem;margin-bottom:0}.document-list a{white-space:nowrap;border:1px solid #dbe0eb;padding:13px 20px;border-radius:100px;font-size:.9rem}.inquiry-page{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.inquiry-page h2{margin-bottom:25px}.inquiry-page p{color:#747987}.contact-phone{display:block;font-size:1.8rem;color:#060047;margin-top:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inquiry-page textarea{height:150px}.footer-sitemap{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid #333349;padding-top:30px;margin-top:40px;font-size:.85rem}.footer-bottom{margin-top:25px}.product-sidebar a:hover,.support-links a:hover{background:#f0f4fa}a[aria-current]{font-weight:600}
@media(max-width:1050px){.product-workspace{grid-template-columns:190px minmax(0,1fr);gap:30px}.product-description-block{flex-direction:column}.product-description-block .button{margin-top:0}.inquiry-page{gap:40px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.finish-swatch{padding:20px}.finish-swatch strong{font-size:3rem}.site-header nav{gap:20px}}
@media(max-width:720px){.site-header{height:78px}.site-header nav{gap:15px;padding:20px 6%;max-height:calc(100svh - 78px);overflow:auto}.nav-group{padding:0}.dropdown{display:block;position:static;min-width:0;box-shadow:none;border:0;padding:10px 15px}.dropdown strong{margin-top:10px}.dropdown a{font-size:.85rem}.shop-link{font-size:.75rem}.page-banner{padding:50px 6%;min-height:220px}.page-banner h1{font-size:2.5rem}.page-tabs{justify-content:flex-start;gap:24px;overflow:auto;white-space:nowrap}.page-tabs a{font-size:.85rem;padding:19px 0}.breadcrumbs{gap:10px;font-size:.75rem}.catalog-grid{grid-template-columns:1fr}.finish-swatch{height:220px;padding:28px}.catalog-toolbar{gap:20px}.filter-buttons{gap:6px}.filter-buttons button{padding:10px 19px;font-size:.9rem}.search-label{width:100%}.search-label input{max-width:none}.product-workspace{display:block;padding-top:30px}.product-sidebar{position:static;margin-bottom:30px;display:flex;flex-wrap:wrap;gap:10px}.product-sidebar .eyebrow,.product-sidebar h2,.product-sidebar .all-products{display:none}.product-sidebar>a{border:1px solid #dfe3ed;border-radius:8px;padding:12px 16px;flex:1}.product-sidebar a span{font-size:.7rem}.product-sidebar a strong{font-size:.95rem}.product-description-block h1{font-size:3.2rem}.product-description-block h2{font-size:1.35rem}.product-visual span{font-size:.65rem;left:8px;bottom:8px}.detail-tabs{gap:22px}.detail-tabs a{font-size:.85rem}.detail-features{grid-template-columns:1fr}.spec-table{grid-template-columns:105px 1fr}.spec-table dt,.spec-table dd{padding:15px 10px}.detail-section{padding:35px 0}.support-cards{grid-template-columns:1fr}.guide-list article{gap:20px}.guide-list h3{font-size:1.1rem;line-height:1.6}.document-list article{align-items:flex-start}.document-list a{font-size:.8rem;padding:12px}.inquiry-page{grid-template-columns:1fr;gap:40px}.form-row{grid-template-columns:1fr}.footer-sitemap{gap:20px}.support-links{gap:10px}.support-links a{font-size:.9rem;padding:18px 15px}}
.overview-page .site-header{position:absolute;background:transparent;border-color:#ffffff25;color:white}.overview-page .brand img{content:url('/design/hspontree/PPF/assets/logo.svg')}.overview-page .brand span{border-color:#ffffff40}.overview-page .hero{min-height:760px;height:92svh}.overview-page .hero-content{text-align:center;padding-top:260px;padding-bottom:160px;max-width:1500px}.overview-page .hero h1{font-size:clamp(2.8rem,5.4vw,5.6rem);font-weight:650;line-height:1.2;letter-spacing:-.04em}.overview-page .hero-ko{font-size:1.2rem;letter-spacing:.1em}.overview-page .hero .eyebrow{color:#c3d9f1}.overview-page .hero video{opacity:.7}.overview-page .shade{background:linear-gradient(0deg,#060019c9,#06001950 70%)}.overview-page .hero-desc{margin:24px auto 30px}.overview-page .menu{color:white;border-color:#ffffff60}.page-banner{background:linear-gradient(90deg,#060047ed,#060047a6),url('/design/hspontree/PPF/assets/car.jpg') center 45%/cover}.overview-page .dropdown{color:#171923}
@media(max-width:720px){.overview-page .hero{min-height:720px;height:90svh}.overview-page .hero-content{padding-top:225px;padding-bottom:135px}.overview-page .hero h1{font-size:clamp(2.5rem,9vw,4rem)}.overview-page .hero-ko{font-size:.9rem}.overview-page .site-header nav{color:#060047}.overview-page .site-header .dropdown{background:white}}

/* Preserve aligned menus and subtle motion; restore original typography. */
.site-header #nav{align-items:center;flex-wrap:nowrap;gap:30px;height:100%}.site-header .nav-group{display:flex;align-items:center;height:100%;padding:0;flex-shrink:0}.site-header #nav>a,.site-header .nav-group>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:20px;padding:12px 0;margin:0;font-size:.875rem;font-weight:500;white-space:nowrap}.site-header .dropdown{top:calc(100% - 1px)}.site-header .header-right{flex-shrink:0}.site-header .brand{flex-shrink:0}.site-header{gap:24px}
.reveal-pending{opacity:0;transform:translateY(18px)}.reveal-ready{transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1)}.reveal-ready.is-visible{opacity:1;transform:none}.reveal-ready:focus-within{opacity:1;transform:none}.button{transition:background-color .2s,color .2s,filter .2s}.catalog-card{transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s}.catalog-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0600470a}
@media(min-width:1001px){.hero-content{animation:hero-entrance .75s ease both}.site-header #nav{display:flex}.site-header .menu{display:none}}
@keyframes hero-entrance{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.site-header,.overview-page .site-header{height:78px}.site-header .brand span{display:none}.site-header .menu{display:block}.site-header #nav{display:none;position:absolute;top:78px;left:0;right:0;max-height:calc(100svh - 78px);height:auto;overflow:auto;flex-direction:column;align-items:stretch;gap:12px;padding:20px 6%;background:white;color:#060047;border-bottom:1px solid #e5e7ef}.site-header #nav.open{display:flex}.site-header .nav-group{display:block;height:auto;padding:0}.site-header #nav>a,.site-header .nav-group>a{justify-content:flex-start;min-height:44px;width:100%}.site-header .dropdown{position:static;display:block;box-shadow:none;border:0;padding:4px 0 10px 18px;min-width:0}.site-header .brand img{height:60px}}
.overview-page .hero h1{font-size:clamp(3.36rem,6.48vw,6.72rem)}
.product-grid,.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid .product{padding:0;min-height:0;display:block}.lineup-photo,.catalog-photo{display:block;background:white;overflow:hidden;aspect-ratio:1/1}.lineup-photo img,.catalog-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 68%}.lineup-copy{padding:25px 22px}.lineup-copy .product-no:after{display:none}.lineup-copy h3{font-size:2.4rem;margin:18px 0 14px}.lineup-copy>p{min-height:3.5em}.lineup-copy .product-link{margin-top:15px;font-size:.85rem}.product-visual{background:white;border:1px solid #e3e6ee}.product-visual img{aspect-ratio:4/3;object-fit:contain;max-height:600px}.catalog-copy{padding:22px}.product-sidebar>a{padding:18px 16px}
@media(max-width:1050px){.product-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.overview-page .hero h1{font-size:clamp(3rem,10.8vw,4.8rem)}.product-grid,.catalog-grid{grid-template-columns:1fr}.lineup-photo,.catalog-photo{aspect-ratio:4/3}.lineup-copy{padding:24px}.lineup-copy>p{min-height:0}.product-sidebar>a{flex:1 1 40%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-content{animation:none!important}.reveal-ready,.reveal-pending{opacity:1!important;transform:none!important;transition:none!important}.catalog-card,.button{transition:none}.catalog-card:hover{transform:none}}
@media print{.reveal-ready,.reveal-pending{opacity:1;transform:none}}

/* Compact language selector on every page. */
.language-switch{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;border:1px solid #dfe1ec;border-radius:100px;padding:3px;font-size:12px;line-height:1;font-weight:600;flex-shrink:0}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:32px;border-radius:100px;color:inherit}
.language-switch a[aria-current="true"]{background:#060047;color:white}
.overview-page .language-switch{border-color:#ffffff60}.overview-page .language-switch a[aria-current="true"]{background:white;color:#060047}
.header-right{gap:14px}.lineup-copy h3{white-space:nowrap}
html[lang="en"] .lineup-copy>p{min-height:3.5em}html[lang="en"] .page-tabs{flex-wrap:wrap}html[lang="en"] .detail-tabs{flex-wrap:wrap}
@media(min-width:1001px) and (max-width:1250px){.site-header .brand span{display:none}.site-header #nav{gap:22px}}
@media(max-width:480px){.site-header{gap:8px;padding-left:4%;padding-right:4%}.site-header .brand img{width:118px}.site-header .header-right{gap:8px}.site-header .shop-link{display:none}.language-switch a{min-width:30px}.site-header .menu{padding:9px 10px}html[lang="en"] .page-banner h1{font-size:2rem}html[lang="en"] .product-description-block .button{white-space:normal}}

/* PPF standalone page inside MakeShop */
body.ppf-page #content{width:100%;max-width:none;margin:0;padding:0;}
body.ppf-page .hero h1,body.ppf-page .page-hero h1{color:#fff;}
body.ppf-page summary:after{content:'+';}
body.ppf-page details[open] summary:after{content:'\2212';}

/* BASIC css end */

