@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,700;1,800&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090b10;--panel:#12151c;--line:#2a303b;--text:#f3f5fa;--muted:#a9b1c0;--cyan:#20ccf6;--pink:#fa308a;--heading:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Barlow',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 var(--body)}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 95% 20%,#0d6a8414,transparent 50%),radial-gradient(ellipse at 5% 80%,#bd1d6610,transparent 50%);z-index:-1}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a,input,summary{-webkit-touch-callout:default}button:disabled{cursor:not-allowed;opacity:.38}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08}h2{font-family:var(--heading);font-size:32px;font-weight:600;margin-bottom:8px}h3{font-family:var(--heading);font-size:27px;font-weight:600}p{color:var(--muted)}.topbar{max-width:1440px;margin:auto;padding:20px 54px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:58px;height:58px;border-radius:50%;object-fit:cover}.brand>span{font:italic 700 23px/1 var(--heading);letter-spacing:.5px;color:var(--cyan)}.brand b{color:white}.brand small{display:block;color:var(--muted);font:500 11px/1 var(--body);letter-spacing:2px;margin-top:8px}.header-note{display:flex;gap:22px;align-items:center;color:var(--muted);font-size:12px;letter-spacing:1.8px}.flag{width:32px;height:24px;display:block;transform:skew(-12deg);background:conic-gradient(#dce4ee 25%,transparent 0 50%,#dce4ee 0 75%,transparent 0) 0 0/12px 12px;opacity:.8}main{max-width:1332px;margin:auto;padding:38px 28px 0}.intro{margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:var(--cyan);margin-bottom:14px}.eyebrow>span{display:inline-block;width:18px;height:3px;background:var(--pink);margin-right:9px;vertical-align:middle}.intro h1{font:800 64px/.98 var(--heading);letter-spacing:-.8px;margin:0 0 14px}.intro h1 em{color:var(--cyan);font-weight:700}.intro>p:last-child{margin-bottom:0;font-size:17px}.mobile-break{display:none}.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:26px;background:#0e1117}.steps button{display:flex;align-items:center;gap:13px;background:transparent;border:0;border-right:1px solid var(--line);padding:18px 23px;position:relative;text-align:left}.steps button:last-child{border-right:0}.steps button[aria-current]{background:#142129}.steps button[aria-current]:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--cyan);animation:line-in .4s ease-out}.step-number{font:500 21px var(--heading);color:var(--muted)}[aria-current] .step-number{color:var(--cyan)}.steps small{margin-left:auto;font-size:10px;letter-spacing:1px;color:var(--cyan)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.main-panel{padding:29px;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0;animation:enter .3s ease-out}.section-heading{display:flex;gap:16px;margin-bottom:27px;align-items:start}.section-no{font:500 20px var(--heading);color:var(--cyan);white-space:nowrap;margin-top:3px}.section-heading p{margin:0;font-size:15px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{border:1px solid var(--line);background:#171b23;cursor:pointer;border-radius:8px;position:relative;min-width:0;display:flex;align-items:center;gap:14px;padding:17px;transition:border-color .18s,background .18s,transform .18s}.option:hover{background:#1a222d;border-color:#667285;transform:translateY(-2px)}.option input{position:absolute;width:1px;height:1px;opacity:0;left:18px;top:18px}.option:has(input:focus-visible){outline:3px solid var(--cyan);outline-offset:3px}.option.selected{border-color:var(--cyan);background:#10252e}.option-mark{position:absolute;right:11px;top:11px;border:1px solid #596271;width:14px;height:14px;border-radius:50%}.selected .option-mark{background:var(--cyan);border-color:var(--cyan);box-shadow:inset 0 0 0 3px #142029}.option-text{display:block;padding-right:7px}.option-text strong{display:block;font-weight:600;margin-bottom:5px}.option-text small{display:block;color:var(--muted);line-height:1.4;font-size:14px}.face-svg{width:57px;height:75px;color:#8997a9;flex-shrink:0}.selected .face-svg{color:var(--cyan)}.unknown{font:400 54px var(--heading);color:#8390a1;min-width:57px;text-align:center}.face-options .option{min-height:120px}.face-options .option-text strong{font-size:17px}.note{font-size:14px;padding:14px 16px;border-left:2px solid var(--pink);background:#201920;color:var(--muted);margin-top:22px;margin-bottom:0;line-height:1.5}.note b{color:#e6d5df}.flow-footer{display:flex;align-items:center;gap:15px;margin-top:27px;border-top:1px solid var(--line);padding-top:24px}.step-hint{font-size:13px;color:var(--muted);margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border-radius:6px;padding:11px 20px;border:1px solid transparent;font-weight:600;font-size:15px;text-decoration:none;transition:background .2s,transform .2s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:var(--cyan);color:#06131a;min-width:147px}.btn.primary:hover:not(:disabled){background:#80e8ff}.btn.primary span{margin-left:16px;font-size:20px;line-height:1}.btn.ghost,.btn.secondary{background:transparent;border-color:#45505e}.btn.secondary{background:#17202b}.btn.ghost:hover,.btn.secondary:hover{background:#243040}.btn[hidden]{display:none}.mirror-panel{padding:25px 22px;background:linear-gradient(160deg,#151f29,#12141d 60%,#1d1420);border:1px solid #303846;border-radius:12px;position:relative}.mirror-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.mirror-title .eyebrow{font-size:11px;letter-spacing:1.4px;margin:0}.pill{font-size:10px;letter-spacing:1px;padding:4px 7px;border:1px solid #4b5462;border-radius:3px;color:#c1c9d5}.mirror-panel h3{margin-bottom:9px;font-size:28px}.mirror-panel>p{font-size:14px;line-height:1.5;margin-bottom:19px}.mirror{height:284px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#15344477,#090d13 75%);border-radius:5px;border:1px solid #293747}.mirror video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);visibility:hidden}.mirror.active video{visibility:visible}.mirror-grid{position:absolute;inset:0;background-image:linear-gradient(#6175880b 1px,transparent 1px),linear-gradient(90deg,#6175880b 1px,transparent 1px);background-size:23px 23px}.overlay{height:215px;position:relative;transform-origin:center;transition:transform .12s}.overlay .face-svg{height:100%;width:195px;color:var(--cyan);filter:drop-shadow(0 0 6px #22cdf64d)}.overlay .face-svg path:first-child{stroke-dasharray:5 3;stroke-width:1.1}.mirror.active .overlay .face-svg{color:#61f0ff;filter:drop-shadow(0 1px 2px #000)}.mirror-caption{position:absolute;bottom:13px;padding:3px 10px;border-radius:3px;background:#071018bb;font-size:12px;color:#c4e9f1}.mirror-corner{position:absolute;width:17px;height:17px;border-color:var(--cyan);opacity:.6}.tl{top:15px;left:15px;border-top:1px solid;border-left:1px solid}.tr{top:15px;right:15px;border-top:1px solid;border-right:1px solid}.bl{bottom:15px;left:15px;border-bottom:1px solid;border-left:1px solid}.br{bottom:15px;right:15px;border-bottom:1px solid;border-right:1px solid}.camera-btn{width:100%;margin-top:17px;border:1px solid #587183;background:#1b2a37}.camera-btn:hover{background:#294456}.mirror-panel .camera-status{font-size:12px;color:#aeb8c5;margin:12px 0 15px}.range-label{display:block;font-size:13px;margin-bottom:12px}.range-label input{display:block;width:100%;accent-color:var(--cyan);margin:8px 0}.mirror-panel details{border-top:1px solid var(--line);font-size:14px;padding-top:15px}.mirror-panel details p{font-size:13px}.mirror-panel ol{padding-left:20px;color:var(--muted)}.mirror-panel li{margin-bottom:9px}summary{cursor:pointer;color:#d7e3ee;font-size:14px}fieldset{border:0;padding:0;margin:0 0 29px;min-width:0}legend{font-size:20px;font-weight:600;margin-bottom:13px;line-height:1.2;float:left;width:100%}fieldset>legend+*{clear:both}.full{max-width:100%}.texture-options{grid-template-columns:repeat(5,1fr)}.texture-options .option{padding:0;flex-direction:column;overflow:hidden;align-items:stretch;gap:0}.texture-img{width:100%;height:160px;object-fit:cover;object-position:50% 22%}.texture-options .option-text{padding:15px;flex:1}.texture-options .option-mark{z-index:1;background:#090d15}.texture-options .selected .option-mark{background:var(--cyan)}.texture-options .option:last-child{justify-content:center}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:30px}.two-columns fieldset{margin:0}.two-columns .options{grid-template-columns:1fr 1fr}.two-columns .option{align-items:start}.field-help{min-height:64px;font-size:14px;margin-bottom:18px}.three-options{grid-template-columns:repeat(3,1fr)}.routine .options .option{padding:19px 15px}.routine .option-text{padding-top:8px}.editorial{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#131922;position:relative;min-height:640px}.editorial>img{width:100%;height:410px;object-fit:cover;object-position:center top;display:block}.editorial>div{position:relative;background:linear-gradient(transparent,#131922 25%);margin-top:-90px;padding:90px 27px 26px}.editorial h3{font-size:38px;font-weight:600}.editorial p:last-child{font-size:15px;margin-bottom:0}.result{animation:enter .4s ease-out}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 25px}.result-heading h2{font-size:42px}.result-heading p:last-child{margin:0}.result-heading .eyebrow{margin-bottom:8px}.profile-strip{padding:20px 25px;background:var(--panel);border:1px solid var(--line);display:flex;gap:26px;align-items:center;border-radius:8px;flex-wrap:wrap}.profile-strip>span{font-size:15px}.profile-strip small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;margin-bottom:4px}.text-btn{background:none;border:0;padding:8px 0;color:var(--cyan);font-size:14px;font-weight:600;text-align:left}.profile-strip .text-btn{margin-left:auto}.result-body{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:27px}.cut-photo{position:relative;overflow:hidden;border-radius:10px;min-height:570px;background:#12181e}.cut-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center top}.cut-photo>div{position:absolute;bottom:0;left:0;right:0;padding:100px 30px 28px;background:linear-gradient(transparent,#060910e8 55%)}.cut-photo .pill{border-color:#929aa6;color:#f4f7fb;background:#0c10184d}.cut-photo h3{font-size:43px;margin:13px 0 8px}.cut-photo p{max-width:370px;color:#c9d0da;margin:0}.recommendation{padding:18px 0}.recommendation h3{font-size:34px;margin-bottom:26px}.reason{display:flex;gap:18px;margin-bottom:20px}.reason>span{font:500 19px var(--heading);color:var(--cyan);margin-top:3px}.reason p{font-size:15px;margin:0}.reason b{display:block;color:var(--text);font-size:17px;margin-bottom:6px}.routine-meta{display:flex;gap:35px;border-top:1px solid var(--line);padding-top:20px}.routine-meta span{font-size:10px;letter-spacing:1px;color:var(--muted)}.routine-meta b{display:block;font:500 28px var(--heading);color:#e3eff6;margin-top:5px;letter-spacing:0}.image-disclaimer{font-size:12px;color:var(--muted);margin:12px 0 28px}.alternatives{margin:34px 0}.alternatives h3{font-size:24px;margin-bottom:15px}.alternatives>div{display:flex;gap:16px}.alternative{display:flex;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden;padding:0;text-align:left;flex:1}.alternative:hover{border-color:var(--cyan)}.alternative img{width:110px;height:115px;object-fit:cover}.alternative>span{padding:15px 20px}.alternative small{display:block;font-size:10px;color:var(--muted);letter-spacing:1px}.alternative b{display:block;font:600 24px var(--heading);margin:4px 0}.alternative span span{color:var(--cyan);font-size:13px}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.barber-card,.styling-card{border:1px solid var(--line);padding:28px;border-radius:10px;background:var(--panel)}.barber-card{background:linear-gradient(130deg,#14232c,#15151d);border-top:2px solid var(--cyan)}.barber-card h3,.styling-card h3{font-size:30px;margin-bottom:23px}blockquote{margin:0 0 20px;font-size:22px;line-height:1.5;font-weight:500}.barber-card>p:not(.eyebrow){font-size:14px}.styling{list-style:none;counter-reset:steps;padding:0;margin:0}.styling li{counter-increment:steps;position:relative;padding-left:38px;margin-bottom:21px}.styling li:before{content:counter(steps);position:absolute;left:0;top:0;color:var(--pink);font:500 22px var(--heading)}.styling b{font-size:16px}.styling p{font-size:14px;margin:5px 0 0}.care{border:1px solid var(--line);padding:19px 24px;border-radius:8px}.care p{font-size:14px;margin-top:17px}.care a{color:var(--cyan)}.result-bottom{display:flex;justify-content:space-between;align-items:center;padding:32px 0;gap:20px}.result-bottom p{margin:0;font-size:15px}.result-bottom b{color:var(--text);font-size:17px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:35px;padding:24px 0 30px;color:#9aa5b5;font-size:12px}footer span:first-child{font-size:11px;letter-spacing:1.2px}footer i{color:var(--pink);padding:0 8px}.print-brand{display:none}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);padding:14px 22px;border-radius:8px;background:#e5faff;color:#09212b;box-shadow:0 8px 40px #0006;opacity:0;pointer-events:none;max-width:90%;width:max-content;z-index:10;transition:.2s;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes line-in{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@media(min-width:1450px){main{padding-top:45px}.intro h1{font-size:72px}.workspace{grid-template-columns:minmax(0,1fr) 375px}.mirror{height:306px}}@media(max-width:1050px){.topbar{padding:18px 28px}.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.main-panel{padding:23px}.face-options{grid-template-columns:1fr 1fr}.face-options .option{flex-direction:column;align-items:start;gap:9px}.face-options .face-svg{height:63px;width:48px}.face-options .unknown{height:63px;text-align:left}.steps button{padding:17px 15px;gap:10px}.steps small{display:none}.three-options{grid-template-columns:1fr}.texture-options{grid-template-columns:repeat(3,1fr)}.two-columns{gap:22px}.two-columns .options{grid-template-columns:1fr}.field-help{min-height:84px}.result-body{gap:25px}.cut-photo{min-height:610px}.cut-photo h3{font-size:36px}.routine-meta{gap:20px}}@media(max-width:760px){.topbar{padding:15px 20px}.brand img{width:48px;height:48px}.brand>span{font-size:21px}.brand small{font-size:9px}.header-note{font-size:0;gap:0}.flag{width:27px;height:20px}main{padding:29px 17px 0}.intro{margin-bottom:24px}.intro h1{font-size:53px}.intro>p:last-child{font-size:15px;max-width:300px}.eyebrow{font-size:11px;letter-spacing:1.5px}.steps{margin-bottom:20px}.steps button{flex-direction:column;gap:4px;padding:12px 4px;text-align:center;font-size:12px}.step-number{font-size:18px}.workspace{grid-template-columns:1fr}.main-panel{padding:22px 17px;border-radius:9px}.section-heading{gap:11px;margin-bottom:22px}.section-heading h2{font-size:28px}.section-heading p{font-size:14px}.section-no{font-size:17px}.face-options{gap:10px}.face-options .option{min-height:173px;padding:15px 12px;gap:8px}.face-options .option-text strong{font-size:16px}.option-text small{font-size:13px}.face-options .face-svg{height:61px;width:46px}.face-options .unknown{font-size:47px}.flow-footer{flex-wrap:wrap;margin-top:20px;padding-top:20px;gap:12px}.step-hint{font-size:12px;order:3;width:100%;text-align:center}.flow-footer .primary{margin-left:auto;min-width:150px}.btn{font-size:14px;padding:11px 15px}.mirror-panel{padding:24px;margin-top:0}.mirror{height:320px}.overlay{height:235px}.mirror-panel h3{font-size:29px}.mirror-panel .camera-status{font-size:13px}.mirror-title .eyebrow{font-size:12px}.texture-options{grid-template-columns:1fr 1fr}.texture-img{height:145px}.texture-options .option:last-child{grid-column:1/-1}.texture-options .option:last-child .option-text{padding:17px}.two-columns{grid-template-columns:1fr;gap:28px;margin-top:26px}.two-columns .options{grid-template-columns:1fr 1fr}.field-help{min-height:0}.option{padding:17px 12px}.three-options{grid-template-columns:1fr}.routine .options:not(.three-options){grid-template-columns:1fr}.editorial{min-height:0}.editorial>img{height:360px;object-position:50% 15%}.editorial>div{padding:65px 25px 25px}.editorial h3{font-size:34px}.editorial h3 br{display:none}.result-heading{align-items:start;flex-direction:column}.result-heading h2{font-size:37px}.result-heading p:last-child{font-size:15px}.result-heading .btn{width:100%}.profile-strip{padding:19px;gap:17px 23px}.profile-strip>span{font-size:14px}.profile-strip .text-btn{width:100%;margin-left:0;border-top:1px solid var(--line);padding-top:12px}.result-body{grid-template-columns:1fr;gap:18px}.cut-photo{min-height:490px}.cut-photo>img{object-position:center 25%}.cut-photo>div{padding:90px 24px 24px}.cut-photo h3{font-size:38px}.recommendation{padding:12px 4px}.recommendation h3{font-size:31px}.reason p{font-size:15px}.routine-meta{gap:35px}.alternatives>div{flex-direction:column}.alternative img{width:97px;height:106px}.alternative b{font-size:23px}.result-details{grid-template-columns:1fr;gap:20px}.barber-card,.styling-card{padding:25px 21px}blockquote{font-size:20px}.result-bottom{align-items:start;flex-direction:column}.result-bottom .btn{width:100%}.care{padding:18px}.care summary{font-size:14px}footer{flex-direction:column;gap:8px;align-items:start;padding-bottom:24px}.mobile-break{display:block}.note{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{@page{size:A4;margin:14mm}html,body{color-scheme:light;background:white!important;color:#18232d!important;font:11pt/1.4 Arial,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}body:before,.topbar,.intro,.steps,.no-print,footer,#toast,.image-disclaimer,.care{display:none!important}main{padding:0;max-width:none}.result{animation:none}.result-heading{display:block;margin:0 0 15px}.result-heading h2{font-size:25pt;color:#101820}.eyebrow{color:#00627e!important}.result-heading p{font-size:10pt}.profile-strip{border:1px solid #bec7cc;padding:12px;gap:13px;background:#f0f5f8!important}.profile-strip>span{font-size:10pt}.profile-strip small{font-size:7pt;color:#55616a}.result-body{display:grid;grid-template-columns:40% 1fr;gap:20px;margin-top:18px}.cut-photo{min-height:340px;border-radius:5px;break-inside:avoid}.cut-photo>div{padding:70px 15px 15px}.cut-photo h3{font:600 23pt var(--heading);color:white}.cut-photo p{font-size:9pt;color:white}.cut-photo .pill{font-size:7pt}.recommendation{padding:0}.recommendation h3{font-size:21pt;color:#17232e;margin-bottom:16px}.reason{gap:10px;margin-bottom:12px}.reason p{font-size:9pt;color:#293741}.reason b{font-size:10pt;color:#101820}.reason>span{font-size:12pt;color:#00708a}.routine-meta{gap:25px;padding-top:10px;border-color:#bbc5cd}.routine-meta span{font-size:7pt;color:#45515a}.routine-meta b{font-size:17pt;color:#152633}.note{font-size:9pt;color:#29333b;background:#f3f0f3;padding:9px;margin-top:10px}.result-details{display:block;margin-top:22px}.barber-card,.styling-card{background:#f2f6f8!important;color:#17232d;padding:18px;border-color:#bcc7cf;break-inside:avoid;margin-bottom:18px}.barber-card h3,.styling-card h3{font-size:20pt;margin-bottom:14px}blockquote{font-size:12pt;color:#182a37}.barber-card>p:not(.eyebrow){color:#394956;font-size:9pt}.styling li{margin-bottom:13px}.styling b{font-size:10pt}.styling p{font-size:10pt;color:#334651}.print-brand{display:block;color:#334651;font-size:9pt;margin:14px 0 0}.result-heading p{color:#334651}}
/* Extended haircut catalogue */
.selected-style-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 2px 0;color:var(--muted);font-size:14px}.selected-style-nav b{color:var(--text);font-weight:500}.catalog{margin:38px 0 32px;padding:28px;border:1px solid var(--line);background:#0f131b;border-radius:12px;scroll-margin-top:22px}.catalog-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:23px}.catalog-heading .eyebrow{margin-bottom:10px}.catalog-heading h3{font-size:34px;margin-bottom:10px}.catalog-heading p:last-child{font-size:15px;margin:0;max-width:600px}.catalog-total{font:700 52px/.9 var(--heading);color:var(--cyan);border-left:1px solid var(--line);padding-left:24px}.catalog-total small{display:block;font:500 10px var(--body);letter-spacing:1.5px;color:var(--muted);margin-top:9px}.catalog-filters{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;border-top:1px solid var(--line);padding-top:22px}.catalog-filters label{font-size:14px;color:var(--muted);font-weight:500}.catalog-filters select{font:400 15px var(--body);padding:12px 30px 12px 12px;border-radius:6px;border:1px solid #3d4655;background:#19212b;color:var(--text);width:100%;margin-top:8px;cursor:pointer;min-height:46px}.catalog-filters select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.catalog-count{font-size:13px;margin:18px 0 20px;color:#aab7c6}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalog-card{padding:0;overflow:hidden;border:1px solid #303a48;border-radius:9px;background:#171d27;text-align:left;display:flex;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s}.catalog-card:hover{transform:translateY(-4px);border-color:#7c92a6;box-shadow:0 8px 22px #0004}.catalog-card.is-chosen{border-color:var(--cyan)}.catalog-image{position:relative;width:100%;aspect-ratio:1/1;background:#1a222b;overflow:hidden}.catalog-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s}.catalog-card:hover img{transform:scale(1.025)}.chosen-badge{position:absolute;left:12px;bottom:12px;font-size:10px;background:#21cff5;color:#06212a;letter-spacing:1px;padding:5px 9px;font-weight:700;border-radius:3px}.catalog-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.catalog-card-body>small{font-size:10px;letter-spacing:1px;color:var(--muted)}.catalog-card h4{font:600 27px/1.08 var(--heading);margin:8px 0 10px}.catalog-card-body>p{font-size:14px;line-height:1.45;margin:0 0 16px}.match-reasons{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;min-height:25px}.match-reasons span{font-size:11px;line-height:1.35;padding:4px 7px;background:#202e3b;color:#b7d7e4;border-radius:3px}.catalog-card-footer{border-top:1px solid #303947;margin-top:17px;padding-top:14px;display:flex;justify-content:space-between;gap:9px;align-items:center}.catalog-card-footer span{font-size:12px;color:var(--muted)}.catalog-card-footer b{font-size:13px;color:var(--cyan);font-weight:600;white-space:nowrap}.catalog-empty{border:1px dashed #485565;border-radius:8px;padding:30px;text-align:center}.catalog-empty h4{margin:0 0 10px;font-size:19px}.catalog-empty p{font-size:15px}.catalog-empty .btn{margin-top:10px}@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog{padding:24px}.catalog-filters{grid-template-columns:1fr 1fr}.catalog-filters label:first-child{grid-column:1/-1}}@media(max-width:760px){.catalog{padding:20px 14px}.catalog-heading{gap:16px;align-items:start}.catalog-heading h3{font-size:29px}.catalog-heading p:last-child{font-size:14px}.catalog-total{font-size:40px;padding-left:13px;margin-top:5px}.catalog-total small{font-size:9px}.catalog-grid{gap:12px}.catalog-card-body{padding:13px 11px}.catalog-card h4{font-size:24px}.catalog-card-body>p{font-size:13px}.catalog-card-body>small{font-size:9px}.catalog-card-footer{flex-direction:column;align-items:start;gap:6px}.catalog-card-footer span{font-size:11px}.catalog-card-footer b{font-size:13px}.match-reasons span{font-size:10px}.catalog-filters{gap:12px}.catalog-filters label{font-size:13px}.catalog-filters select{font-size:14px;padding-left:10px}.catalog-count{font-size:12px}.selected-style-nav{flex-direction:column;align-items:start;gap:3px;font-size:13px}.selected-style-nav .text-btn{font-size:14px}.chosen-badge{font-size:8px;left:7px;bottom:7px;padding:4px 6px}.catalog-empty{padding:24px 16px}}@media(max-width:370px){.catalog-grid{grid-template-columns:1fr}}@media print{.catalog,.selected-style-nav{display:none!important}}