.step-enter{animation:stepIn .38s cubic-bezier(.2,.7,.2,1)}
@keyframes stepIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.milestone{display:flex;align-items:center;gap:8px;color:#0a619f;font-size:12px;white-space:nowrap}
.progress-wrap{grid-template-columns:auto minmax(0,1fr) auto auto}
.milestone-dot{width:8px;height:8px;border-radius:50%;background:#0b76d1;box-shadow:0 0 0 5px rgba(11,118,209,.12)}
.insight{display:grid;grid-template-columns:auto 1fr;gap:13px;border:1px solid #aac8df;background:linear-gradient(135deg,#f7fbff,#eaf4fd);padding:16px 18px;border-radius:9px;margin-top:24px;color:#264966;animation:stepIn .3s ease}
.insight svg{width:22px;height:22px;color:#0871bd;margin-top:2px}.insight strong{display:block;color:#0a3157;margin-bottom:2px}.insight p{margin:0;font-size:13px}
.module-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.module-subtitle{font:italic 22px/1.25 Georgia,'Times New Roman',serif;color:#1769a4}.local-badge{display:flex;gap:8px;align-items:center;border:1px solid #a8c4da;border-radius:99px;padding:8px 12px;color:#315875;background:#f7fbff;font-size:12px}.local-badge svg{width:17px;height:17px}
.dermo-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:start}.dermo-visual{position:relative;border:1px solid #9fbdd4;border-radius:11px;overflow:hidden;background:#eaf4fb;box-shadow:0 16px 36px rgba(19,63,102,.12)}.dermo-visual img{width:100%;height:430px;object-fit:cover;display:block}.dermo-caption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(248,252,255,.93);backdrop-filter:blur(10px);padding:13px 15px;border:1px solid rgba(134,171,199,.7);border-radius:7px;font-size:13px;color:#21445f}.stroke-path{position:absolute;left:25%;top:53%;width:36%;height:3px;background:linear-gradient(90deg,transparent,#0b62af,#0b62af,transparent);transform:rotate(-8deg);transform-origin:left center;animation:strokeMotion 2.4s ease-in-out infinite}.stroke-path:after{content:'›';position:absolute;right:-4px;top:-19px;font-size:30px;color:#0b62af}@keyframes strokeMotion{0%,18%{opacity:0;transform:rotate(-8deg) scaleX(.08)}35%{opacity:1}75%{opacity:1;transform:rotate(-8deg) scaleX(1)}100%{opacity:0;transform:rotate(-8deg) scaleX(1)}}
.material-title,.safety-title{font-size:16px;margin:0 0 10px}.materials{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}.material-card{min-height:105px;border:1px solid #b7cadb;border-radius:8px;background:rgba(255,255,255,.55);padding:11px 7px;text-align:center;font-size:11px;color:#294862}.material-card svg{width:34px;height:34px;display:block;margin:0 auto 8px;color:#0a5b99}.tool-compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid #b9ccdb;border-radius:8px;overflow:hidden;margin:14px 0}.tool-compare section{padding:13px 15px}.tool-compare section+section{border-left:1px solid #d5e0e9}.tool-compare h3{font-size:13px;margin:0 0 7px}.tool-compare ul{list-style:none;margin:0;padding:0;font-size:12px;color:#4b6073}.tool-compare li{margin:5px 0}.tool-safe h3,.tool-safe li:before{color:#277b4c}.tool-unsafe{background:#fff8f7}.tool-unsafe h3,.tool-unsafe li:before{color:#c44b42}.tool-compare li:before{content:'✓';font-weight:800;margin-right:7px}.tool-unsafe li:before{content:'×'}
.safety-list{display:grid;gap:7px}.safety-list .option{min-height:49px;padding:11px 14px;font-size:12px}.module-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:17px;flex-wrap:wrap}.module-actions .btn{min-height:48px}.text-link{border:0;background:transparent;color:#075fae;text-decoration:underline;text-underline-offset:3px;padding:8px}
.guide-shell{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}.guide-stage{position:relative;border:1px solid #a7c0d3;border-radius:11px;overflow:hidden;background:#edf6fd;min-height:470px}.guide-stage img{width:100%;height:470px;object-fit:cover}.guide-number{position:absolute;top:18px;left:18px;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#075fba;color:white;font:700 18px/1 var(--sans);box-shadow:0 8px 20px rgba(0,85,170,.25)}.guide-copy h2{font:400 35px/1.1 Georgia,'Times New Roman',serif;margin:0 0 14px}.guide-copy p{color:#4a6176}.guide-copy .notice{margin:18px 0}.guide-progress{display:flex;gap:6px;margin:20px 0}.guide-progress i{height:4px;flex:1;background:#d4e1ec;border-radius:9px}.guide-progress i.on{background:#0870cb}.guide-controls{display:flex;gap:8px;flex-wrap:wrap}.guide-controls .btn{min-height:47px;padding:0 17px}
.timer-panel{max-width:720px;margin:10px auto;text-align:center}.timer-ring{width:230px;height:230px;margin:20px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#0870cb var(--timer-progress,0%),#d8e6f0 0);position:relative}.timer-ring:before{content:'';position:absolute;inset:13px;border-radius:50%;background:#f7fbff}.timer-value{position:relative;font:400 48px/1 Georgia,'Times New Roman',serif;color:#063565}.timer-label{position:relative;color:#557086;font-size:12px}.observation-times{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.time-chip{border:1px solid #9fbbd0;border-radius:99px;padding:8px 12px;background:#fff;color:#32546d;font-size:12px}.time-chip.active{background:#eaf5ff;border-color:#0875cd;color:#075fae}.timer-controls{display:flex;justify-content:center;gap:10px;margin-top:22px;flex-wrap:wrap}
.reaction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reaction-card{overflow:hidden;border:1px solid #b5c9da;border-radius:10px;background:#fff;padding:0;text-align:left;color:#193d5d;box-shadow:0 8px 22px rgba(20,61,99,.08);transition:.22s transform,.22s border-color,.22s box-shadow}.reaction-card:hover{border-color:#1382db;transform:translateY(-3px);box-shadow:0 14px 29px rgba(20,61,99,.14)}.reaction-card.selected{border:3px solid #0874cd;background:#eef7ff;box-shadow:0 14px 30px rgba(0,92,201,.18)}.reaction-visual{display:block;width:100%;aspect-ratio:4/3;background-image:var(--reaction-image);background-size:400% 300%;background-position:var(--reaction-x) var(--reaction-y);background-repeat:no-repeat;border-bottom:1px solid #b8cbd9}.reaction-card-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-height:116px;padding:14px 15px 16px}.reaction-card strong{display:block;font-size:13px;line-height:1.3}.reaction-card small{display:block;color:#617589;font-size:11px;line-height:1.5;margin-top:5px}.reaction-card .pore-check{margin-top:1px}.reaction-warn{margin-top:14px}
.photo-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.photo-guide,.upload-panel{border:1px solid #acc4d7;border-radius:10px;background:rgba(255,255,255,.46);padding:20px}.photo-angle-image{width:100%;height:245px;object-fit:cover;display:block;border-radius:7px;background:white}.angle-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center;margin-top:8px;font-size:12px}.photo-examples{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}.photo-example{border:1px solid #bdd0df;border-radius:7px;min-height:73px;padding:8px;background:#f4f8fb;font-size:10px;text-align:center;display:flex;flex-direction:column;justify-content:flex-end}.photo-example.good{background:linear-gradient(135deg,#eef8f2,#fff);border-color:#8fbba0}.photo-example.dark{background:#465361;color:#fff}.photo-example.bright{background:#fff;color:#8a99a6}.photo-example.blur{filter:blur(.6px)}.photo-example.filter{background:linear-gradient(135deg,#f8ddeb,#d8e9ff)}
.dropzone{border:2px dashed #83a7c2;border-radius:10px;min-height:220px;display:grid;place-items:center;text-align:center;padding:24px;background:#f8fbfe}.dropzone svg{width:49px;height:49px;color:#0b66ae}.file-label{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;background:linear-gradient(135deg,#0877e9,#0346ab);color:white;border-radius:6px;font-weight:700;margin-top:12px;cursor:pointer}.file-label.disabled{opacity:.45;cursor:not-allowed}.photo-consent{margin-top:14px}.photo-consent .option{font-size:11px;min-height:44px;padding:10px 12px}.privacy-copy{display:flex;gap:10px;color:#3d617c;font-size:12px;margin:12px 0}.privacy-copy svg{width:19px;height:19px;flex:0 0 auto}.photo-preview-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.photo-preview{border:1px solid #9fbbd0;border-radius:9px;overflow:hidden;background:#eaf3fa}.photo-preview img{width:100%;height:370px;object-fit:contain;background:#e6eef5;display:block}.quality-panel{border:1px solid #b5cadb;border-radius:9px;padding:17px}.quality-panel h2{font-size:16px;margin:0 0 10px}.quality-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d7e3ec;padding:9px 0;font-size:12px}.quality-row:last-child{border:0}.quality-pass{color:#24784a}.quality-warn{color:#a2541f}.confidence-bar{height:7px;background:#d7e4ee;border-radius:99px;overflow:hidden;margin:9px 0}.confidence-bar i{height:100%;display:block;background:linear-gradient(90deg,#4ba5e6,#0758b4)}.detected-review{margin-top:19px}.detected-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.photo-delete{color:#a03932;border-color:#d1a6a1}
.confidence-panel{display:grid;grid-template-columns:160px 1fr;gap:22px;align-items:center;border:1px solid #aac5da;background:linear-gradient(135deg,#f8fbff,#edf6fd);padding:20px;border-radius:10px;margin:24px 0}.confidence-score{width:124px;height:124px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#0873cc var(--confidence,75%),#d7e4ee 0);position:relative;margin:auto}.confidence-score:before{content:'';position:absolute;inset:10px;border-radius:50%;background:#f8fbff}.confidence-score strong{position:relative;font:400 33px Georgia,'Times New Roman',serif}.confidence-panel h2{margin:0 0 6px}.confidence-panel p{margin:0;color:#4d6579;font-size:13px}.result-module{margin-top:30px;border-top:1px solid #b7cadb;padding-top:24px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.product-card{border:1px solid #b0c7d9;border-radius:10px;background:rgba(255,255,255,.52);padding:16px;display:grid;grid-template-columns:110px 1fr;gap:16px}.product-placeholder{width:110px;height:145px;border-radius:8px;background:linear-gradient(145deg,#eaf3fb,#cfddea);border:1px solid #a9c0d2;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font:400 15px/1.2 Georgia,'Times New Roman',serif;color:#47657b}.product-card h3{margin:0;font-size:16px}.product-card .brandline{font-size:11px;color:#5d7487;letter-spacing:.08em;text-transform:uppercase}.product-card p{font-size:12px;color:#52687b;margin:7px 0}.product-reason{border-left:3px solid #2685c8;padding-left:10px}.product-actions{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.buy-disabled{border:1px solid #b9c8d4;color:#748695;background:#edf2f6;border-radius:6px;padding:9px 12px;font-weight:700;cursor:not-allowed}.affiliate-disclosure{font-size:11px;color:#60778a;margin-top:12px}.ingredient-details{margin-top:10px;border-top:1px solid #d5e1ea;padding-top:8px}.ingredient-details summary{cursor:pointer;font-size:12px;color:#075ea8;font-weight:700}.ingredient-item{padding:9px 0;border-bottom:1px solid #e0e9ef;font-size:11px;color:#4c6275}.config-warning{border-left:4px solid #c98935;background:#fff9ef;color:#75501d;padding:14px 16px;margin:16px 0;border-radius:0 7px 7px 0;font-size:12px}
@media(max-width:980px){.dermo-layout,.guide-shell,.photo-layout,.photo-preview-wrap{grid-template-columns:1fr}.materials{grid-template-columns:repeat(3,1fr)}.reaction-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}.dermo-visual img,.guide-stage img{height:380px}.milestone{display:none}}
@media(max-width:600px){.module-intro{display:block}.local-badge{margin-top:12px;width:max-content;max-width:100%}.materials{grid-template-columns:1fr 1fr}.tool-compare{grid-template-columns:1fr}.tool-compare section+section{border-left:0;border-top:1px solid #d5e0e9}.reaction-grid{grid-template-columns:1fr}.dermo-visual img,.guide-stage img{height:300px}.photo-examples{grid-template-columns:1fr 1fr}.detected-grid{grid-template-columns:1fr}.confidence-panel{grid-template-columns:1fr;text-align:center}.product-card{grid-template-columns:82px 1fr}.product-placeholder{width:82px;height:120px}.angle-labels{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.stroke-path{display:none}.step-enter{animation:none}}
@media print{.module-actions,.guide-controls,.timer-controls,.file-label,.photo-delete,.product-actions{display:none!important}.product-card{break-inside:avoid}.result-module{break-inside:avoid}}
.guide-text-panel{max-height:285px;overflow:auto;margin:16px 0;padding:14px 16px;border:1px solid #a9c3d7;border-radius:8px;background:#f7fbff;text-align:left}.guide-text-head{display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:-14px;padding:10px 0 8px;background:#f7fbff}.guide-text-head h3{margin:0;font-size:15px}.guide-text-panel ol{margin:4px 0 0;padding-left:22px}.guide-text-panel li{padding:7px 0;color:#31536e;font-size:12px}.guide-text-panel li strong,.guide-text-panel li span{display:block}.guide-text-panel li span{margin-top:2px;color:#587086}
.affiliate-shop{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0;padding:18px 20px;border:1px solid #91b9d6;border-radius:10px;background:linear-gradient(135deg,#f8fcff,#e9f5ff);box-shadow:0 10px 26px rgba(20,72,111,.08)}.affiliate-shop strong{display:block;color:#073b68;font:400 20px/1.2 Georgia,'Times New Roman',serif}.affiliate-shop p{margin:5px 0 0;color:#526b7f;font-size:12px}.affiliate-shop .btn{flex:0 0 auto;min-height:48px}.affiliate-shop+.affiliate-disclosure{margin-top:-8px;margin-bottom:16px}@media(max-width:600px){.affiliate-shop{display:block}.affiliate-shop .btn{width:100%;margin-top:14px}}
.result-v2{width:min(1450px,calc(100% - 64px));padding:28px 0 70px}.result-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:10px 0 28px;border-bottom:1px solid #a9bfd1}.result-topline h1{font-size:clamp(44px,4vw,64px);margin:0 0 8px}.result-topline p{margin:0;color:#50687b}.result-hero-v2{display:grid;grid-template-columns:.9fr 1.15fr .55fr;gap:0;min-height:440px;border-bottom:1px solid #a9bfd1}.result-hero-copy{padding:46px 42px 42px 0;align-self:center}.result-hero-copy>span,.routine-time,.affiliate-shop-final span{display:block;color:#075fae;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.result-hero-copy h2{font:400 clamp(42px,4vw,61px)/1.02 Georgia,'Times New Roman',serif;color:#075fc1;margin:10px 0 13px}.result-hero-copy h3{font:400 23px/1.2 Georgia,'Times New Roman',serif;margin:0 0 14px;color:#113a5c}.result-hero-copy p{color:#3f5a70;font-size:15px;line-height:1.72;margin:0}.condition-line{margin-top:24px;padding-top:18px;border-top:1px solid #bdd0df}.condition-line b,.condition-line span{display:block}.condition-line b{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#5a7081}.condition-line span{margin-top:4px;color:#123f63}.skin-type-image{margin:28px 0;min-height:385px;border-radius:12px;background-image:url('skin-types-atlas-v2.png');background-size:200% 200%;background-position:var(--skin-position,0% 100%);background-repeat:no-repeat;box-shadow:0 20px 45px rgba(14,54,88,.14);border:1px solid rgba(126,158,184,.5)}.confidence-v2{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:34px 0 34px 35px}.confidence-v2 .confidence-score{width:145px;height:145px}.confidence-v2 .confidence-score strong{font-size:36px}.confidence-v2 h3{font:400 21px Georgia,'Times New Roman',serif;margin:17px 0 8px;color:#0c3658}.confidence-v2 p{font-size:11px;line-height:1.55;color:#617588;max-width:190px;margin:0}.section-heading-v2{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:22px}.section-heading-v2 h2{font-size:34px;margin:0}.section-heading-v2 p{max-width:560px;color:#526a7d;margin:0;text-align:right}.insights-v2{padding:42px 0;border-bottom:1px solid #a9bfd1}.visual-insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.visual-insight-card{min-width:0}.concern-image{height:190px;border-radius:9px;background-image:url('skin-concerns-atlas-v2.png');background-size:200% 200%;background-position:var(--concern-position,0 0);background-repeat:no-repeat;border:1px solid #abc1d2;box-shadow:0 10px 24px rgba(20,60,94,.09)}.visual-insight-copy{padding:15px 3px 0}.visual-insight-copy span{color:#0a64b3;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.visual-insight-copy h3{margin:4px 0 6px;font-size:17px;color:#123b5b}.visual-insight-copy p{margin:0;color:#52697c;font-size:12px;line-height:1.55}.observations-v2{padding:34px 0;border-bottom:1px solid #a9bfd1}.observations-v2 h2{font-size:29px}.observations-v2>div:not(.notice){display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c0d0dc}.observations-v2 span{padding:15px 20px 15px 0;border-bottom:1px solid #c0d0dc;color:#63788a;font-size:12px}.observations-v2 span+span{padding-left:22px;border-left:1px solid #d2dee7}.observations-v2 span strong{display:block;color:#153e5e;margin-top:3px;font-size:13px}.routine-v2{padding:42px 0;border-bottom:1px solid #a9bfd1}.routine-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.routine-columns article{border:1px solid #acc3d4;border-radius:10px;background:rgba(255,255,255,.48);padding:24px 26px}.routine-columns ol{list-style:none;margin:16px 0 0;padding:0}.routine-columns li{display:flex;align-items:center;gap:15px;border-top:1px solid #cedbe5;padding:13px 0}.routine-columns li b{width:31px;height:31px;border:1px solid #8aaac1;border-radius:50%;display:grid;place-items:center;color:#075fae;font-size:10px}.routine-columns li span{color:#173c5b}.products-v2{padding:46px 0 0}.products-v2 .product-grid{grid-template-columns:repeat(4,1fr);gap:16px}.product-card-v2{display:block;padding:0;overflow:hidden;background:#fbfdff}.product-category-image{width:100%;height:220px;background-image:url('skincare-categories-atlas-v2.png');background-size:200% 200%;background-position:var(--product-position,0 0);background-repeat:no-repeat;border-bottom:1px solid #afc5d6}.product-card-copy{padding:18px}.product-card-v2 h3{font:400 22px/1.15 Georgia,'Times New Roman',serif;margin-top:5px}.product-card-v2 .product-reason{min-height:82px}.product-link-note{display:inline-flex;align-items:center;min-height:38px;padding:0 11px;border-radius:5px;background:#edf3f7;color:#63798a;font-size:11px;font-weight:700}.category-note{font-size:11px;color:#61788a;margin:13px 0 24px}.affiliate-shop-final{margin-top:28px;padding:25px 28px}.affiliate-shop-final strong{font-size:25px;margin-top:5px}.affiliate-shop-final small{display:block;margin-top:9px;color:#607789;font-size:10px}.result-footer-v2{margin-top:42px;border-top:1px solid #a9bfd1;padding:30px 0 0;text-align:center;color:#587085}.result-footer-v2 strong,.result-footer-v2 span,.result-footer-v2 small{display:block}.result-footer-v2 strong{font:400 24px Georgia,'Times New Roman',serif;color:#123b5d}.result-footer-v2 span{margin:5px 0 13px}.result-footer-v2 small{max-width:850px;margin:auto}.result-safety-v2{margin-bottom:0}
@media(max-width:1100px){.result-hero-v2{grid-template-columns:.9fr 1.1fr}.confidence-v2{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;justify-items:start;text-align:left;padding:25px 0;border-top:1px solid #bed0dd}.confidence-v2 .confidence-score{grid-row:1/3;width:100px;height:100px;margin:0 22px 0 0}.confidence-v2 h3{align-self:end}.confidence-v2 p{max-width:520px}.visual-insight-grid,.products-v2 .product-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.result-v2{width:calc(100% - 28px);padding-top:15px}.result-topline,.section-heading-v2{display:block}.result-topline .result-actions{margin-top:20px}.result-topline .result-actions .btn{flex:1;justify-content:center}.result-hero-v2{display:flex;flex-direction:column}.result-hero-copy{padding:34px 0 12px}.skin-type-image{order:-1;min-height:360px;margin:24px 0 0}.confidence-v2{display:grid;grid-template-columns:auto 1fr;padding:24px 0}.visual-insight-grid,.products-v2 .product-grid,.routine-columns,.observations-v2>div:not(.notice){grid-template-columns:1fr}.section-heading-v2 p{text-align:left;margin-top:7px}.concern-image{height:250px}.observations-v2 span+span{padding-left:0;border-left:0}.affiliate-shop-final{display:block}.affiliate-shop-final .btn{width:100%;justify-content:center;margin-top:18px}.product-card-v2{display:grid;grid-template-columns:120px 1fr}.product-category-image{width:120px;height:100%;min-height:250px;border-bottom:0;border-right:1px solid #afc5d6}.product-card-v2 .product-reason{min-height:0}}
@media(max-width:480px){.result-topline .result-actions{display:grid}.skin-type-image{min-height:300px}.visual-insight-grid{grid-template-columns:1fr}.concern-image{height:220px}.confidence-v2{grid-template-columns:92px 1fr}.confidence-v2 .confidence-score{width:82px;height:82px}.confidence-v2 .confidence-score strong{font-size:25px}.product-card-v2{display:block}.product-category-image{width:100%;height:230px;border-right:0;border-bottom:1px solid #afc5d6}}
@media print{.result-v2{width:100%;padding:0}.result-topline .result-actions,.affiliate-shop-final .btn{display:none!important}.result-hero-v2{min-height:auto;grid-template-columns:1fr 1fr}.confidence-v2{display:none}.skin-type-image{min-height:260px}.visual-insight-grid,.products-v2 .product-grid{grid-template-columns:1fr 1fr}.concern-image{height:140px}.product-category-image{height:150px}.affiliate-shop-final{box-shadow:none}.result-footer-v2{margin-top:18px}}
.shop-safety-mode{border-color:#d5ae86;background:linear-gradient(135deg,#fffaf4,#f4f8fc)}.shop-safety-mode .btn{background:#163f66;border-color:#163f66;box-shadow:none}
.product-card-v2{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.product-card-v2:hover{transform:translateY(-4px);border-color:#6fa5ca;box-shadow:0 18px 34px rgba(18,63,97,.13)}.product-image-link{display:block;overflow:hidden;background:#f2f3f4}.product-category-image{display:block;width:100%;height:220px;object-fit:cover;object-position:center;background:none;border-bottom:1px solid #afc5d6;transition:transform .35s ease}.product-image-link:hover .product-category-image{transform:scale(1.025)}.product-image-link:focus-visible{outline:3px solid #0873cc;outline-offset:-3px}.product-step-label{display:block;margin:7px 0 2px;color:#075fae;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.product-card-v2 h3{margin:4px 0 9px;min-height:50px}

/* Bildgestützte Auswahlkarten für sichtbare Hautmerkmale */
.visual-choice-intro{display:flex;align-items:flex-start;gap:14px;margin:4px 0 20px;padding:14px 17px;border-left:4px solid #2b86c7;background:linear-gradient(90deg,#edf7ff,#f9fcff);color:#34546d}.visual-choice-intro strong{flex:0 0 auto;color:#0b416d;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.visual-choice-intro span{font-size:12px;line-height:1.55}.visual-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 8px}.visual-option-card{position:relative;min-width:0;overflow:hidden;padding:0;border:1px solid #a9c0d2;border-radius:11px;background:#fbfdff;color:#153651;text-align:left;box-shadow:0 9px 24px rgba(16,57,90,.08);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.visual-option-card:hover{transform:translateY(-4px);border-color:#2788cf;box-shadow:0 16px 32px rgba(16,68,108,.14)}.visual-option-card.selected{border:3px solid #0875cf;background:#f2f9ff;box-shadow:0 15px 34px rgba(0,93,183,.19)}.visual-option-media{display:block;width:100%;aspect-ratio:4/3;background-image:var(--choice-image);background-size:calc(var(--choice-columns) * 100%) calc(var(--choice-rows) * 100%);background-position:var(--choice-x) var(--choice-y);background-repeat:no-repeat;border-bottom:1px solid #b8cbd9;transition:transform .3s ease}.visual-option-card:hover .visual-option-media{transform:scale(1.018)}.visual-option-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-height:128px;padding:15px 15px 17px}.visual-option-copy strong,.visual-option-copy small{display:block}.visual-option-copy strong{font-size:14px;line-height:1.3;color:#123a5c}.visual-option-copy small{margin-top:7px;color:#586f82;font-size:11px;line-height:1.5}.visual-option-card .mark{margin-top:1px;border-radius:50%;background:#fff}.visual-option-card.selected .mark{background:#0873cb;border-color:#0873cb;color:#fff}.visual-option-card:focus-visible{outline:3px solid rgba(5,107,216,.3);outline-offset:3px}

@media(max-width:1100px){.visual-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.visual-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-option-copy{min-height:116px}}
@media(max-width:520px){.visual-choice-intro{display:block}.visual-choice-intro span{display:block;margin-top:5px}.visual-option-grid{grid-template-columns:1fr;gap:13px}.visual-option-media{aspect-ratio:16/10}.visual-option-copy{min-height:0}.visual-option-card:hover{transform:none}}
@media(max-width:760px){.product-image-link{height:100%}.product-category-image{width:120px;height:100%;min-height:250px;object-fit:cover;border-bottom:0;border-right:1px solid #afc5d6}.product-card-v2 h3{min-height:0}}
@media(max-width:480px){.product-image-link{height:auto}.product-category-image{width:100%;height:230px;min-height:0;border-right:0;border-bottom:1px solid #afc5d6}}

.step-wrap-visual{width:min(1400px,calc(100% - 64px))}.step-wrap-visual>.lead{max-width:900px}.analysis-stage{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:42px;align-items:start;margin-top:28px}.analysis-question-column{min-width:0}.step-visual-card{position:sticky;top:24px;overflow:hidden;border:1px solid #9fb9cd;border-radius:12px;background:#f7faff;box-shadow:0 18px 42px rgba(13,56,91,.12)}.step-visual-image{height:clamp(430px,53vh,570px);background-image:var(--step-image);background-size:var(--step-image-size,cover);background-position:var(--step-image-position,center);background-repeat:no-repeat;transition:background-position .35s ease}.step-visual-caption{padding:19px 21px 21px;border-top:1px solid #b6cad9;background:rgba(249,252,255,.96)}.step-visual-caption strong,.step-visual-caption span{display:block}.step-visual-caption strong{font:400 23px/1.2 Georgia,'Times New Roman',serif;color:#0b365a}.step-visual-caption span{margin-top:6px;color:#536b7e;font-size:12px;line-height:1.6}.analysis-stage .question:first-child{margin-top:0}

.face-layout-v2{grid-template-columns:minmax(460px,1.02fr) minmax(0,.98fr);gap:38px}.face-panel-v2{max-width:none;background:#f4f7fa;box-shadow:0 18px 42px rgba(13,56,91,.11)}.face-map-canvas{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f4f7fa}.face-panel-v2 .face-map-canvas>img{width:100%;height:100%;object-fit:cover;display:block;filter:none}.face-zone-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.zone-shape{cursor:pointer;outline:none}.zone-shape path{fill:rgba(8,119,233,0);stroke:rgba(25,75,112,.34);stroke-width:.7;vector-effect:non-scaling-stroke;transition:fill .2s ease,stroke .2s ease,filter .2s ease}.zone-shape:hover path,.zone-shape:focus path{fill:rgba(8,119,233,.13);stroke:#0877e9;filter:drop-shadow(0 0 4px rgba(8,119,233,.22))}.zone-shape.answered:not(.active) path{fill:rgba(8,119,233,.07);stroke:rgba(8,103,190,.52)}.zone-shape.active path{fill:rgba(8,119,233,.28);stroke:#0877e9;stroke-width:1.6;filter:drop-shadow(0 0 5px rgba(8,119,233,.26))}.active-zone-label{position:absolute;top:17px;left:17px;min-width:132px;padding:10px 13px;border:1px solid rgba(120,158,187,.72);border-radius:7px;background:rgba(249,252,255,.94);backdrop-filter:blur(8px);box-shadow:0 8px 20px rgba(20,60,94,.1);pointer-events:none}.active-zone-label span,.active-zone-label strong{display:block}.active-zone-label span{color:#557084;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.active-zone-label strong{font:400 20px/1.2 Georgia,'Times New Roman',serif;color:#075fae;margin-top:2px}.face-panel-v2>p{margin:0;padding:13px 17px;color:#526b7e;font-size:12px;background:#fbfdff}.face-question-panel .question{margin-top:24px}.face-question-panel .options{grid-template-columns:1fr}.zone{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .2s ease,border-color .2s ease,transform .2s ease}.zone:hover{border-color:#1684dc;transform:translateY(-1px)}.zone.complete:not(.active){background:#f3f8fc;border-color:#95b5cc}.zone b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#1f7aba;color:#fff;font-size:10px}

@media(max-width:1050px){.analysis-stage,.face-layout-v2{grid-template-columns:1fr}.step-visual-card{position:relative;top:auto}.step-visual-image{height:420px}.face-panel-v2{max-width:620px;margin:auto;width:100%}.face-question-panel{max-width:720px;margin:auto;width:100%}}
@media(max-width:600px){.step-wrap-visual{width:calc(100% - 32px)}.analysis-stage{gap:24px;margin-top:20px}.step-visual-image{height:300px}.step-visual-caption{padding:15px 16px}.step-visual-caption strong{font-size:20px}.face-layout-v2{gap:24px}.face-panel-v2{border-radius:9px}.active-zone-label{top:10px;left:10px;min-width:110px;padding:8px 10px}.active-zone-label strong{font-size:17px}.face-question-panel .zone-chips{grid-template-columns:1fr 1fr}.face-question-panel .options{grid-template-columns:1fr}}

/* Einzelbilder statt 2×2-Atlas: keine Trennlinie und kein benachbarter Bildausschnitt. */
.skin-type-image{background-image:var(--skin-image);background-size:cover;background-position:center;background-repeat:no-repeat}
.concern-image{background-image:var(--concern-image);background-size:cover;background-position:center;background-repeat:no-repeat}

.analysis-scale-v2{padding:40px 0 42px;border-bottom:1px solid #a9bfd1}.analysis-scale-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 42px}.analysis-scale-item{min-width:0}.analysis-scale-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:9px}.analysis-scale-head strong{font-size:14px;color:#113b5b}.analysis-scale-head span{font-size:11px;font-weight:800;color:#0768bd;white-space:nowrap}.analysis-scale-track{position:relative;height:9px;border-radius:999px;background:repeating-linear-gradient(90deg,#d6e3ed 0,#d6e3ed calc(25% - 1px),#afc3d2 calc(25% - 1px),#afc3d2 25%);box-shadow:inset 0 1px 2px rgba(20,56,84,.12)}.analysis-scale-track i{position:absolute;inset:0 auto 0 0;width:var(--scale);border-radius:999px;background:linear-gradient(90deg,#62b6ea,#0873cf);box-shadow:0 3px 10px rgba(8,100,190,.2)}.analysis-scale-track b{position:absolute;top:50%;left:var(--scale);width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:#076fc8;box-shadow:0 2px 8px rgba(12,69,117,.32);transform:translate(-50%,-50%)}.analysis-scale-labels{display:flex;justify-content:space-between;margin-top:7px;color:#6b7e8e;font-size:10px}.analysis-scale-v2 .section-heading-v2{margin-bottom:26px}
@media(max-width:760px){.analysis-scale-grid{grid-template-columns:1fr}.analysis-scale-v2{padding:34px 0}.analysis-scale-v2 .section-heading-v2 p{margin-top:7px}}
@media print{.analysis-scale-v2{padding:24px 0}.analysis-scale-grid{grid-template-columns:1fr 1fr;gap:18px 28px}.analysis-scale-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Lange Analyseschritte bleiben auf Maus, Touchpad und Touch sicher scrollbar. */
html,body{min-height:100%;height:auto;max-height:none}html{overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable;scroll-behavior:auto}body,#app,.shell,.analysis{height:auto;max-height:none;overflow:visible}.analysis{min-height:calc(100vh - 108px)}.step-wrap{min-width:0;padding-bottom:145px}.nav{pointer-events:none}.nav .btn,.scroll-more{pointer-events:auto}.scroll-more{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 17px;border:1px solid #83a9c4;border-radius:999px;background:rgba(244,249,253,.97);color:#164663;font-size:11px;font-weight:800;letter-spacing:.05em;box-shadow:0 8px 20px rgba(15,56,87,.12);transform:translate(-50%,-50%);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.scroll-more:hover{background:#fff;border-color:#137dc8;box-shadow:0 10px 24px rgba(13,91,151,.18)}.scroll-more b{font-size:17px;color:#0873c9;line-height:1}.scroll-more[hidden]{display:none}.scroll-more:focus-visible{outline:3px solid rgba(8,115,202,.3);outline-offset:3px}

/* Dermographismus: Spatel-Anleitung bleibt in jeder Phase klar erreichbar. */
.dermo-quick-guide{margin:0 0 22px;padding:19px 20px;border:1px solid #7faac8;border-radius:10px;background:linear-gradient(135deg,#edf7ff,#f9fcff);box-shadow:0 10px 24px rgba(14,67,105,.08)}.dermo-quick-title{display:flex;align-items:center;gap:13px}.dermo-quick-title svg,.guide-tool-badge svg,.dermo-reopen svg{width:34px;height:34px;flex:0 0 auto;color:#0869b3}.dermo-quick-title span{display:block;color:#0870bd;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.dermo-quick-title h2{margin:2px 0 0;font:400 23px/1.2 Georgia,'Times New Roman',serif;color:#103c5d}.dermo-quick-guide ol{display:grid;grid-template-columns:1fr;gap:9px;list-style:none;margin:16px 0 0;padding:0}.dermo-quick-guide li{display:grid;grid-template-columns:27px 1fr;gap:10px;align-items:start;color:#405e74;font-size:12px;line-height:1.5}.dermo-quick-guide li b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#0872c7;color:#fff;font-size:10px}.guide-tool-badge{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;padding:9px 12px;border:1px solid #9dbcd2;border-radius:7px;background:#f4f9fd;color:#174866;font-size:11px;font-weight:800}.guide-tool-badge svg{width:25px;height:25px}.dermo-reopen{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 22px;padding:16px 18px;border:1px solid #8bb0ca;border-radius:9px;background:linear-gradient(135deg,#eff8ff,#f9fcff)}.dermo-reopen>div{display:flex;align-items:center;gap:12px}.dermo-reopen strong,.dermo-reopen small{display:block}.dermo-reopen strong{color:#0b3d61}.dermo-reopen small{margin-top:2px;color:#557084;font-size:11px}.dermo-reopen .btn{min-height:44px;padding:0 17px;white-space:nowrap}
@media(max-width:700px){html{scrollbar-gutter:auto}.analysis{min-height:calc(100vh - 82px)}.scroll-more{min-width:44px;padding:0 12px}.scroll-more span{display:none}.dermo-reopen{display:block}.dermo-reopen .btn{width:100%;justify-content:center;margin-top:14px}.dermo-quick-title h2{font-size:20px}}

/* Freiwillige Gesundheits- und Lebensstil-Anamnese */
.health-intro{display:grid;grid-template-columns:auto 1fr;gap:14px;margin:0 0 18px;padding:17px 19px;border:1px solid #91b2c9;border-radius:10px;background:linear-gradient(135deg,#eaf6ff,#f8fbfe);color:#365971}.health-intro svg{width:25px;height:25px;color:#0870bd}.health-intro strong{display:block;color:#0d3c5e;font-size:13px}.health-intro p{margin:4px 0 0;font-size:12px;line-height:1.6}.health-question-list{display:grid;gap:15px}.health-card{padding:20px;border:1px solid #adc3d3;border-radius:11px;background:rgba(251,253,255,.78);box-shadow:0 9px 24px rgba(16,57,90,.07)}.health-card-head{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}.health-card-head>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #81aac6;border-radius:50%;color:#0869b6;font-size:10px;font-weight:800}.health-card-head h2{margin:0;color:#113d5e;font:400 21px/1.22 Georgia,'Times New Roman',serif}.health-card-head p{margin:6px 0 0;color:#526d80;font-size:11px;line-height:1.58}.health-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.health-options .option,.health-option{min-height:46px;padding:10px 12px;border:1px solid #b5c9d8;border-radius:7px;background:#f9fcff;color:#173d5b;font-size:11px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:border-color .2s ease,background .2s ease,transform .2s ease}.health-options .option:hover,.health-option:hover{border-color:#1982cb;background:#f1f8fe;transform:translateY(-1px)}.health-options .option.selected,.health-option.selected{border:2px solid #0874c9;background:#edf7ff;color:#075e9f}.health-option.selected .mark{background:#0873cb;border-color:#0873cb;color:#fff}.health-options-multi{grid-template-columns:repeat(3,minmax(0,1fr))}.health-medical-warning{margin:16px 0 0;padding:13px 15px;border-left:4px solid #b56a36;background:#fff8f0;color:#704321;font-size:11px;line-height:1.55}.health-note-label{display:block;margin:18px 0 7px;color:#153f60}.health-note-label span,.health-note-label small{display:block}.health-note-label span{font-size:12px;font-weight:800}.health-note-label small{margin-top:2px;color:#64798a;font-size:10px}.health-card textarea{width:100%;min-height:78px;resize:vertical;padding:12px 14px;border:1px solid #aebfcd;border-radius:7px;background:#fbfdff;color:#163b58;font:12px/1.55 Arial,sans-serif}.health-card textarea:focus{outline:3px solid rgba(5,107,216,.2);border-color:#0873ca}.health-privacy{display:flex;gap:12px;margin-top:18px;padding:15px 17px;border:1px solid #9ab9cf;border-radius:9px;background:#f1f7fb;color:#3f6078}.health-privacy svg{width:23px;height:23px;flex:0 0 auto;color:#176999}.health-privacy strong,.health-privacy span{display:block}.health-privacy strong{font-size:12px;color:#123f61}.health-privacy span{margin-top:2px;font-size:10px}.health-context-v2{padding:42px 0;border-bottom:1px solid #a9bfd1}.health-result-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bccfdd}.health-result-grid article,.health-result-medical article{padding:16px 18px 16px 0;border-bottom:1px solid #c6d6e2}.health-result-grid article:nth-child(3n+2),.health-result-grid article:nth-child(3n+3){padding-left:20px;border-left:1px solid #d3dfe8}.health-result-grid span,.health-result-medical span{display:block;color:#6a7e8e;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.health-result-grid strong,.health-result-medical strong{display:block;margin-top:4px;color:#123d5d;font-size:13px;line-height:1.45}.health-result-medical{display:grid;grid-template-columns:1fr 1fr}.health-result-medical article+article{padding-left:20px;border-left:1px solid #d3dfe8}.health-result-note{margin:14px 0 0;padding:12px 14px;background:#f2f7fb;color:#45637a;font-size:11px}.health-context-v2 .notice{margin-bottom:0}
@media(max-width:900px){.health-options-multi{grid-template-columns:1fr 1fr}.health-result-grid{grid-template-columns:1fr 1fr}.health-result-grid article:nth-child(3n+2),.health-result-grid article:nth-child(3n+3){padding-left:0;border-left:0}.health-result-grid article:nth-child(even){padding-left:18px;border-left:1px solid #d3dfe8}}
@media(max-width:600px){.health-options,.health-options-multi,.health-result-grid,.health-result-medical{grid-template-columns:1fr}.health-card{padding:17px}.health-card-head{grid-template-columns:34px 1fr;gap:11px}.health-card-head>span{width:32px;height:32px}.health-card-head h2{font-size:19px}.health-result-grid article,.health-result-grid article:nth-child(even),.health-result-medical article,.health-result-medical article+article{padding:14px 0;border-left:0}.health-privacy{align-items:flex-start}}
@media print{.health-context-v2{padding:24px 0}.health-result-grid{grid-template-columns:1fr 1fr 1fr}.health-context-v2 .notice{break-inside:avoid}}

/* Ruhiger Einstieg: Voraussetzungen lesen und nur einmal bestätigen. */
.readiness-panel{display:grid;gap:20px}.readiness-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.readiness-item{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:start;padding:18px;border:1px solid #b5c9d8;border-radius:10px;background:linear-gradient(145deg,#fbfdff,#f1f6fa);box-shadow:0 8px 20px rgba(17,59,91,.06)}.readiness-number{width:34px;height:34px;display:grid;place-items:center;border:1px solid #82a9c5;border-radius:50%;color:#0769bc;font-size:11px;font-weight:800}.readiness-item strong{display:block;color:#113b5c;font-size:14px}.readiness-item p{margin:5px 0 0;color:#587083;font-size:12px;line-height:1.55}.readiness-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-left:4px solid #8aa8bd;background:#f2f6f9;color:#4d6577;font-size:12px;line-height:1.55}.readiness-note strong{flex:0 0 auto;color:#123e60;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.ready-confirm{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:25px 27px;border:1px solid #80a9c6;border-radius:11px;background:linear-gradient(130deg,#edf5fb 0%,#dcebf6 58%,#f8fbfd 100%);box-shadow:0 15px 32px rgba(16,60,94,.1)}.ready-confirm h2{margin:5px 0 5px;font:400 25px/1.2 Georgia,'Times New Roman',serif;color:#0c385b}.ready-confirm p{margin:0;color:#536d80;font-size:12px}.ready-button{min-width:215px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px 14px 19px;border:1px solid #0873ca;border-radius:8px;background:#fff;color:#075ca4;font:700 13px Arial,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(9,93,160,.11);transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.ready-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(9,93,160,.18)}.ready-button .mark{width:27px;height:27px;display:grid;place-items:center;border:1px solid #78a8ca;border-radius:50%;font-size:13px}.ready-button.selected{background:#0873ca;color:#fff}.ready-button.selected .mark{border-color:#fff;background:#fff;color:#0873ca}.ready-button:focus-visible{outline:3px solid rgba(8,115,202,.3);outline-offset:3px}
@media(max-width:760px){.readiness-list{grid-template-columns:1fr}.ready-confirm{display:block;padding:22px}.ready-button{width:100%;margin-top:20px}.readiness-note{display:block}.readiness-note span{display:block;margin-top:4px}}

/* Ergebnis: fachliche Hautbezeichnung und dynamische Janssen-Systempflege */
.professional-term{margin-bottom:4px!important;color:#0a4f88!important}.professional-note{display:block;margin:-1px 0 16px;color:#64798a;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.professional-additions{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.professional-additions b{width:100%;font-size:10px;color:#5e7383;text-transform:uppercase;letter-spacing:.09em}.professional-additions span{padding:7px 10px;border:1px solid #b8cddd;border-radius:999px;background:#f4f9fd;color:#154768;font-size:11px}.care-profile-banner{display:grid;grid-template-columns:minmax(260px,.75fr) 1.25fr;gap:28px;align-items:center;margin:0 0 22px;padding:24px 26px;border:1px solid #93b9d5;border-radius:11px;background:linear-gradient(135deg,#eef7ff,#f9fcff);box-shadow:0 12px 28px rgba(24,78,116,.08)}.care-profile-banner span{display:block;color:#547187;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.care-profile-banner strong{display:block;margin:4px 0;color:#0866b5;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.care-profile-banner h3{margin:2px 0 0;font:400 27px/1.15 Georgia,'Times New Roman',serif;color:#123c5e}.care-profile-banner p{margin:0;padding-left:28px;border-left:1px solid #b9cede;color:#456278;line-height:1.65}.product-card-v2 .brandline{color:#587488}.product-card-v2 .product-actions .btn{width:100%;justify-content:center;padding:0 14px}.product-image-link{background:linear-gradient(145deg,#f7f8fa,#edf1f4)}.product-category-image{object-fit:contain!important;object-position:center!important;padding:14px;box-sizing:border-box;background:linear-gradient(145deg,#f7f8fa,#edf1f4)!important}.product-image-link:hover .product-category-image{transform:scale(1.035)}
@media(max-width:760px){.care-profile-banner{grid-template-columns:1fr;gap:14px}.care-profile-banner p{padding:14px 0 0;border-left:0;border-top:1px solid #b9cede}.product-category-image{object-fit:contain!important;padding:10px}}
@media(max-width:480px){.care-profile-banner{padding:20px}.care-profile-banner h3{font-size:23px}.product-category-image{padding:14px}}
@media print{.professional-additions span{background:#fff}.care-profile-banner{box-shadow:none;break-inside:avoid}.product-category-image{object-fit:contain!important}}
/* Schneller Analysefluss: persistente Werkzeuge, Schrittuebersicht und lebendige Auswahl. */
.topbar:has(.analysis-utility){position:sticky;top:0;z-index:30;box-shadow:0 10px 30px rgba(11,49,79,.08)}
.analysis-utility{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.analysis-utility button,.utility-action{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px!important;border:1px solid #aec4d5!important;border-radius:999px;background:rgba(255,255,255,.72)!important;color:#163f5f!important;font-size:12px;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 5px 14px rgba(21,67,101,.06);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.analysis-utility button:hover,.utility-action:hover{transform:translateY(-2px);border-color:#2a84c5!important;background:#fff!important;box-shadow:0 9px 20px rgba(12,89,145,.12)}
.analysis-utility button:focus-visible,.utility-action:focus-visible{outline:3px solid rgba(8,115,202,.26);outline-offset:2px}
.analysis-utility .utility-restart,[data-action="restart-analysis"]{border-color:#98b7cc!important;background:linear-gradient(135deg,#153f63,#0872c8)!important;color:#fff!important;box-shadow:0 8px 20px rgba(5,82,150,.18)}
.analysis-utility .utility-restart:hover,[data-action="restart-analysis"]:hover{border-color:#075fae!important;background:linear-gradient(135deg,#0e3556,#0665b6)!important;color:#fff!important}
.step-overview-panel{width:min(1320px,calc(100% - 64px));margin:18px auto 0;padding:20px 22px;border:1px solid #9dbbd1;border-radius:15px;background:linear-gradient(145deg,rgba(252,254,255,.98),rgba(232,243,251,.97));box-shadow:0 18px 42px rgba(12,61,96,.12);animation:stepOverviewIn .28s cubic-bezier(.2,.72,.2,1)}
.step-overview-panel[hidden]{display:none}.step-overview-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.step-overview-head h2{margin:0;font:400 24px/1.2 Georgia,'Times New Roman',serif;color:#123d5e}.step-overview-head p{margin:3px 0 0;color:#60778a;font-size:11px}.step-overview-grid,.step-overview-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.step-jump,.step-overview-item{min-width:0;min-height:54px;display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;border:1px solid #bfd0dd;border-radius:9px;background:rgba(255,255,255,.76);color:#36556d;text-align:left;font-size:10px;line-height:1.25;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.step-jump span:first-child,.step-overview-item span:first-child,.step-jump b,.step-overview-item b{width:26px;height:26px;display:grid;place-items:center;border:1px solid #9eb9cc;border-radius:50%;color:#41708f;font-size:9px}.step-jump:hover,.step-overview-item:hover{transform:translateY(-2px);border-color:#2685c8;background:#fff;box-shadow:0 8px 17px rgba(16,78,122,.09)}.step-jump.complete,.step-overview-item.complete{border-color:#9dc5b0;background:#f2faf6;color:#245c40}.step-jump.complete span:first-child,.step-overview-item.complete span:first-child,.step-jump.complete b,.step-overview-item.complete b{border-color:#58a37a;background:#58a37a;color:#fff}.step-jump.current,.step-overview-item.current{border-color:#0873ca;background:#eaf5ff;color:#075da5;box-shadow:inset 0 0 0 1px #0873ca,0 8px 18px rgba(8,96,170,.13)}.step-jump.current span:first-child,.step-overview-item.current span:first-child,.step-jump.current b,.step-overview-item.current b{border-color:#0873ca;background:#0873ca;color:#fff}
@keyframes stepOverviewIn{from{opacity:0;transform:translateY(-8px) scale(.99)}to{opacity:1;transform:none}}
.dermo-safety-read{margin:18px 0 0;padding:18px;border:1px solid #97b7cd;border-radius:12px;background:linear-gradient(145deg,#f9fcff,#eaf5fc);box-shadow:0 10px 24px rgba(13,64,100,.07)}.dermo-safety-read .safety-title{margin:0 0 12px;color:#123f60}.dermo-safety-read ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 13px;list-style:none;margin:0 0 15px;padding:0}.dermo-safety-read li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;color:#456278;font-size:11px;line-height:1.45}.dermo-safety-read li>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e1f3e8;color:#26734c;font-size:10px;font-weight:900}.dermo-safety-read .ready-button{width:100%;min-width:0;margin-top:2px}.dermo-safety-read .ready-button.selected{background:linear-gradient(135deg,#0877cf,#0757a4)}
.option,.health-option,.visual-option-card,.reaction-card,.ready-button{will-change:transform}.option.selected,.health-option.selected,.visual-option-card.selected,.reaction-card.selected,.ready-button.selected{animation:choiceSelected .34s cubic-bezier(.2,.85,.25,1.15)}.option.selected{box-shadow:inset 4px 0 #0572c9,0 10px 24px rgba(7,98,171,.12)}.visual-option-card.selected,.reaction-card.selected{box-shadow:0 18px 36px rgba(0,93,183,.2)}@keyframes choiceSelected{0%{transform:scale(.985)}60%{transform:scale(1.012)}100%{transform:scale(1)}}

/* Emotionale Morgen-/Abendroutine mit direkt erreichbaren Produkten. */
.routine-v2{overflow:hidden}.routine-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.routine-columns .routine-card{min-width:0;overflow:hidden;padding:0;border:1px solid #9fbcd1;border-radius:18px;background:#fafdff;box-shadow:0 20px 42px rgba(13,54,86,.11);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.routine-columns .routine-card:hover{transform:translateY(-4px);border-color:#6da4ca;box-shadow:0 25px 50px rgba(13,64,101,.16)}.routine-card.morning{background:linear-gradient(155deg,#fffdf8,#f1f8fd 62%,#e6f2fa)}.routine-card.evening{background:linear-gradient(155deg,#f7fbff,#edf3fa 58%,#e2ebf5)}.routine-card-visual{position:relative;min-height:235px;overflow:hidden;background:#dcebf5}.routine-card-media{display:block;width:100%;height:235px;object-fit:cover;object-position:center;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.routine-card-visual .routine-card-media,.routine-card-media img{width:100%;height:100%;object-fit:cover;object-position:center}.routine-card:hover .routine-card-media{transform:scale(1.025)}.routine-card-visual:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,35,61,.7));pointer-events:none}.routine-card-overlay{position:absolute;z-index:1;left:22px;right:22px;bottom:19px;color:#fff;text-shadow:0 2px 9px rgba(0,24,45,.35)}.routine-card-body{padding:22px 24px 24px}.routine-title,.routine-card-head{display:flex;align-items:center;gap:13px;min-width:0}.routine-title-copy{min-width:0}.routine-title strong,.routine-card-head h3{display:block;margin:0;color:#123b5a;font:400 27px/1.1 Georgia,'Times New Roman',serif}.routine-title span,.routine-card-head p{display:block;margin:4px 0 0;color:#587184;font-size:11px}.routine-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(8,105,181,.3);border-radius:50%;background:rgba(255,255,255,.78);color:#0870bd;box-shadow:0 7px 18px rgba(20,77,117,.1)}.routine-icon svg{width:22px;height:22px}.morning .routine-icon{background:#fff9df;color:#bd7b18;border-color:#e7c887}.evening .routine-icon{background:#e8f1ff;color:#315f9c;border-color:#abc5e1}.routine-list,.routine-columns .routine-card ol{list-style:none;margin:19px 0 0;padding:0}.routine-list li,.routine-columns .routine-card li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:11px 0;border-top:1px solid rgba(151,181,203,.48)}.routine-list li>b,.routine-columns .routine-card li>b{width:32px;height:32px;margin:0;border:1px solid #8eafc5;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.65);color:#0868b2;font-size:10px}.routine-product-link{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;border:1px solid transparent;border-radius:10px;color:#153d5c;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}.routine-product-link:hover{transform:translateX(3px);border-color:#a8c6da;background:rgba(255,255,255,.82)}.routine-product-link:focus-visible{outline:3px solid rgba(8,115,202,.25);outline-offset:2px}.routine-product-copy{min-width:0}.routine-product-copy strong,.routine-product-copy span{display:block;overflow-wrap:anywhere}.routine-product-copy strong{font-size:12px;line-height:1.35}.routine-product-copy span{margin-top:3px;color:#607789;font-size:10px}.routine-link-note{display:inline-flex!important;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:999px;background:#e7f3fc;color:#0764ad!important;font-size:9px!important;font-weight:800;line-height:1;white-space:nowrap}.evening .routine-link-note{background:#e8eef8;color:#315c91!important}
.routine-set-rail,.routine-bundle,.routine-package-rail{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:24px;padding:22px 24px;border:1px solid rgba(119,165,199,.7);border-radius:16px;background:linear-gradient(120deg,#0b3556,#0a5c98 62%,#1285c1);color:#fff;box-shadow:0 20px 42px rgba(7,64,108,.2)}.routine-set-copy{min-width:0}.routine-set-copy span{display:block;color:#bfe3fa;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.routine-set-copy strong{display:block;margin:3px 0;font:400 23px/1.2 Georgia,'Times New Roman',serif}.routine-set-copy p{margin:3px 0 0;color:#dcecf7;font-size:11px;line-height:1.55}.routine-set-products{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.routine-set-product{width:58px;height:66px;overflow:hidden;border:1px solid rgba(255,255,255,.46);border-radius:8px;background:#f5f8fa;box-shadow:0 7px 18px rgba(0,27,49,.18)}.routine-set-product img{width:100%;height:100%;object-fit:contain;padding:5px}.routine-set-cta{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 17px;border:1px solid rgba(255,255,255,.78);border-radius:8px;background:#fff;color:#0a5387;text-decoration:none;font-size:11px;font-weight:900;white-space:nowrap;box-shadow:0 8px 20px rgba(0,30,54,.18);transition:transform .2s ease,box-shadow .2s ease}.routine-set-cta:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(0,29,52,.26)}.routine-set-cta:focus-visible{outline:3px solid rgba(255,255,255,.55);outline-offset:3px}

@media(max-width:980px){.step-overview-grid,.step-overview-list{grid-template-columns:repeat(3,minmax(0,1fr))}.routine-set-rail,.routine-bundle,.routine-package-rail{grid-template-columns:minmax(0,1fr);gap:16px}.routine-set-products{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:760px){.topbar:has(.analysis-utility){height:auto;min-height:118px;display:grid;grid-template-columns:1fr;padding:11px 16px 12px;gap:9px}.topbar:has(.analysis-utility) .brand{width:max-content}.analysis-utility{width:100%;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr) minmax(0,1fr);gap:6px}.analysis-utility button,.analysis-utility button:first-child,.utility-action{display:inline-flex!important;width:100%;min-width:0;min-height:38px;padding:0 8px!important;font-size:10px;overflow:hidden;text-overflow:ellipsis}.step-overview-panel{width:calc(100% - 28px);margin-top:12px;padding:17px 14px;border-radius:12px}.step-overview-head{display:block}.step-overview-head .btn{width:100%;min-height:42px;margin-top:12px;justify-content:center}.step-overview-grid,.step-overview-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.step-jump,.step-overview-item{min-height:49px;padding:7px;font-size:9px}.dermo-safety-read ul{grid-template-columns:1fr}.routine-columns{grid-template-columns:1fr;gap:18px}.routine-columns .routine-card{border-radius:14px}.routine-card-visual,.routine-card-media{height:220px;min-height:0}.routine-card-body{padding:19px 17px 20px}.routine-list li,.routine-columns .routine-card li{grid-template-columns:31px minmax(0,1fr);gap:8px}.routine-product-link{grid-template-columns:minmax(0,1fr);gap:6px;padding:8px}.routine-link-note{width:max-content;max-width:100%;white-space:normal;text-align:left;padding:7px 9px}.routine-set-rail,.routine-bundle,.routine-package-rail{margin-top:18px;padding:19px 17px;border-radius:13px;overflow:hidden}.routine-set-products{justify-content:flex-start}.routine-set-cta{width:100%;white-space:normal;text-align:center;padding:10px 13px}.routine-set-copy strong{font-size:21px}}
@media(max-width:430px){.analysis-utility{grid-template-columns:1fr 1fr}.analysis-utility button:first-child{grid-column:1/-1}.step-overview-grid,.step-overview-list{grid-template-columns:1fr}.routine-card-visual,.routine-card-media{height:205px}.routine-title strong,.routine-card-head h3{font-size:24px}.routine-set-product{width:52px;height:60px}}
@media(prefers-reduced-motion:reduce){.step-overview-panel,.option.selected,.health-option.selected,.visual-option-card.selected,.reaction-card.selected,.ready-button.selected{animation:none!important}.analysis-utility button,.utility-action,.step-jump,.step-overview-item,.routine-card,.routine-card-media,.routine-product-link,.routine-set-cta{transition:none!important}.analysis-utility button:hover,.utility-action:hover,.step-jump:hover,.step-overview-item:hover,.routine-card:hover,.routine-product-link:hover,.routine-set-cta:hover{transform:none!important}}
@media print{.analysis-utility,.step-overview-panel{display:none!important}.routine-columns{grid-template-columns:1fr 1fr}.routine-columns .routine-card{box-shadow:none;break-inside:avoid}.routine-card-visual,.routine-card-media{height:140px}.routine-set-rail,.routine-bundle,.routine-package-rail{box-shadow:none;background:#eef5fa;color:#123e5f}.routine-set-copy p{color:#45647b}.routine-set-cta{display:none}}
.step-jump>span,.step-overview-item>span{min-width:0}.step-jump strong,.step-jump small,.step-overview-item strong,.step-overview-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-jump strong,.step-overview-item strong{color:inherit;font-size:10px}.step-jump small,.step-overview-item small{margin-top:2px;color:#6b7f8f;font-size:8px}.step-jump:disabled,.step-overview-item:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}
.health-skip-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 6px;padding:20px 22px;border:1px solid #a9c5d9;border-radius:13px;background:linear-gradient(135deg,#f8fbfe,#eaf4fb)}.health-skip-panel strong,.health-skip-panel span{display:block}.health-skip-panel span{margin-top:4px;color:#587185;font-size:12px}.health-skip-panel .btn{flex:0 0 auto}
.confidence-v2.evidence-v2 .evidence-score{background:linear-gradient(145deg,#eaf7ff,#cfe9f8);box-shadow:inset 0 0 0 1px #8fbad5,0 16px 34px rgba(10,78,126,.12)}.confidence-v2.evidence-v2 .evidence-score:before{background:#f8fcff}.confidence-v2.evidence-v2 .evidence-score strong{color:#0870bd;font-size:46px}.confidence-v2.evidence-v2 h3{max-width:210px}.confidence-v2.evidence-v2 p{max-width:220px}
.routine-card-overlay .routine-title-copy>span{color:rgba(255,255,255,.86);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.routine-card-overlay .routine-title-copy>strong{color:#fff;text-shadow:0 2px 12px rgba(0,22,42,.48)}#recommended-products{scroll-margin-top:130px}
@media(min-width:981px){.routine-set-rail{grid-template-columns:minmax(0,1fr) auto auto}}
@media(max-width:760px){.health-skip-panel{display:block;padding:18px 16px}.health-skip-panel .btn{width:100%;justify-content:center;margin-top:14px}.confidence-v2.evidence-v2 h3,.confidence-v2.evidence-v2 p{max-width:none}}
@media print{.health-skip-panel{display:none!important}.confidence-v2.evidence-v2{display:grid}}
/* Einteilige Dermographismus-Animationsanleitung */
.dermo-preview img{object-position:center 58%}.dermo-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,39,67,.16));pointer-events:none}.dermo-preview .dermo-caption{z-index:2}.dermo-preview .dermo-caption strong{color:#0a3a5d}
.dermo-motion-player{--dermo-duration:8s;max-width:1120px;margin:0 auto;overflow:hidden;border:1px solid #9dbbd1;border-radius:18px;background:linear-gradient(145deg,#fbfdff,#edf6fc);box-shadow:0 22px 55px rgba(13,59,93,.14)}
.dermo-motion-stage{position:relative;isolation:isolate;aspect-ratio:16/9;min-height:430px;overflow:hidden;background:#dfeef7}
.dermo-motion-stage>img:not(.dermo-motion-tool){position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;display:block}
.dermo-motion-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(6,32,53,.08),transparent 38%,rgba(4,32,56,.16));pointer-events:none}
.dermo-motion-label{position:absolute;z-index:4;top:18px;right:18px;display:flex;align-items:center;gap:8px;min-height:36px;padding:0 13px;border:1px solid rgba(255,255,255,.7);border-radius:99px;background:rgba(248,252,255,.9);backdrop-filter:blur(10px);color:#1c4d6e;font-size:10px;font-weight:800;letter-spacing:.02em;box-shadow:0 8px 24px rgba(9,48,78,.12)}
.dermo-live-dot{width:8px;height:8px;border-radius:50%;background:#0875ca;box-shadow:0 0 0 0 rgba(8,117,202,.35);animation:dermoLive 1.5s ease-out infinite}
.dermo-motion-target{position:absolute;z-index:1;left:28%;top:66%;width:132px;height:66px;border:3px solid rgba(8,117,202,.88);border-radius:50%;opacity:0;transform:scale(.9) rotate(3deg);animation:dermoTarget var(--dermo-duration) ease both}
.dermo-motion-line{position:absolute;z-index:2;left:31%;top:75%;width:29%;height:4px;border-radius:99px;background:linear-gradient(90deg,#0b6fb7,#47a5d5);box-shadow:0 0 0 5px rgba(23,126,191,.1);transform:rotate(3deg) scaleX(0);transform-origin:left center;opacity:0;animation:dermoLine var(--dermo-duration) ease both}
.dermo-motion-tool{position:absolute;z-index:3;left:25%;top:62%;width:210px;filter:drop-shadow(0 12px 12px rgba(31,46,58,.24));opacity:0;transform:translate3d(-70px,-46px,0) rotate(4deg);transform-origin:38px 58px;animation:dermoTool var(--dermo-duration) cubic-bezier(.4,0,.2,1) both}
.dermo-hand{fill:#e8b092;stroke:#c98b70;stroke-width:2}.dermo-spatula-shadow{fill:rgba(15,55,81,.2)}.dermo-spatula{fill:#f8fbfd;stroke:#698aa2;stroke-width:3}.dermo-grip{fill:#e8b092;stroke:#c98b70;stroke-width:2}
.dermo-motion-captions{position:absolute;z-index:5;left:20px;top:20px;width:min(450px,calc(100% - 260px));min-height:74px;pointer-events:none}
.dermo-motion-caption{position:absolute;inset:0 auto auto 0;display:flex;align-items:center;max-width:100%;margin:0;padding:12px 15px 12px 12px;border:1px solid rgba(157,190,213,.78);border-radius:10px;background:rgba(249,252,255,.93);backdrop-filter:blur(11px);color:#123e5d;font-size:12px;font-weight:800;line-height:1.4;box-shadow:0 10px 28px rgba(13,54,83,.13);opacity:0}.dermo-motion-caption b{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;margin-right:9px;border-radius:50%;background:#0874c8;color:#fff;font-size:10px}.dermo-motion-caption.caption-a{animation:dermoCaptionA var(--dermo-duration) ease both}.dermo-motion-caption.caption-b{animation:dermoCaptionB var(--dermo-duration) ease both}.dermo-motion-caption.caption-c{animation:dermoCaptionC var(--dermo-duration) ease both}
.dermo-motion-progress{position:absolute;z-index:6;left:0;right:0;bottom:0;height:5px;background:rgba(235,246,253,.72)}.dermo-motion-progress-bar{display:block;width:100%;height:100%;background:linear-gradient(90deg,#0b5eaa,#23a0d4);transform:scaleX(0);transform-origin:left center;animation:dermoProgress var(--dermo-duration) linear both}
.dermo-static-fallback{display:none}.dermo-motion-copy{padding:26px 28px 29px}.dermo-motion-copy h2{margin:0;color:#123d5d;font:400 clamp(25px,3vw,35px)/1.12 Georgia,'Times New Roman',serif}.dermo-motion-copy>p{margin:9px 0 0;color:#557085;font-size:12px;line-height:1.6}
.dermo-motion-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:21px 0}.dermo-motion-facts article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;min-width:0;padding:14px;border:1px solid #b5ccdc;border-radius:11px;background:rgba(255,255,255,.72);color:#4d687c;font-size:10px;line-height:1.45}.dermo-motion-facts article>b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e5f2fb;color:#0871c0;font-size:10px}.dermo-motion-facts strong,.dermo-motion-facts span{display:block}.dermo-motion-facts strong{margin-bottom:2px;color:#143e5e;font-size:11px}
.dermo-stop-notice{margin:0 0 18px;border-left:4px solid #bc6c43;background:#fff8f2;color:#704426}.dermo-motion-controls{display:grid;grid-template-columns:auto auto auto minmax(210px,1fr);gap:9px;align-items:center}.dermo-motion-controls .btn{min-width:0;justify-content:center}.dermo-motion-controls .primary{justify-self:stretch}.guide-text-panel[hidden]{display:none!important}
.dermo-motion-player.is-paused .dermo-live-dot,.dermo-motion-player.is-paused .dermo-motion-target,.dermo-motion-player.is-paused .dermo-motion-line,.dermo-motion-player.is-paused .dermo-motion-tool,.dermo-motion-player.is-paused .dermo-motion-caption,.dermo-motion-player.is-paused .dermo-motion-progress-bar{animation-play-state:paused!important}.dermo-motion-player.is-complete .dermo-live-dot{animation:none;background:#7e9bae;box-shadow:none}
@keyframes dermoTarget{0%,7%{opacity:0;transform:scale(.88) rotate(3deg)}12%,25%{opacity:.9;transform:scale(1) rotate(3deg)}32%,100%{opacity:0;transform:scale(1.06) rotate(3deg)}}
@keyframes dermoTool{0%,18%{opacity:0;transform:translate3d(-70px,-46px,0) rotate(4deg)}25%{opacity:1;transform:translate3d(-35px,-34px,0) rotate(4deg)}34%{opacity:1;transform:translate3d(0,0,0) rotate(4deg)}70%{opacity:1;transform:translate3d(265px,17px,0) rotate(4deg)}80%{opacity:1;transform:translate3d(290px,-43px,0) rotate(4deg)}92%,100%{opacity:0;transform:translate3d(290px,-43px,0) rotate(4deg)}}
@keyframes dermoLine{0%,32%{opacity:0;transform:rotate(3deg) scaleX(0)}37%{opacity:.9}70%{opacity:.9;transform:rotate(3deg) scaleX(1)}84%,100%{opacity:0;transform:rotate(3deg) scaleX(1)}}
@keyframes dermoCaptionA{0%,4%{opacity:0;transform:translateY(7px)}9%,26%{opacity:1;transform:none}32%,100%{opacity:0;transform:translateY(-5px)}}
@keyframes dermoCaptionB{0%,27%{opacity:0;transform:translateY(7px)}34%,70%{opacity:1;transform:none}76%,100%{opacity:0;transform:translateY(-5px)}}
@keyframes dermoCaptionC{0%,70%{opacity:0;transform:translateY(7px)}78%,100%{opacity:1;transform:none}}
@keyframes dermoProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dermoLive{0%{box-shadow:0 0 0 0 rgba(8,117,202,.4)}70%,100%{box-shadow:0 0 0 8px rgba(8,117,202,0)}}
@media(max-width:900px){.dermo-motion-controls{grid-template-columns:1fr 1fr}.dermo-motion-controls .primary{grid-column:1/-1}.dermo-motion-facts{grid-template-columns:1fr 1fr}.dermo-motion-facts article:last-child{grid-column:1/-1}}
@media(max-width:760px){.dermo-motion-player{border-radius:14px}.dermo-motion-stage{aspect-ratio:4/3;min-height:390px}.dermo-motion-stage>img:not(.dermo-motion-tool){object-position:center 55%}.dermo-motion-label{top:12px;right:12px;min-height:32px;padding:0 10px;font-size:9px}.dermo-motion-captions{left:12px;top:54px;width:calc(100% - 24px);min-height:65px}.dermo-motion-caption{font-size:10px;padding:10px}.dermo-motion-caption b{width:24px;height:24px}.dermo-motion-target{left:20%;top:68%;width:98px;height:48px}.dermo-motion-line{left:25%;top:76%;width:35%}.dermo-motion-tool{left:17%;top:64%;width:145px}.dermo-motion-copy{padding:21px 16px 23px}.dermo-motion-facts{grid-template-columns:1fr}.dermo-motion-facts article:last-child{grid-column:auto}.dermo-motion-controls{grid-template-columns:1fr 1fr}.dermo-motion-controls .btn{white-space:normal;padding:10px}.dermo-motion-controls .primary{grid-column:1/-1}}
@media(max-width:430px){.dermo-motion-stage{min-height:340px}.dermo-motion-label{left:12px;right:auto}.dermo-motion-tool{width:132px}.dermo-motion-copy h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){[data-dermo-motion]{display:none!important}.dermo-static-fallback{display:grid;gap:10px;margin:0;padding:22px 24px 22px 46px;background:linear-gradient(145deg,#eef7fd,#fbfdff);color:#31536d;font-size:12px;line-height:1.55}.dermo-motion-controls [data-action="dermo-pause"],.dermo-motion-controls [data-action="dermo-replay"]{display:none!important}}
@media print{.dermo-motion-player{box-shadow:none}.dermo-motion-stage{display:none}.dermo-static-fallback{display:grid}.dermo-motion-controls{display:none}}

/* Kontakt am Ende der Landingpage. Statischer Versand über eine vorbereitete E-Mail. */
.contact-section{position:relative;overflow:hidden;padding:clamp(72px,8vw,118px) 0 clamp(78px,9vw,128px);border-top:1px solid #9fb9cd;background:linear-gradient(145deg,#e8f3fb 0%,#f8fbfe 46%,#edf5fb 100%)}
.contact-section:before{content:'';position:absolute;width:520px;height:520px;right:-220px;top:-250px;border:1px solid rgba(9,104,178,.14);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.18),0 0 0 160px rgba(36,125,187,.035);pointer-events:none}
.contact-shell{position:relative;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(42px,6vw,92px);align-items:start}
.contact-intro{position:sticky;top:28px;min-width:0;padding:10px 0}
.contact-intro h2{max-width:520px;margin:0;font:400 clamp(40px,4.2vw,62px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:#0b3456}
.contact-intro>p{max-width:520px;margin:24px 0 0;color:#405d74;font-size:16px;line-height:1.78}
.contact-direct{display:grid;gap:3px;margin-top:38px;padding-top:24px;border-top:1px solid #a9c2d4}
.contact-direct>span{color:#567186;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.contact-direct>a{width:max-content;max-width:100%;margin-top:2px;color:#075fae;font:400 clamp(20px,2vw,27px)/1.3 Georgia,'Times New Roman',serif;text-decoration:none;overflow-wrap:anywhere}
.contact-direct>a:hover{text-decoration:underline;text-underline-offset:5px}
.contact-direct>small{margin-top:8px;color:#647b8e;font-size:11px}
.contact-form{min-width:0;padding:clamp(24px,3.5vw,42px);border:1px solid #98b7ce;border-radius:20px;background:rgba(252,254,255,.9);box-shadow:0 28px 70px rgba(11,60,96,.14);backdrop-filter:blur(16px)}
.contact-interest{min-width:0;margin:0;padding:0;border:0}
.contact-interest legend{width:100%;margin:0 0 16px;padding:0;color:#173d5c;font-size:14px;font-weight:800}
.contact-interest legend span,.contact-field b,.contact-consent b{color:#0871bf}
.contact-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.contact-choice{position:relative;display:flex;flex-direction:column;min-width:0;min-height:182px;padding:18px 17px 17px;border:1px solid #b2c7d7;border-radius:13px;background:#f9fcff;color:#173d5c;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.contact-choice:hover{transform:translateY(-2px);border-color:#6c9fc4;box-shadow:0 12px 24px rgba(18,71,109,.09)}
.contact-choice input{position:absolute;opacity:0;pointer-events:none}
.contact-choice:has(input:focus-visible){outline:3px solid rgba(5,107,216,.25);outline-offset:3px}
.contact-choice:has(input:checked){border-color:#0875c6;background:linear-gradient(145deg,#edf7ff,#f8fcff);box-shadow:inset 0 0 0 1px #0875c6,0 14px 28px rgba(5,91,155,.12)}
.contact-choice-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #a7c3d6;border-radius:50%;background:#edf6fc;color:#0869b0}
.contact-choice-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.contact-choice-copy{display:block;margin-top:16px}
.contact-choice-copy strong,.contact-choice-copy small{display:block}
.contact-choice-copy strong{font:400 17px/1.25 Georgia,'Times New Roman',serif;color:#103a5b}
.contact-choice-copy small{margin-top:7px;color:#5a7183;font-size:10px;line-height:1.55}
.contact-choice-mark{position:absolute;top:15px;right:15px;width:25px;height:25px;display:grid;place-items:center;border:1px solid #adc2d2;border-radius:50%;background:#fff;color:transparent;font-size:12px;font-weight:900}
.contact-choice:has(input:checked) .contact-choice-mark{border-color:#0875c6;background:#0875c6;color:#fff}
.contact-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 18px;margin-top:30px}
.contact-field{display:grid;gap:7px;min-width:0;color:#274b67}
.contact-field>span{font-size:11px;font-weight:800;letter-spacing:.025em}
.contact-field em{color:#728596;font-size:9px;font-style:normal;font-weight:500}
.contact-field input,.contact-field textarea{width:100%;min-width:0;border:1px solid #a9c0d1;border-radius:9px;background:#fff;color:#123b5b;font:500 14px/1.5 Arial,sans-serif;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.contact-field input{height:52px;padding:0 14px}
.contact-field textarea{min-height:142px;padding:13px 14px;resize:vertical}
.contact-field input:hover,.contact-field textarea:hover{border-color:#7da5c1}
.contact-field input:focus,.contact-field textarea:focus{border-color:#0876c7;outline:0;box-shadow:0 0 0 3px rgba(8,118,199,.13)}
.contact-form.was-validated .contact-field input:invalid,.contact-form.was-validated .contact-field textarea:invalid{border-color:#bd6234;background:#fffaf7}
.contact-message{margin-top:18px}
.contact-consent{display:grid;grid-template-columns:22px minmax(0,1fr);gap:11px;align-items:start;margin-top:19px;color:#50697d;font-size:11px;line-height:1.6;cursor:pointer}
.contact-consent input{width:20px;height:20px;margin:1px 0 0;accent-color:#0874c4}
.contact-consent a{color:#075fae;text-underline-offset:3px}
.contact-submit-row{display:flex;align-items:center;gap:19px;margin-top:26px}
.contact-submit{min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:0 21px 0 24px;border:1px solid #0879d0;border-radius:8px;background:linear-gradient(135deg,#0878e8,#0348aa);box-shadow:0 12px 26px rgba(3,83,179,.22);color:#fff;font-size:12px;font-weight:900;letter-spacing:.015em;transition:transform .2s ease,box-shadow .2s ease}
.contact-submit:hover{transform:translateY(-2px);box-shadow:0 17px 32px rgba(3,83,179,.3)}
.contact-submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-submit-row>p{max-width:330px;margin:0;color:#687d8e;font-size:10px;line-height:1.55}
.contact-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-top:24px;padding:18px 19px;border:1px solid #78acd0;border-radius:12px;background:#ecf7ff;color:#174565}
.contact-status[hidden]{display:none}
.contact-status>div:first-child{display:grid;gap:4px}
.contact-status strong{font:400 19px/1.2 Georgia,'Times New Roman',serif;color:#0b4f81}
.contact-status span{font-size:10px;line-height:1.55}
.contact-status-actions{display:flex;gap:8px;align-items:center}
.contact-mail-link,.contact-status-actions button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid #0874c4;border-radius:7px;font:800 10px Arial,sans-serif;text-decoration:none;white-space:nowrap}
.contact-mail-link{background:#0874c4;color:#fff}
.contact-status-actions button{background:#fff;color:#075fae;cursor:pointer}
@media(max-width:1080px){.contact-shell{grid-template-columns:1fr;gap:38px}.contact-intro{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.55fr);gap:24px 48px;align-items:end}.contact-intro>p{grid-column:1}.contact-direct{grid-column:2;grid-row:1/3;margin:0;padding:0 0 4px 28px;border-top:0;border-left:1px solid #a9c2d4}.contact-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.contact-section{padding:64px 0 82px}.contact-shell{width:calc(100% - 32px)}.contact-intro{display:block}.contact-intro h2{font-size:42px}.contact-intro>p{font-size:14px}.contact-direct{margin-top:28px;padding:20px 0 0;border-top:1px solid #a9c2d4;border-left:0}.contact-form{padding:20px 16px;border-radius:15px}.contact-choice-grid,.contact-field-grid{grid-template-columns:1fr}.contact-choice{min-height:0;display:grid;grid-template-columns:43px minmax(0,1fr);gap:14px;align-items:start;padding:16px 48px 16px 15px}.contact-choice-copy{margin:0}.contact-choice-mark{top:50%;transform:translateY(-50%)}.contact-field-grid{gap:14px;margin-top:24px}.contact-field input,.contact-field textarea{font-size:16px}.contact-submit-row{display:grid}.contact-submit{width:100%}.contact-status{grid-template-columns:1fr}.contact-status-actions{display:grid;grid-template-columns:1fr 1fr}.contact-mail-link,.contact-status-actions button{white-space:normal;text-align:center;padding:8px}}
@media(max-width:430px){.contact-intro h2{font-size:37px}.contact-status-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.contact-choice,.contact-field input,.contact-field textarea,.contact-submit{transition:none!important}.contact-choice:hover,.contact-submit:hover{transform:none!important}}
@media print{.contact-section{display:none!important}}

/* SEO-FAQ im Stil der Masterclass: indexierbarer Inhalt ohne Marketing-Block oben */
.seo-faq-section{padding:62px 0 72px;border-top:1px solid #b7cadb;background:linear-gradient(180deg,rgba(248,252,255,.82),rgba(235,245,253,.92))}
.seo-faq-shell{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);gap:54px;align-items:start}
.seo-faq-intro{position:sticky;top:120px}
.seo-faq-intro>span{display:block;margin-bottom:12px;color:#0870b7;font-size:11px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
.seo-faq-intro h2{max-width:620px;margin:0;font:400 clamp(36px,3.5vw,54px)/1.08 Georgia,'Times New Roman',serif;color:#0b2d4b}
.seo-faq-intro p{max-width:590px;margin:18px 0 0;color:#4d687c;font-size:15px;line-height:1.75}
.seo-faq-list{border:1px solid #a9c2d4;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.62);box-shadow:0 18px 42px rgba(20,65,101,.09)}
.seo-faq-list details{border-bottom:1px solid #b7cadb}
.seo-faq-list details:last-child{border-bottom:0}
.seo-faq-list summary{cursor:pointer;padding:22px 24px;color:#123b5b;font-size:15px;font-weight:900;list-style:none}
.seo-faq-list summary::-webkit-details-marker{display:none}
.seo-faq-list summary::before{content:"+";display:inline-grid;place-items:center;width:24px;height:24px;margin-right:12px;border:1px solid #9ab8cc;border-radius:50%;color:#0870b7;font-weight:900}
.seo-faq-list details[open] summary::before{content:"–";background:#e9f5ff}
.seo-faq-list p{margin:0;padding:0 24px 24px 60px;color:#4f687b;font-size:13px;line-height:1.75}
.seo-faq-list a{color:#075fae;font-weight:800;text-underline-offset:3px}
@media(max-width:980px){.seo-faq-shell{grid-template-columns:1fr;gap:28px}.seo-faq-intro{position:relative;top:auto}}
@media(max-width:620px){.seo-faq-section{padding:46px 0 58px}.seo-faq-shell{width:calc(100% - 32px)}.seo-faq-intro h2{font-size:38px}.seo-faq-list summary{padding:18px 16px}.seo-faq-list p{padding:0 16px 20px 52px}}
@media print{.seo-faq-section{display:none!important}}

/* Meistervilla Header: Logo plus Hautanalyse als Bereich */
.topbar .brand{display:inline-grid;grid-template-columns:46px minmax(0,max-content);gap:13px;align-items:center;min-width:0;color:#092f4f}
.topbar .brand-logo{display:block!important;width:46px;height:42px;object-fit:contain}
.topbar .brand-copy{display:block!important;line-height:1.02}
.topbar .brand strong{display:block;font-size:24px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.topbar .brand small{display:block;margin-top:7px;color:#1873af;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.mobile-menu-toggle{display:none;border:1px solid #9db9cd;background:rgba(255,255,255,.72);color:#0a3456;border-radius:999px;min-height:42px;padding:0 14px;font-weight:900;letter-spacing:.04em;align-items:center;gap:10px;box-shadow:0 8px 20px rgba(20,72,111,.08)}
.mobile-menu-toggle i{width:18px;height:12px;position:relative;display:block;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
.mobile-menu-toggle i:before{content:'';position:absolute;left:0;right:0;top:3px;border-top:2px solid currentColor}
@media(max-width:900px){.topbar .brand{grid-template-columns:38px minmax(0,max-content);gap:10px}.topbar .brand-logo{width:38px;height:35px}.topbar .brand strong{font-size:18px;letter-spacing:.1em}.topbar .brand small{font-size:10px;margin-top:5px}.topbar .utility{gap:16px}}
@media(max-width:760px){
  .topbar,.topbar:has(.analysis-utility){height:auto!important;min-height:76px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;padding:13px 15px!important;gap:10px!important;position:sticky;top:0;z-index:30}
  .topbar .brand,.topbar:has(.analysis-utility) .brand{width:auto;grid-template-columns:35px minmax(0,1fr);gap:9px;min-width:0}
  .topbar .brand-logo{width:35px;height:32px}
  .topbar .brand strong{font-size:15px;letter-spacing:.08em;white-space:normal;line-height:1.05}
  .topbar .brand small{font-size:9px;margin-top:4px;letter-spacing:.16em}
  .mobile-menu-toggle{display:inline-flex;grid-column:2;grid-row:1;justify-self:end}
  .topbar .utility{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:1fr;gap:8px;width:100%;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-6px);transition:max-height .24s ease,opacity .18s ease,transform .18s ease;padding:0}
  .topbar.menu-open .utility{max-height:440px;opacity:1;pointer-events:auto;transform:translateY(0);padding:8px 0 2px}
  .topbar .utility a,.topbar .utility button,.topbar .utility .utility-action{display:flex!important;width:100%!important;min-height:46px!important;align-items:center!important;justify-content:space-between!important;border:1px solid #afc5d6!important;border-radius:12px!important;background:rgba(255,255,255,.78)!important;padding:0 15px!important;color:#0b3658!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(20,72,111,.06)!important}
  .analysis-utility{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
  .analysis-utility button:first-child{grid-column:auto!important}
}
@media(max-width:420px){.topbar .brand{grid-template-columns:31px minmax(0,1fr);gap:7px}.topbar .brand-logo{width:31px;height:29px}.topbar .brand strong{font-size:13px}.mobile-menu-toggle{min-height:39px;padding:0 12px;font-size:12px}.topbar .utility a,.topbar .utility button,.topbar .utility .utility-action{min-height:44px!important;font-size:12px!important}}

/* Rechtlicher Meistervilla-Footer */
.site-footer{position:relative;z-index:2;border-top:1px solid #315873;background:linear-gradient(145deg,#0b2b45,#071d31 72%);color:#edf6fc}
.analysis + .site-footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
.site-footer-main,.site-footer-bottom{width:min(1420px,calc(100% - 72px));margin:auto}
.site-footer-main{display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(300px,.95fr) minmax(220px,.7fr);gap:42px;align-items:start;padding:42px 0 30px}
.site-footer-brand{display:grid;grid-template-columns:60px minmax(0,1fr);gap:15px;align-items:center;color:inherit;text-decoration:none}
.site-footer-logo{display:block;width:60px;height:55px;object-fit:contain;filter:brightness(0) invert(1);opacity:.88}
.site-footer-brand strong,.site-footer-brand small{display:block}
.site-footer-brand strong{font:400 21px/1.05 Georgia,'Times New Roman',serif;letter-spacing:.13em}
.site-footer-brand small{margin-top:7px;color:#7fc7f3;font-size:10px;letter-spacing:.08em}
.site-footer-main>p{max-width:470px;margin:1px 0 0;color:#b9ccda;font-size:11px;line-height:1.75}
.site-footer-main>p small{display:block;margin-top:8px;color:#8faabd;font-size:9px}
.site-footer-contact span,.site-footer-contact a{display:block}
.site-footer-contact span{color:#8faabd;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.site-footer-contact a{margin-top:7px;color:#fff;font-size:13px;font-weight:800;text-decoration:none;overflow-wrap:anywhere}
.site-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0 24px;border-top:1px solid rgba(167,198,220,.22)}
.site-footer-meta{display:grid;gap:5px}
.site-footer-meta small{display:block;color:#91a9ba;font-size:9px;line-height:1.5}
.site-footer-bottom nav{display:flex;align-items:center;gap:24px}
.site-footer-bottom a{color:#e9f5fc;font-size:10px;font-weight:800;text-decoration:none;text-underline-offset:4px;transition:color .2s ease}
.site-footer-bottom a:hover{color:#7fcfff;text-decoration:underline}
.site-footer-bottom .site-footer-credit{display:inline-block;color:#7897aa;font-size:9px;font-weight:500;line-height:1.5}
.site-footer-bottom .site-footer-credit strong{color:#d8e9f4;font-weight:800;letter-spacing:.035em}
.site-footer-bottom .site-footer-credit:hover{color:#7fcfff;text-decoration:none}
.site-footer a:focus-visible{outline:3px solid rgba(127,207,255,.55);outline-offset:4px}
@media(max-width:900px){.analysis + .site-footer{padding-bottom:calc(98px + env(safe-area-inset-bottom))}.site-footer-main,.site-footer-bottom{width:calc(100% - 36px)}.site-footer-main{grid-template-columns:1fr 1fr;gap:28px}.site-footer-contact{grid-column:1/-1}.site-footer-bottom{align-items:flex-start}}
@media(max-width:620px){.site-footer-main{grid-template-columns:1fr;padding:34px 0 25px}.site-footer-contact{grid-column:auto}.site-footer-bottom{display:grid;gap:15px}.site-footer-bottom nav{gap:18px;flex-wrap:wrap}}
@media print{.site-footer{display:none!important}}