/* FurniTechPH Revision 4 — taller Vexora-proportioned navigation, click-to-expand search,
   stronger editorial hero margins, and restrained paper-grain backgrounds. Loaded after v3. */
:root{--ft-grain:url('../images/ui/grain-soft.png')}
/* Desktop capsule: balanced proportions rather than a tight toolbar. */
.ft-store-body .site-header,.ft-auth-body .site-header{padding:15px clamp(13px,1.5vw,25px)!important}
.ft-navbar{
 max-width:1680px;min-height:73px;padding:9px 12px 9px 19px;
 grid-template-columns:minmax(210px,1fr) auto minmax(200px,1fr);gap:clamp(10px,1.2vw,21px);
 background-image:var(--ft-grain),linear-gradient(105deg,rgba(251,252,251,.95),rgba(237,242,239,.92) 38%,rgba(212,231,237,.93) 74%,rgba(210,229,240,.94));
 background-repeat:repeat,no-repeat;
 border:1px solid rgba(255,255,255,.92);
 box-shadow:0 16px 46px rgba(10,36,38,.16),inset 0 1px 1px rgba(255,255,255,.9);
}
.ft-header.is-scrolled .ft-navbar{min-height:69px;background-image:var(--ft-grain),linear-gradient(105deg,rgba(252,254,252,.97),rgba(225,239,239,.97) 80%)}
.ft-brand{gap:13px!important;letter-spacing:.02em!important;font-size:clamp(14px,1.1vw,17px)!important}
.ft-brand img{width:39px;height:45px}
.ft-brand-wordmark{letter-spacing:.028em;gap:0}
.ft-brand-wordmark .ft-brand-accent{margin-left:.075em}
.ft-brand-wordmark>span:last-child{margin-left:.075em}
.ft-nav{gap:3px}
.ft-nav .nav-link,.ft-nav .nav-link[aria-current="page"],.ft-nav .nav-link.is-current{
 min-height:43px;padding:12px 13px!important;border-radius:999px!important;
 background-color:transparent!important;color:#374d54!important;
 font-size:11px!important;font-weight:750!important;
 transition:background .2s ease,color .2s ease,box-shadow .2s ease;
}
/* Hover: rounded capsule with tiny grain, no persistent active block. */
.ft-nav .nav-link:hover,.ft-nav .nav-link:focus-visible{
 background-color:#175244!important;
 background-image:var(--ft-grain),linear-gradient(110deg,#143e37,#227350 54%,#275b55)!important;
 background-repeat:repeat,no-repeat;
 color:white!important;box-shadow:0 5px 15px rgba(16,65,49,.16);
 outline-offset:3px;
}
.ft-nav .nav-link[aria-current="page"]:not(:hover):not(:focus-visible){background:transparent!important;color:#19483f!important}
.ft-actions{padding:5px;gap:5px}
.ft-actions .ft-icon-button{width:43px;height:43px;flex-basis:43px}
.ft-actions .ft-icon-button:hover,.ft-actions .ft-icon-button:focus-visible,.ft-profile-trigger:hover{
 background:linear-gradient(125deg,#e4f1e9,#d7e8e6);color:#163f37!important;
}
.ft-signin-link{min-height:43px;padding:12px 19px}
.ft-signin-link:hover,.ft-signin-link:focus-visible{background-image:var(--ft-grain),linear-gradient(115deg,#133e37,#247351);color:white!important}
/* Desktop search is initially a single icon; only a click reveals the form. */
.ft-navbar .ft-search-inline{
 display:flex;align-items:center;justify-content:flex-start;gap:0;
 min-width:0;width:43px;height:43px;padding:0;border-radius:999px;
 background:rgba(255,255,255,.89);box-shadow:inset 0 0 0 1px rgba(225,235,234,.95);
 transition:width .28s cubic-bezier(.2,.75,.25,1),background .2s,box-shadow .2s;
 overflow:hidden;
}
.ft-navbar .ft-search-inline.is-expanded{width:clamp(210px,21vw,285px);padding-right:4px;background:#fff;box-shadow:inset 0 0 0 1px #c6dcd4}
.ft-search-expand{
 width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;
 background:transparent;border:0;border-radius:999px;color:#1e4850;cursor:pointer;
}
.ft-search-expand svg{width:19px;height:19px;stroke-linecap:round}
.ft-search-expand:hover,.ft-search-expand:focus-visible{background:#e7f0ec;color:#17533f;outline-offset:-3px}
.ft-search-fields{display:flex;align-items:center;flex:1;gap:4px;min-width:0;height:100%}
.ft-search-fields[hidden]{display:none!important}
.ft-navbar .ft-search-fields input{width:100%;min-width:0;flex:1;height:100%;border:0;outline:0;box-shadow:none;background:transparent;padding:0 3px;font:600 11px var(--ft-body);color:#244441}
.ft-search-fields input::placeholder{color:#85949b;opacity:1}
.ft-navbar .ft-search-submit{width:35px;height:35px;flex-basis:35px}
/* Hero heading stays aligned to Vexora's consistent left inset. */
.ft-store-body .ft-header:has(+ .ft-home){margin-bottom:-102px!important}
.ft-hero-r3.ft-hero-film{padding-top:122px!important;min-height:635px;height:clamp(635px,78vh,795px)}
.ft-hero-r3 .ft-hero-film-inner.container{
 width:min(calc(100% - clamp(72px,8vw,140px)),1330px);
 max-width:1330px;margin-inline:auto;padding-inline:0;
}
.ft-hero-r3 .ft-hero-copy{max-width:610px;padding:26px 0}
.ft-hero-r3 .ft-hero-copy h1{max-width:590px;font-size:clamp(56px,5.25vw,84px);letter-spacing:-.055em;line-height:1.06}
.ft-hero-r3 .ft-hero-copy>p{max-width:450px}
.ft-hero-r3 .ft-hero-actions{margin-top:34px}
/* COLLECTIONS / product cards: understated contrast and layered finishes, not flat white. */
.ft-store-body{
 background-color:#f2f5f2;
 background-image:var(--ft-grain),radial-gradient(ellipse at 85% 6%,rgba(177,202,194,.20),transparent 40%),linear-gradient(155deg,#f4f7f4,#f1f4f2);
 background-repeat:repeat,no-repeat,no-repeat;
}
.ft-store-body .ft-category-section{
 background-image:var(--ft-grain),linear-gradient(155deg,#edf3ef,#e1ebe7 65%,#eaf2f0);
 background-repeat:repeat,no-repeat;
}
.ft-store-body .ft-featured{
 background-image:var(--ft-grain),linear-gradient(160deg,#fbfcfa,#eef4f1 82%);
 background-repeat:repeat,no-repeat;
}
.ft-store-body .ft-adaptable{
 background-image:var(--ft-grain),linear-gradient(125deg,#dcebe3,#e9f0eb 65%,#e1ece8);
 background-repeat:repeat,no-repeat;
}
.ft-store-body .ft-values{
 background-image:var(--ft-grain),linear-gradient(165deg,#edf3f0,#f3f7f4);
 background-repeat:repeat,no-repeat;
}
.ft-store-body .ft-info-page,
.ft-store-body .catalog-page,
.ft-store-body .account-shell,
.ft-store-body .commerce-shell,
.ft-store-body .care-shell{
 background-image:var(--ft-grain),linear-gradient(155deg,rgba(249,251,248,.98),rgba(235,243,239,.93));
 background-repeat:repeat,no-repeat;
}
.ft-store-body .ft-category-card{background:rgba(255,255,255,.91);border:1px solid rgba(204,222,214,.9);box-shadow:0 12px 28px rgba(24,56,46,.055)}
.ft-store-body .ft-category-card:hover{box-shadow:0 24px 48px rgba(14,54,43,.14);transform:translateY(-5px)}
.ft-store-body .ft-featured .catalog-card{border-color:#dce7e1;box-shadow:0 13px 36px rgba(23,48,43,.055)}
.ft-store-body .ft-section-head .ft-kicker{color:#336f58}
.ft-store-body #collection{scroll-margin-top:110px}
/* Responsive behavior: preserve the entire compact header rather than squeeze the 6 links. */
@media(max-width:1320px){
 .ft-navbar{grid-template-columns:minmax(172px,1fr) auto minmax(168px,1fr);gap:8px}
 .ft-nav .nav-link{padding-inline:10px!important}
 .ft-brand{gap:8px!important;font-size:14px!important}
 .ft-navbar .ft-search-inline.is-expanded{width:205px}
}
@media(max-width:1120px){
 .ft-navbar{grid-template-columns:1fr auto;gap:10px}
 .ft-nav{display:none!important}
 .ft-menu-toggle{display:grid!important;place-items:center}
 .ft-navbar .ft-search-inline.is-expanded{width:clamp(160px,25vw,235px)}
}
@media(max-width:700px){
 .ft-store-body .site-header,.ft-auth-body .site-header{padding:10px!important}
 .ft-navbar{min-height:62px;padding:7px 8px 7px 12px;gap:5px}
 .ft-header.is-scrolled .ft-navbar{min-height:60px}
 .ft-brand{gap:7px!important;font-size:12px!important}
 .ft-brand img{width:32px;height:38px}
 .ft-actions{gap:2px;padding:3px}
 .ft-navbar .ft-search-inline{display:none}
 .ft-actions .ft-icon-button{width:35px;height:35px;flex-basis:35px}
 .ft-hero-r3.ft-hero-film{padding-top:119px!important;height:clamp(580px,81svh,740px)}
 .ft-hero-r3 .ft-hero-film-inner.container{width:calc(100% - 44px)}
 .ft-hero-r3 .ft-hero-copy h1{font-size:clamp(43px,9vw,64px)}
}
@media(max-width:410px){.ft-brand-wordmark{font-size:11px}.ft-navbar{gap:3px}.ft-brand img{width:29px}.ft-hero-r3 .ft-hero-film-inner.container{width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){.ft-navbar .ft-search-inline,.ft-nav .nav-link,.ft-store-body .ft-category-card{transition:none!important}}