/*
Theme Name: Plankhaus Architectural Flooring
Version: 1.0.0
Description: Bespoke architectural flooring storefront, faithful to the supplied PLANKHAUS design. WooCommerce support and sample shopping.
Text Domain: plankhaus
Requires PHP: 7.4
*/

:root{--black:#171817;--bone:#f2f0e9;--white:#fff;--orange:#d9652b;--olive:#66705b;--grey:#777a74;--line:#d9d7d0;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bone);color:var(--black);font-family:Manrope,sans-serif}body.lock{overflow:hidden}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}img{display:block;width:100%}.wrap{max-width:var(--max);margin:auto;padding:0 26px}.fi{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:0em!important;height:1em!important;line-height:1!important}.fi:before{line-height:1!important;margin:0!important}#ph{--e-global-color-accent:var(--orange)!important;--e-global-color-primary:var(--black)!important}#ph *{-webkit-tap-highlight-color:transparent}#ph a:focus,#ph a:active,#ph button:focus,#ph button:active{outline:0!important;box-shadow:none!important}
.top{height:31px;background:var(--black);color:#fff;font:600 9px Manrope;letter-spacing:.08em}.top .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.header{height:78px;background:var(--bone);border-bottom:1px solid #c9c6bd;position:sticky;top:0;z-index:60}.head{height:100%;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:30px}.brand{font:700 28px "Barlow Condensed";letter-spacing:.04em}.brand b{color:var(--orange)}.nav{display:flex;justify-content:center;align-items:center;gap:30px}.nav>a,.drop>a{font:600 10px Manrope}.drop{height:78px;display:flex;align-items:center;position:relative}.drop>a{display:flex;gap:5px;align-items:center}.mega{position:absolute;top:77px;left:-120px;width:640px;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:1.15fr 1fr 1fr;padding:25px;gap:25px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;box-shadow:0 18px 45px #0002}.drop:hover .mega,.drop:focus-within .mega{opacity:1;visibility:visible;transform:none}.mega .feature{height:180px;position:relative;overflow:hidden}.mega .feature img{height:100%;object-fit:cover}.mega .feature span{position:absolute;left:10px;bottom:10px;background:#fff;padding:7px 9px;font-size:8px;font-weight:700}.mega strong{font:700 13px "Barlow Condensed";letter-spacing:.07em;display:block;margin-bottom:7px}.mega a{display:block;font-size:9px;color:#666;padding:6px 0}.mega a:hover{color:var(--orange)!important}.tools{display:flex;gap:2px}.tool{width:40px;height:40px;border:0;background:transparent;color:var(--black);position:relative;display:inline-flex;align-items:center;justify-content:center}.tool:hover{background:#e7e3d9!important;color:var(--black)!important}.tool i{font-size:17px}.badge{position:absolute;right:-1px;top:0;min-width:15px;height:15px;border-radius:10px;background:var(--orange);color:#fff;border:2px solid var(--bone);display:grid;place-items:center;font-size:7px}.menu{display:none}.mnav{display:none}
.hero{min-height:650px;display:grid;grid-template-columns:42% 58%;background:var(--black);color:#fff;position:relative}.hero-left{padding:78px max(32px,calc((100vw - 1280px)/2 + 26px));padding-right:55px;display:flex;flex-direction:column;justify-content:center;position:relative}.eyebrow{font:700 10px "Barlow Condensed";letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}.hero h1{font:600 clamp(62px,6.1vw,96px)/.84 "Barlow Condensed";letter-spacing:-.025em;text-transform:uppercase;margin:16px 0 22px}.hero p{font-size:11px;line-height:1.8;color:#b8bbb5;max-width:430px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:max-content;margin-top:19px;background:var(--orange);color:#fff!important;border:0;padding:14px 18px;font-size:9px;font-weight:700}.cta:hover{background:#b94f1f!important}.hero-num{position:absolute;right:30px;bottom:24px;font:600 48px "Barlow Condensed";color:#ffffff16}.hero-right{position:relative;overflow:hidden}.hslide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:.65s}.hslide.on{opacity:1;visibility:visible}.hslide img{height:100%;object-fit:cover}.hero-nav{position:absolute;z-index:3;right:24px;bottom:22px;display:flex;gap:8px}.hero-nav button{width:48px;height:48px;border:1px solid #ffffff80;background:#0003!important;color:#fff!important;display:grid;place-items:center}.hero-nav button:hover{background:#0008!important}.hero-nav i{font-size:18px}.hero-index{position:absolute;z-index:3;left:20px;bottom:20px;background:#fff;color:var(--black);padding:10px 13px;font:700 10px "Barlow Condensed";letter-spacing:.1em}
.metrics{background:#fff;border-bottom:1px solid var(--line)}.metrics .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:24px 18px;border-right:1px solid var(--line);display:flex;gap:11px;align-items:center}.metric:last-child{border:0}.metric i{font-size:20px;color:var(--orange)}.metric b{display:block;font:700 14px "Barlow Condensed";letter-spacing:.04em}.metric span{display:block;font-size:8px;color:var(--grey);margin-top:2px}
.section{padding:82px 0}.titlebar{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:31px}.titlebar h2{font:600 clamp(43px,5vw,67px)/.9 "Barlow Condensed";text-transform:uppercase;margin:7px 0 0;letter-spacing:-.02em}.titlebar p{font-size:9px;color:var(--grey);max-width:420px;margin:8px 0 0}.textlink{font-size:9px;font-weight:700;border-bottom:1px solid;padding-bottom:4px}
.collections{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:255px 255px;gap:12px}.collection{position:relative;overflow:hidden;background:#ddd}.collection:first-child{grid-row:1/3}.collection:nth-child(4){grid-column:2/4}.collection img{height:100%;object-fit:cover;transition:.5s}.collection:hover img{transform:scale(1.03)}.collection:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 62%)}.cc{position:absolute;z-index:2;left:17px;right:17px;bottom:16px;color:#fff;display:flex;align-items:end;justify-content:space-between}.cc h3{font:600 28px "Barlow Condensed";text-transform:uppercase;margin:0}.cc span{font-size:8px;color:#ddd}.cc i{font-size:19px}
.dark{background:#252723;color:#fff}.dark .titlebar p{color:#a8aaa4}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product{background:#f7f5ef;color:var(--black);position:relative;overflow:hidden}.pimg{height:340px;position:relative;background:#ddd;overflow:hidden}.pimg img{height:100%;object-fit:cover;transition:.45s}.product:hover .pimg img{transform:scale(1.025)}.label{position:absolute;left:10px;top:10px;background:var(--black);color:#fff;padding:6px 8px;font-size:7px;font-weight:700;letter-spacing:.06em}.wish{position:absolute;right:10px;top:10px;width:37px;height:37px;border:0;background:#fff;color:var(--black);display:grid;place-items:center}.wish.active{background:var(--orange)!important;color:#fff!important}.sample{position:absolute;left:10px;right:10px;bottom:10px;height:42px;border:0;background:var(--orange);color:#fff;font-size:9px;font-weight:700;opacity:0;transform:translateY(6px);transition:.2s}.product:hover .sample{opacity:1;transform:none}.pbody{padding:15px}.pbody h3{font:600 22px "Barlow Condensed";text-transform:uppercase;margin:0 0 4px}.pbody p{font-size:8.5px;color:#6f716c;line-height:1.55;margin:0 0 12px;min-height:27px}.specrow{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:10px}.specrow span{font-size:7.5px;color:#777}.price{font-size:10px;font-weight:700;color:var(--orange)}
.mobile-controls{display:none}.material{display:grid;grid-template-columns:1fr 1fr;min-height:580px;background:#fff}.material-img{position:relative}.material-img img{height:100%;object-fit:cover}.samplechip{position:absolute;left:20px;bottom:20px;background:var(--bone);padding:13px 15px;font:700 10px "Barlow Condensed";letter-spacing:.08em}.material-copy{padding:70px;display:flex;flex-direction:column;justify-content:center}.material-copy h2{font:600 58px/.9 "Barlow Condensed";text-transform:uppercase;margin:12px 0 20px}.material-copy>p{font-size:10px;line-height:1.9;color:var(--grey)}.scale{margin:25px 0}.scale-row{display:grid;grid-template-columns:90px 1fr 55px;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:8px}.scale-row:last-child{border-bottom:1px solid var(--line)}.bar{height:5px;background:#e6e2d9}.bar i{display:block;height:100%;background:var(--olive)}
.projects{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project{height:470px;position:relative;overflow:hidden}.project img{height:100%;object-fit:cover;transition:.5s}.project:hover img{transform:scale(1.025)}.project-copy{position:absolute;left:18px;bottom:18px;background:var(--bone);padding:14px 16px;min-width:210px}.project-copy b{font:600 20px "Barlow Condensed";text-transform:uppercase;display:block}.project-copy span{font-size:8px;color:var(--grey)}
.quote{padding:90px 0;background:var(--orange);color:#fff;text-align:center}.quote blockquote{font:500 clamp(40px,5vw,70px)/.95 "Barlow Condensed";text-transform:uppercase;max-width:980px;margin:0 auto 22px}.quote span{font-size:9px;font-weight:700}
.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq h2{font:600 58px/.9 "Barlow Condensed";text-transform:uppercase;margin:10px 0}.faqintro p{font-size:9px;color:var(--grey);line-height:1.8}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;padding:20px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:10px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq details p{font-size:9px;color:var(--grey);line-height:1.8;margin:0;padding:0 40px 20px 0}
.footer{background:#111211;color:#fff;padding-top:60px}.footergrid{display:grid;grid-template-columns:1.4fr .7fr .7fr 1.1fr;gap:50px}.footer .brand{font-size:30px}.footer p,.footer a{font-size:8.5px;color:#aaa;line-height:1.9}.footer h4{font:700 12px "Barlow Condensed";letter-spacing:.1em;margin:4px 0 13px}.footer a{display:block}.footer a:hover{color:#fff!important}.socials{display:flex;gap:7px;margin-top:16px}.socials a{width:37px;height:37px;border:1px solid #393b38;display:flex;align-items:center;justify-content:center;color:#fff}.socials a:hover{background:var(--orange)!important}.news{display:flex;border-bottom:1px solid #555}.news input{height:43px;flex:1;min-width:0;border:0;background:transparent;color:#fff;font-size:9px}.news button{width:40px;border:0;background:transparent;color:#fff}.copyright{border-top:1px solid #2c2e2b;margin-top:48px;padding:17px 0}.copyright .wrap{display:flex;justify-content:space-between;font-size:8px;color:#777}
.scrim{position:fixed;z-index:89;inset:0;background:#0008;opacity:0;visibility:hidden;transition:.25s}.scrim.show{opacity:1;visibility:visible}.drawer{position:fixed;z-index:91;right:0;top:0;bottom:0;width:min(92vw,430px);background:var(--bone);transform:translateX(105%);transition:.3s;display:flex;flex-direction:column}.drawer.open{transform:none}.dhead{height:72px;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.dhead h3{font:600 27px "Barlow Condensed";text-transform:uppercase}.close{width:40px;height:40px;border:1px solid var(--line);background:transparent!important;color:var(--black)!important;display:grid;place-items:center}.ditems{padding:18px 20px;overflow:auto;flex:1}.empty{text-align:center;padding:60px 10px;font-size:9px;color:#777}.ditem{display:grid;grid-template-columns:75px 1fr auto;gap:10px;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.ditem img{height:80px;object-fit:cover}.ditem h4{font:600 17px "Barlow Condensed";text-transform:uppercase;margin:2px 0}.ditem b{font-size:9px}.drawer .qty{display:flex;margin-top:8px}.drawer .qty button{width:25px;height:25px;border:1px solid var(--line);background:transparent}.drawer .qty span{width:27px;text-align:center;line-height:25px;font-size:8px}.drawer .remove{width:27px;height:27px;border:0;background:transparent!important;color:#777!important}.dfoot{padding:17px 20px;border-top:1px solid var(--line)}.subtotal{display:flex;justify-content:space-between;font-size:10px;font-weight:700;margin-bottom:12px}.drawer .checkout{width:100%;height:46px;border:0;background:var(--orange);color:#fff;font-size:9px;font-weight:700}
.search{position:fixed;z-index:92;top:0;left:0;right:0;background:var(--bone);transform:translateY(-105%);transition:.3s}.search.open{transform:none}.searchbox{max-width:1100px;margin:auto;padding:30px 24px}.searchtop{display:flex;justify-content:space-between;align-items:center}.searchtop h3{font:600 32px "Barlow Condensed";text-transform:uppercase;margin:0}.searchline{display:flex;border-bottom:2px solid var(--black);margin-top:20px}.searchline input{height:56px;flex:1;border:0;background:transparent;padding:0 10px}.searchline button{border:0;background:var(--black);color:#fff;padding:0 18px}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.result{display:flex;gap:10px;background:#fff;padding:7px;align-items:center;cursor:pointer}.result img{width:60px;height:65px;object-fit:cover}.result b{font:600 14px "Barlow Condensed";text-transform:uppercase}.result small{display:block;font-size:8px;color:#777}.toast{position:fixed;z-index:100;bottom:22px;left:50%;transform:translate(-50%,70px);opacity:0;background:#111;color:#fff;padding:11px 15px;font-size:8px;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.nav{display:none}.menu{display:inline-flex}.head{grid-template-columns:1fr auto}.brand{font-size:25px}.hero{grid-template-columns:1fr;min-height:720px}.hero-left{min-height:350px;padding:55px 25px}.hero-right{min-height:370px}.collections{grid-template-columns:1fr 1fr;grid-template-rows:320px 250px}.collection:first-child{grid-row:auto}.collection:nth-child(4){grid-column:1/3}.products{grid-template-columns:repeat(2,1fr)}.material{grid-template-columns:1fr}.material-img{height:430px}.faq{grid-template-columns:1fr;gap:25px}.footergrid{grid-template-columns:1fr 1fr}.footergrid>div:first-child,.footergrid>div:last-child{grid-column:1/-1}}
@media(max-width:600px){
.wrap{padding:0 15px}.top{display:none}.header{height:70px;padding:7px 0}.head{height:56px;background:#fff;border:1px solid var(--line);grid-template-columns:46px 1fr 112px;padding:0 7px}.brand{grid-column:2;text-align:center;font-size:23px}.tools{grid-column:3}.tool{width:35px;height:35px}.tool.account{display:none}.menu{position:absolute;left:22px;width:40px!important;height:40px!important;background:var(--black)!important;color:#fff!important}.menu:hover,.menu:focus,.menu:active{background:var(--black)!important;color:#fff!important}
.mnav{display:block;position:fixed;z-index:59;top:70px;left:8px;right:8px;background:#fff;border:1px solid var(--line);padding:7px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}.mnav.open{opacity:1;visibility:visible;transform:none}.mnav>a,.mg>button{width:100%;min-height:47px;padding:0 11px;border:0;border-bottom:1px solid var(--line);background:#fff!important;color:var(--black)!important;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:9px;font-weight:700}.mnav>a:hover,.mnav>a:focus,.mnav>a:active,.mg>button:hover,.mg>button:focus,.mg>button:active{background:#fff!important;color:var(--black)!important}.sub{display:none;padding:6px 10px;background:var(--bone)}.mg.open .sub{display:block}.sub a{display:block;padding:8px 5px;font-size:8.5px;color:#666!important}.sub a:hover,.sub a:active{color:var(--orange)!important;background:transparent!important}
.hero{display:block;min-height:650px}.hero-right{position:absolute;inset:0}.hslide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111d 0,#1117 60%,#1113)}.hero-left{position:relative;z-index:2;min-height:650px;padding:100px 20px 80px;justify-content:flex-end;background:transparent}.hero h1{font-size:62px}.hero p{color:#ddd}.hero-num{display:none}.hero-nav{bottom:22px}.hero-index{bottom:23px}.metrics .wrap{grid-template-columns:1fr 1fr;padding:0}.metric{padding:17px 14px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:58px 0}.titlebar{grid-template-columns:1fr;gap:12px}.titlebar h2{font-size:48px}.collections{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px}.collections::-webkit-scrollbar{display:none}.collection,.collection:first-child,.collection:nth-child(4){flex:0 0 100%!important;width:100%!important;height:410px!important;grid-column:auto;grid-row:auto;scroll-snap-align:start;scroll-snap-stop:always}.products{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px}.products::-webkit-scrollbar{display:none}.product{flex:0 0 100%!important;width:100%!important;scroll-snap-align:start;scroll-snap-stop:always}.pimg{height:390px}.sample{opacity:1;transform:none}.mobile-controls{display:flex;justify-content:flex-end;gap:6px;margin-top:14px}.mobile-controls button{width:42px;height:42px;border:1px solid var(--line);background:transparent;color:inherit;display:grid;place-items:center}.dark .mobile-controls button{border-color:#555;color:#fff}.material-img{height:340px}.material-copy{padding:38px 20px}.material-copy h2{font-size:46px}.projects{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.project{flex:0 0 100%;height:440px;scroll-snap-align:start;scroll-snap-stop:always}.quote{padding:65px 18px}.quote blockquote{font-size:46px}.faq h2{font-size:48px}.footergrid{gap:28px 20px}.copyright .wrap{flex-direction:column;gap:6px}.results{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.result{flex:0 0 100%;scroll-snap-align:start}.searchbox{padding:22px 15px}
}

/* V2 INTERACTION + CAROUSEL + BUTTON HOVER POLISH */
#ph button,#ph .cta,#ph .tool,#ph .wish,#ph .sample,#ph .drawer .checkout,#ph .hero-nav button,
#ph .mobile-controls button,#ph .socials a,#ph .collection,#ph .project{
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease,opacity .22s ease!important;
}
#ph .cta:hover,#ph .drawer .checkout:hover,#ph .sample:hover{
  background:#171817!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 22px #00000020
}
#ph .dark .sample:hover{background:#fff!important;color:#171817!important}
#ph .tool:not(.menu):hover{background:#ded9cd!important;transform:translateY(-1px)}
#ph .wish:hover{background:#171817!important;color:#fff!important;transform:scale(1.06)}
#ph .wish.active:hover{background:#b94f1f!important}
#ph .hero-nav button:hover{transform:translateY(-2px);border-color:#fff!important}
#ph .mobile-controls button:hover{background:var(--orange)!important;color:#fff!important;border-color:var(--orange)!important}
#ph .collection:hover .cc i,#ph .project:hover .project-copy{transform:translateX(3px)}
#ph .textlink:hover{color:var(--orange)!important;border-color:var(--orange)!important}
#ph .nav>a:hover,#ph .drop>a:hover{color:var(--orange)!important}
#ph .result:hover{background:#ece7dd!important}
#ph .sub a:hover{color:var(--orange)!important}
#ph .carousel-dots{display:none}
@media(max-width:600px){
 #ph [data-slider]{scroll-behavior:smooth!important;overscroll-behavior-x:contain}
 #ph .mobile-controls{display:flex!important;align-items:center!important;justify-content:space-between!important}
 #ph .mobile-controls .carousel-dots{display:flex!important;gap:5px;align-items:center}
 #ph .mobile-controls .carousel-dots button{width:6px!important;height:6px!important;min-width:6px!important;padding:0!important;border:0!important;border-radius:20px!important;background:#aaa69d!important}
 #ph .mobile-controls .carousel-dots button.on{width:25px!important;background:var(--orange)!important}
 #ph .mobile-controls .carousel-arrows{display:flex;gap:6px}
 #ph .mobile-controls .carousel-arrows button{width:42px;height:42px}
 #ph .sample:active,#ph .cta:active,#ph .drawer .checkout:active{transform:scale(.98)}
}