:root{--ink:#1b181e;--paper:#fbf9fc;--line:#e4dce9;--lime:#c59ae6;--red:#9160bb;--muted:#716878}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}.site-header{height:76px;display:flex;align-items:center;gap:30px;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:8;background:rgba(251,249,252,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;white-space:nowrap}.brand img.brand-logo{display:block;width:196px;height:48px;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:24px;margin-left:auto;font-size:14px}.back-link:hover,.site-header nav a:hover{color:var(--red)}.button,.header-cta{display:inline-block;padding:12px 17px;font-weight:700;font-size:14px}.button-lime,.header-cta{background:var(--lime)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:var(--red)}.menu-toggle{display:none}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;min-height:560px;border-bottom:1px solid var(--line);background:url(/images/pinfang-barbershop-hero-wide.webp) center calc(50% - 48px)/cover no-repeat}.hero:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(251,249,252,.96),rgba(251,249,252,.88) 37%,rgba(251,249,252,.4) 56%,rgba(251,249,252,0) 72%)}.hero-copy{padding:clamp(55px,9vw,135px) clamp(24px,7vw,104px);display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 17px;color:var(--red);font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.hero h1{margin:0;max-width:590px;font-size:clamp(40px,4.3vw,62px);line-height:1.04;letter-spacing:-.02em}.hero-copy>p:not(.eyebrow){max-width:500px;margin:28px 0;font-size:17px;color:#4c4b46}.hero-note{display:flex;gap:19px;margin-top:55px;padding-top:19px;border-top:1px solid var(--line);font-size:12px}.hero-note span{color:var(--muted)}.hero-image{position:relative;min-height:560px;overflow:hidden}.hero-image div{position:absolute;right:24px;bottom:24px;display:grid;grid-gap:4px;gap:4px;background:var(--paper);padding:13px 16px}.hero-image small{font-size:10px;font-weight:800;color:var(--red);letter-spacing:1px}.hero-image strong{font-size:14px}.section{padding:clamp(66px,9vw,120px) clamp(20px,5vw,72px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.contact h2,.custom h2,.section-heading h2{margin:0;font-size:clamp(30px,3.2vw,44px);line-height:1.08;letter-spacing:-.015em}.section-heading>p{max-width:410px;margin:0;color:var(--muted);font-size:15px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.category-card{position:relative;display:flex;flex-direction:column;aspect-ratio:auto;background:#fff;overflow:hidden}.category-card img{width:100%;height:auto;aspect-ratio:1.08;flex:0 0 auto;padding:18px;object-fit:contain;transition:transform .4s}.category-card:hover img{transform:scale(1.02)}.category-card-copy{position:static;min-height:76px;background:#fff;border-top:1px solid var(--line);padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto;grid-gap:6px 12px;gap:6px 12px;align-items:center}.category-card-copy>span{grid-row:1/3;align-self:start;color:var(--red);font-size:11px;font-weight:700}.category-card h3{margin:0;font-size:16px;line-height:1.2}.category-card p{margin:0;color:var(--muted);font-size:11px}.category-card b{grid-column:3;grid-row:1/3;font-size:11px;white-space:nowrap}.nail-placeholder{height:100%;display:grid;place-content:center;background:var(--lime);text-align:center;font-size:28px;font-weight:800;line-height:.95}.custom{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:white}.custom-visual{position:relative;min-height:560px;background:#fff}.custom-visual img{width:100%;height:100%;padding:24px;object-fit:contain}.swatch{position:absolute;bottom:26px;width:20px;height:20px;border:2px solid white}.black{left:26px;background:#181818}.red{left:55px;background:#b54d3b}.olive{left:84px;background:#667150}.cream{left:113px;background:#e8decb}.custom-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(54px,9vw,110px)}.custom-copy .eyebrow{color:var(--lime)}.custom-copy>p:not(.eyebrow){margin:27px 0;color:#ded8e4;max-width:420px;font-size:17px}.custom ul{width:100%;margin:12px 0 30px;padding:0;border-top:1px solid #473b4f;list-style:none;font-size:14px}.custom li{padding:12px 0;border-bottom:1px solid #473b4f}.custom li:before{content:"+";color:var(--lime);font-weight:700;margin-right:12px}.contact{display:grid;grid-template-columns:1fr 1fr;grid-gap:10vw;gap:10vw;align-items:end}.contact>div>p:not(.eyebrow){max-width:440px;margin:24px 0 0;color:var(--muted);font-size:16px}.contact-panel{border-top:2px solid var(--ink)}.contact-panel a{display:grid;grid-gap:7px;gap:7px;padding:20px 0;border-bottom:1px solid var(--line)}.contact-panel a:hover strong{color:var(--red)}.contact-panel small{font-size:11px;font-weight:800;letter-spacing:1px}.contact-panel strong{font-size:clamp(17px,2vw,26px);overflow-wrap:anywhere}.contact-panel b{font-size:13px;color:var(--red)}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px clamp(20px,5vw,72px);background:var(--ink);color:white;font-size:12px}footer p{margin:0;color:#bdbdb7}.whatsapp{position:fixed;right:20px;bottom:20px;z-index:7;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--lime);font-size:12px;font-weight:800;box-shadow:0 4px 15px #0003}.catalog-page{min-height:calc(100vh - 76px)}.catalog-heading{padding:64px clamp(20px,9vw,140px) 44px;background:var(--ink);color:white}.catalog-heading h1{margin:0;font-size:clamp(44px,6vw,78px);line-height:.98}.catalog-heading .eyebrow{margin-top:52px;color:var(--lime)}.catalog-heading>p:last-child{max-width:580px;margin:24px 0 0;color:#c8c8c0;font-size:16px}.back-link{display:inline-block;font-size:13px;font-weight:700}.thumbnail-section{padding:28px clamp(20px,5vw,72px) 90px}.catalog-summary{display:flex;justify-content:space-between;padding-bottom:19px;color:var(--muted);font-size:13px}.catalog-summary span:first-child{color:var(--ink);font-weight:700}.thumbnail-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}.thumbnail-card{min-width:0;background:#fff}.thumbnail-card figure{margin:0;aspect-ratio:1;overflow:hidden;background:#fff}.thumbnail-card img{width:100%;height:100%;padding:0;object-fit:contain;transition:transform .3s}.thumbnail-card:hover img{transform:scale(1.02)}.thumbnail-card img.mirrored-product{transform:scaleX(-1)}.thumbnail-card:hover img.mirrored-product{transform:scaleX(-1) scale(1.02)}.thumbnail-card div{display:grid;grid-gap:4px;gap:4px;padding:9px 10px 11px}.thumbnail-card small{font-size:10px;font-weight:800;color:var(--red);letter-spacing:.5px}.thumbnail-card span{font-size:12px;font-weight:700;line-height:1.25;display:flex;justify-content:space-between;gap:4px}.thumbnail-card b{font-size:16px;line-height:.7}.empty-state{padding:90px 0;max-width:560px}.empty-state h2{font-size:40px;line-height:1;margin:0}.empty-state p:not(.eyebrow){color:var(--muted);font-size:16px;margin:20px 0 25px}.detail-page{min-height:calc(100vh - 76px)}.detail{display:grid;grid-template-columns:1fr 1fr;min-height:700px}.detail-image{background:#fff}.detail-image img{width:100%;height:100%;padding:36px;object-fit:contain}.detail-image img.mirrored-product,.photo-gallery img.mirrored-product{transform:scaleX(-1)}.photo-gallery{display:flex;gap:8px;overflow:auto;padding:10px;background:#eceae3}.photo-gallery a{display:block;flex:0 0 54px;height:54px;border:2px solid transparent;background:#fff}.photo-gallery a.active{border-color:var(--ink)}.photo-gallery img{width:100%;height:100%;object-fit:contain}.detail-copy{padding:clamp(44px,8vw,112px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.detail-copy .back-link{margin-bottom:64px}.detail-copy h1{margin:0;font-size:clamp(30px,3.8vw,52px);line-height:.98}.detail-copy .nail-product-title{margin-top:4px;color:var(--red);font-size:clamp(20px,2.2vw,30px);font-weight:700;line-height:1.2;letter-spacing:.35px}.detail-copy .eyebrow{margin:0 0 15px}.product-code{margin:14px 0 0;font-size:13px;font-weight:800;color:var(--red);letter-spacing:1px}.detail-intro{max-width:450px;margin:26px 0 12px;color:var(--muted);font-size:16px}.detail-intro-top{margin:0 0 42px;color:var(--ink);font-weight:800}.detail-specs{width:100%;max-width:480px;margin:14px 0 28px;border-top:1px solid var(--line)}.detail-specs div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.detail-specs span{color:var(--muted)}.email-link{margin-top:18px;color:var(--red);font-size:13px;font-weight:700}.product-specifications{max-width:480px;margin:34px 0 30px;padding-top:0}.product-specifications h2{margin:0;font-size:22px;line-height:1.1}.product-specifications table{width:100%;margin-top:17px;border-collapse:collapse;text-align:left}.product-specifications td,.product-specifications th{padding:10px 12px;border:1px solid var(--line);vertical-align:top;font-size:12px;line-height:1.45}.product-specifications th{width:39%;background:#f3f2ed;font-weight:700}.product-specifications td{color:var(--muted)}@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}.thumbnail-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.site-header{height:64px;padding:0 20px}.brand img.brand-logo{width:154px;height:40px}.header-cta,.site-header nav{display:none}.menu-toggle{display:block;margin-left:auto;border:0;background:none;font-weight:700}.site-header.open nav{position:absolute;left:0;right:0;top:63px;display:flex;flex-direction:column;gap:18px;padding:20px;background:var(--paper);border-bottom:1px solid var(--line)}.contact,.custom,.detail,.hero{grid-template-columns:1fr}.hero-copy{padding:66px 24px 50px}.hero{background-image:url(/images/pinfang-barbershop-hero.png);background-position:center calc(50% - 60px)}.hero:before{background:linear-gradient(90deg,rgba(251,249,252,.95),rgba(251,249,252,.72) 66%,rgba(251,249,252,.15))}.hero-image{min-height:360px}.hero-note{margin-top:45px;flex-direction:column;gap:4px}.section{padding:66px 20px}.section-heading{display:grid;grid-gap:20px;gap:20px;align-items:start}.category-grid{gap:12px}.category-card-copy{padding:11px}.category-card h3{font-size:14px}.category-card b{display:none}.custom-visual{min-height:410px}.custom-copy{padding:65px 24px}.contact{gap:48px}footer{display:grid;justify-content:start}.catalog-heading{padding:50px 20px 36px}.catalog-heading .eyebrow{margin-top:47px}.thumbnail-section{padding:24px 20px 65px}.thumbnail-grid{grid-template-columns:repeat(3,1fr);gap:8px}.thumbnail-card div{padding:8px}.catalog-summary,.thumbnail-card span{font-size:11px}.detail{min-height:0}.detail-image{aspect-ratio:1}.detail-copy{padding:45px 24px 65px}.detail-copy .back-link{margin-bottom:45px}.product-specifications{margin:30px 0 25px;padding-top:0}.product-specifications td,.product-specifications th{padding:10px 8px;font-size:11px}.product-specifications th{width:43%}}@media(max-width:420px){.category-grid{grid-template-columns:1fr}.category-card{aspect-ratio:auto}.thumbnail-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:38px}}.footer-links a:hover{color:var(--lime)}.hero-actions{display:flex;align-items:center;gap:22px}.text-cta{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.text-cta:hover{color:var(--red)}.interest{background:#f7f3fb;border-bottom:1px solid var(--line)}.interest .section-heading{max-width:1180px;margin:0 auto 30px;align-items:center}.interest .section-heading>p{max-width:390px;padding:18px 0 18px 28px;border-left:2px solid var(--lime);font-size:16px;line-height:1.55}.interest-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;max-width:1180px;margin:0 auto}.interest-grid article{min-height:252px;padding:30px;background:#fff;border:1px solid var(--line);transition:transform .25s,box-shadow .25s}.interest-grid article:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(25,25,25,.08)}.interest-grid span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.7px}.interest-grid h3{margin:46px 0 12px;font-size:22px;line-height:1}.interest-grid p{max-width:280px;margin:0;color:var(--muted);font-size:14px;line-height:1.5}.production-video{background:#eee8f5}.video-frame{max-width:1050px;margin:0 auto;background:var(--ink);line-height:0}.video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--ink)}.quote-form{max-width:780px;margin:0 auto 76px;padding:clamp(28px,4vw,46px);background:#fff;border-top:3px solid var(--ink)}.content-section h2,.quote-form h2{margin:0;font-size:clamp(26px,2.8vw,38px);line-height:1}.quote-form>p:not(.eyebrow){max-width:560px;margin:14px 0 23px;color:var(--muted);font-size:14px;line-height:1.5}.quote-form form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:13px 14px;gap:13px 14px}.quote-form label{position:relative;display:grid;grid-gap:5px;gap:5px;font-size:12px;font-weight:700}.quote-form label span{position:absolute;right:0;top:0;color:var(--muted);font-size:10px;font-weight:500}.quote-form input,.quote-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:0;background:#fff;font:inherit;font-size:13px;font-weight:400;resize:vertical;transition:border-color .2s,box-shadow .2s}.quote-form input{height:42px}.quote-form textarea{min-height:82px}.quote-form input:focus,.quote-form textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px rgba(197,154,230,.35)}.quote-form .full{grid-column:1/-1}.quote-form button{justify-self:start;border:0;cursor:pointer;padding:11px 15px;font-size:13px}.quote-note{margin:18px 0 0!important;color:var(--red)!important;font-size:13px}.content-page{min-height:calc(100vh - 76px)}.content-hero{padding:clamp(65px,10vw,130px) clamp(20px,9vw,140px);background:var(--ink);color:#fff}.content-hero h1{max-width:840px;margin:0;font-size:clamp(46px,6vw,82px);line-height:.98}.content-hero .eyebrow{margin-bottom:20px;color:var(--lime)}.content-hero>p:not(.eyebrow){max-width:650px;margin:24px 0 30px;color:#ded8e4;font-size:17px}.content-section{max-width:1100px;margin:0 auto;padding:clamp(54px,8vw,100px) clamp(20px,5vw,72px)}.content-section>p{max-width:700px;color:var(--muted);font-size:17px}.content-list{max-width:700px;margin:28px 0;padding:0;list-style:none;border-top:1px solid var(--line)}.content-list li{padding:15px 0;border-bottom:1px solid var(--line);font-size:16px}.content-list li:before{content:"+";margin-right:12px;color:var(--red);font-weight:800}.topic-products{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-top:44px}.topic-products a{display:grid;grid-gap:7px;gap:7px;background:#fff;padding:10px;font-size:12px;font-weight:700}.topic-products img{width:100%;aspect-ratio:1;object-fit:contain}.topic-products small{color:var(--red);font-weight:800}.policy h2{margin:46px 0 12px;font-size:26px}.policy h2:first-child{margin-top:0}.policy a{color:var(--red);font-weight:700}@media(max-width:700px){.quote-form{margin:0 20px 65px;padding:30px 22px}.quote-form form{grid-template-columns:1fr}.quote-form .full{grid-column:auto}.topic-products{grid-template-columns:repeat(2,1fr)}.content-hero{padding:65px 24px}.content-section{padding:58px 24px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.interest-grid{grid-template-columns:1fr}.interest-grid article{min-height:0;padding:26px}.interest .section-heading>p{padding:0;border-left:0}.interest-grid h3{margin-top:28px}}