/* FurniTechPH Revision 5 — Vexora-inspired mobile/tablet capsule and side drawer.
   Desktop Revision 4 remains unchanged. This layer is deliberately last. */
@media (max-width:1120px) {
  .ft-store-body .site-header,.ft-auth-body .site-header {padding:12px 14px!important}
  .ft-navbar,.ft-header.is-scrolled .ft-navbar {
    display:grid!important;grid-template-columns:48px minmax(0,1fr) 100px!important;
    min-height:70px!important;padding:8px 12px!important;gap:4px!important;
    position:relative!important;align-items:center!important;
  }
  .ft-mobile-menu-launch.ft-menu-toggle {
    display:grid!important;grid-column:1;grid-row:1;justify-self:start;place-items:center;
    width:45px;height:45px;padding:10px;background:transparent!important;
    color:#173b37;border:0!important;border-radius:999px;cursor:pointer;
  }
  .ft-mobile-menu-launch.ft-menu-toggle svg{width:22px;height:22px}
  .ft-mobile-menu-launch:hover,.ft-mobile-menu-launch:focus-visible{background:#deebe6!important;outline-offset:2px}
  .ft-navbar>.ft-brand {
    display:flex!important;grid-column:unset!important;grid-row:unset!important;justify-self:center!important;
    position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);
    align-items:center;min-width:0;max-width:calc(100% - 198px);gap:10px!important;
    font-size:clamp(13px,1.65vw,17px)!important;letter-spacing:.025em!important;
  }
  .ft-navbar>.ft-brand img {width:41px!important;height:43px!important;object-fit:contain}
  .ft-navbar>.ft-brand .ft-brand-wordmark {min-width:0;letter-spacing:.035em!important}
  .ft-navbar>.ft-actions {
    display:flex;grid-column:3;grid-row:1;justify-self:end!important;
    padding:2px!important;gap:3px!important;background:transparent!important;border:0!important;
  }
  .ft-navbar .ft-nav {display:none!important}
  .ft-navbar .ft-search-inline,.ft-navbar .ft-signin-link,.ft-navbar .ft-profile {display:none!important}
  .ft-navbar .ft-search-trigger{display:grid!important;place-items:center}
  .ft-navbar .ft-actions .ft-icon-button{
    width:43px!important;height:43px!important;flex:0 0 43px!important;
    background:rgba(255,255,255,.72);border-radius:50%;padding:10px!important;
  }
  .ft-navbar .ft-actions .ft-icon-button svg{width:20px;height:20px}
  .ft-navbar .ft-search-panel {z-index:20;right:2px;max-width:calc(100vw - 28px)}
  .ft-drawer-backdrop:not([hidden]){
    display:block!important;position:fixed;inset:0;z-index:950;
    background:rgba(11,25,28,.46);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
    animation:ft-r5-backdrop .2s ease;
  }
  .ft-mobile-drawer.ft-mobile-nav {
    display:flex!important;flex-direction:column!important;
    position:fixed!important;inset:0 auto 0 0!important;
    z-index:960!important;width:min(400px,calc(100vw - 62px))!important;
    height:100dvh!important;max-width:400px!important;max-height:100dvh!important;
    margin:0!important;padding:0!important;
    border:0!important;border-radius:0 32px 32px 0!important;
    background:#fff!important;box-shadow:20px 0 70px rgba(6,25,24,.23)!important;
    overflow:hidden!important;visibility:hidden;opacity:0;
    transform:translateX(-105%)!important;pointer-events:none;
    transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .25s,visibility .25s;
  }
  .ft-mobile-drawer.ft-mobile-nav.is-open{
    display:flex!important;visibility:visible;opacity:1;pointer-events:auto;
    transform:translateX(0)!important;
  }
  .ft-drawer-header{
    display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;
    min-height:79px;padding:14px 21px 13px;border-bottom:1px solid #e8ecef;
  }
  .ft-drawer-brand{display:flex;align-items:center;gap:11px;color:#153439!important;text-decoration:none;font:800 14px 'Plus Jakarta Sans',sans-serif;letter-spacing:.035em}
  .ft-drawer-brand img{width:42px;height:42px;object-fit:contain}
  .ft-drawer-close {display:grid;place-items:center;width:42px;height:42px;background:#f3f5f6;border:0;border-radius:50%;color:#263d44;cursor:pointer}
  .ft-drawer-close svg{width:20px;height:20px}
  .ft-drawer-close:hover,.ft-drawer-close:focus-visible{background:#e7f1ec;outline-offset:2px}
  .ft-drawer-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 21px 28px;scrollbar-width:thin;scrollbar-color:#bfcac5 transparent}
  .ft-drawer-account{display:flex;flex-direction:column;gap:10px;padding:18px 17px;border-radius:17px;border:1px solid #dde6e5;background:linear-gradient(152deg,#f9faf9,#f3f6f5)}
  .ft-drawer-eyebrow {display:block;margin:0;font:800 9px/1.6 'Manrope',sans-serif;letter-spacing:.18em;color:#91a0a8}
  .ft-drawer-account-title{font:800 14px/1.35 'Plus Jakarta Sans',sans-serif;color:#223f43}
  .ft-drawer-account p{margin:0 0 6px;color:#71858a;font:500 11px/1.7 'Manrope',sans-serif}
  .ft-mobile-drawer .ft-drawer-solid,.ft-mobile-drawer .ft-drawer-outline {
    display:flex!important;align-items:center;justify-content:center;
    min-height:42px;padding:11px 12px!important;border-radius:11px!important;
    font:800 10px/1.3 'Manrope',sans-serif!important;letter-spacing:.07em;
    text-decoration:none!important;
  }
  .ft-mobile-drawer .ft-drawer-solid{color:#fff!important;background:linear-gradient(110deg,#112f2d,#1b5041)!important;border:1px solid #183a33}
  .ft-mobile-drawer .ft-drawer-outline{color:#254f43!important;background:#fff!important;border:1px solid #d7e3df!important}
  .ft-mobile-drawer .ft-drawer-solid:hover,.ft-mobile-drawer .ft-drawer-solid:focus-visible{background:#266552!important}
  .ft-mobile-drawer .ft-drawer-outline:hover,.ft-mobile-drawer .ft-drawer-outline:focus-visible{background:#eaf4ef!important}
  .ft-drawer-identity{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:5px}
  .ft-drawer-avatar{width:41px;height:41px;flex:0 0 41px;display:grid;place-items:center;border-radius:50%;background:#ddece6;color:#174a3a;font:800 12px 'Manrope',sans-serif}
  .ft-drawer-identity div{min-width:0;display:grid;gap:3px}
  .ft-drawer-identity strong{color:#183a35;font-size:12px;overflow-wrap:anywhere}
  .ft-drawer-identity small{color:#71858a;font-size:10px;overflow-wrap:anywhere}
  .ft-drawer-section-title{margin:25px 9px 9px}
  .ft-mobile-drawer .ft-drawer-links {display:flex!important;flex-direction:column;gap:3px;min-height:0}
  .ft-mobile-drawer .ft-drawer-links a {
    display:flex!important;align-items:center;min-height:48px;
    padding:13px 14px!important;border:0!important;border-radius:12px!important;
    color:#3c5259!important;background:transparent!important;
    font:750 13px 'Manrope',sans-serif!important;text-decoration:none!important;
    transition:background .18s,color .18s;
  }
  .ft-mobile-drawer .ft-drawer-links a[aria-current="page"] {
    background:#122f35!important;color:#fff!important;
  }
  .ft-mobile-drawer .ft-drawer-links a:not([aria-current="page"]):hover,
  .ft-mobile-drawer .ft-drawer-links a:not([aria-current="page"]):focus-visible {
    background:#e5f1eb!important;color:#194a3e!important;
  }
  .ft-drawer-footer{display:flex;flex-direction:column;align-items:stretch;gap:22px;flex:0 0 auto;padding:19px 21px 21px;border-top:1px solid #e8ecee;background:#fff}
  .ft-drawer-footer>a,.ft-drawer-footer button{border:0;background:transparent;padding:0;text-decoration:none;color:#233b43;text-align:left;font:750 11px 'Manrope',sans-serif;cursor:pointer}
  .ft-drawer-footer small{text-align:center;color:#a5b1b8;font:750 9px 'Manrope',sans-serif;letter-spacing:.14em}
  .ft-drawer-footer form{margin:0}
  .ft-drawer-is-open{overflow:hidden!important}
}
@media (max-width:700px){
 .ft-store-body .site-header,.ft-auth-body .site-header{padding:10px 12px!important}
 .ft-navbar,.ft-header.is-scrolled .ft-navbar{
   grid-template-columns:39px minmax(0,1fr) 82px!important;
   min-height:61px!important;padding:7px 9px!important;gap:1px!important;
 }
 .ft-mobile-menu-launch.ft-menu-toggle{width:38px;height:40px;padding:8px}
 .ft-mobile-menu-launch.ft-menu-toggle svg{width:20px;height:20px}
 .ft-navbar>.ft-brand{gap:5px!important;font-size:clamp(11px,3vw,14px)!important;max-width:calc(100% - 136px)}
 .ft-navbar>.ft-brand img{width:31px!important;height:35px!important}
 .ft-navbar>.ft-actions{gap:1px!important;padding:0!important}
 .ft-navbar .ft-actions .ft-icon-button{width:38px!important;height:38px!important;flex-basis:38px!important;padding:9px!important}
 .ft-navbar .ft-actions .ft-icon-button svg{width:19px}
 .ft-navbar .ft-search-panel{right:0;top:calc(100% + 9px)}
 .ft-drawer-header{min-height:73px}
 .ft-hero-r3 .ft-hero-copy h1 em{
   color:#b8e3ce!important;
   background-image:linear-gradient(100deg,#edf9f2 0%,#b5e5cf 50%,#8fceb8 100%);
   -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 }
}
@media (max-width:375px){
 .ft-navbar,.ft-header.is-scrolled .ft-navbar{grid-template-columns:36px minmax(0,1fr) 76px!important;padding-inline:7px!important}
 .ft-navbar>.ft-brand{font-size:11px!important;gap:3px!important;max-width:calc(100% - 122px)}
 .ft-navbar>.ft-brand img{width:26px!important;height:31px!important}
 .ft-navbar .ft-actions .ft-icon-button{width:36px!important;height:36px!important;flex-basis:36px!important;padding:8px!important}
}
/* Two-tone title, chosen for legibility over the dark hero overlay, not a loud neon gradient. */
.ft-hero-r3 .ft-hero-copy h1 em{
  color:#c4e9d7!important;
  background:linear-gradient(105deg,#f0fcf4 0%,#c4ead9 36%,#9bd5c0 74%,#92cdb9);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
@keyframes ft-r5-backdrop{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
 .ft-mobile-drawer.ft-mobile-nav,.ft-drawer-backdrop{transition:none!important;animation:none!important}
}