/* ══════════════════════════════════════════════════════════════
   FACCO — footer.css  v6.0  |  Dark zone
══════════════════════════════════════════════════════════════ */

.site-footer {
  background: var(--dk-0);
  border-top: 1px solid rgba(138,110,56,.10);
  padding: 52px 0 26px;
}

.footer-grid {
  max-width: var(--mw); margin: 0 auto; padding: 0 var(--g);
  display: grid; grid-template-columns: 1.7fr .9fr .9fr 1.15fr;
  gap: 32px; margin-bottom: 32px;
}

.footer-brand {
  font-family: var(--fd); font-size: 26px; font-weight: 600;
  letter-spacing: .24em; color: var(--dk-t); margin-bottom: 10px;
}
.footer-intro {
  max-width: 34ch;
  font-family: var(--fb); font-size: 14px; font-weight: 300;
  color: var(--dk-d); margin-bottom: 18px; line-height: 1.68;
}

.footer-contact-item { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; }
.footer-contact-item svg { width: 11px; height: 11px; margin-top: 3px; fill: var(--red); flex-shrink: 0; }
.footer-contact-item span,
.footer-contact-item a {
  font-family: var(--fb); font-size: 13px; letter-spacing: .01em;
  color: var(--dk-m); line-height: 1.70; transition: color var(--tf);
}
.footer-contact-item a:hover,
.footer-links a:hover { color: var(--gold-l); }

.footer-col__title {
  font-family: var(--fb); font-size: 10px; font-weight: 500;
  letter-spacing: .18em; text-transform: uppercase;
  color: var(--dk-d); margin-bottom: 14px;
  padding-bottom: 10px; border-bottom: 1px solid rgba(138,110,56,.11);
}

.footer-links li { margin-bottom: 9px; }
.footer-links a  { font-family: var(--fb); font-size: 13px; color: var(--dk-m); transition: color var(--tf); }

.newsletter-form {
  display: flex; border: 1px solid rgba(138,110,56,.26);
  margin-top: 4px; border-radius: var(--r-full); overflow: hidden;
}
.newsletter-form input {
  flex: 1; background: transparent; border: none; outline: none;
  padding: 11px 14px; font-family: var(--fb); font-size: 13px; color: var(--dk-t);
}
.newsletter-form input::placeholder { color: var(--dk-m); }
.newsletter-form button { background: var(--red); padding: 0 14px; transition: background var(--tf); cursor: pointer; }
.newsletter-form button:hover { background: var(--red-d); }
.newsletter-form button svg { width: 13px; height: 13px; fill: white; display: block; }

.social-links { display: flex; gap: 9px; margin-top: 16px; }
.social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 50%;
  color: rgba(245,245,240,.6);
  transition: color .2s ease, border-color .2s ease, background .2s ease;
}
.social-links a:hover {
  color: #fff;
  border-color: rgba(255,255,255,.4);
  background: rgba(255,255,255,.06);
}

.footer-note {
  margin-top: 16px;
  font-family: var(--fb); font-size: 10px; line-height: 1.80;
  letter-spacing: .11em; color: var(--dk-m); text-transform: uppercase;
}
.footer-note span { color: var(--red-s); }

.footer-bottom {
  max-width: var(--mw); margin: 0 auto; padding: 20px var(--g) 0;
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  border-top: 1px solid rgba(138,110,56,.09);
}
.footer-copy { font-family: var(--fb); font-size: 10px; letter-spacing: .12em; color: var(--dk-m); text-transform: uppercase; }
.footer-jp   { font-family: var(--fj); font-size: 10px; letter-spacing: .18em; color: var(--gold-m); }


.newsletter-message {
  min-height: 20px;
  margin-top: 8px;
  font-family: var(--fb);
  font-size: 12px;
  line-height: 1.5;
  color: var(--dk-d);
}
.newsletter-message.is-success { color: var(--gold-w); }
.newsletter-message.is-error { color: var(--red-s); }

@media (max-width: 900px) {
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
}



/* ═════════ FACCO Arte-style multipage upgrade ═════════ */
:root {
  --color-bg:#0a0a0a; --color-surface:#141414; --color-surface-2:#1e1e1e; --color-text:#f5f5f0; --color-text-muted:#a0a0a0; --color-accent:#D40020; --color-gold:#b89a6a; --color-border:rgba(255,255,255,.08); --color-border-hover:rgba(255,255,255,.2); --color-zone-light:#f8f6f1; --color-zone-light-text:#1a1a1a;    --gap:clamp(20px,5vw,80px); --section-gap:clamp(80px,12vw,160px); --container:1440px; --header-h:72px; --header-h-mobile:60px; --ease-out:cubic-bezier(.25,.1,.25,1); --ease-luxury:cubic-bezier(.16,1,.3,1); --dur-fast:.2s; --dur-mid:.4s; --dur-slow:.7s; --shadow-card:0 4px 24px rgba(0,0,0,.12); --shadow-hover:0 8px 40px rgba(0,0,0,.2); --radius-sm:4px; --radius-md:8px; --radius-pill:100px;
}
.site-header{height:var(--header-h);background:transparent;border-bottom:1px solid transparent;backdrop-filter:none;-webkit-backdrop-filter:none;gap:24px;}
.site-header.is-scrolled,.nav-open .site-header{background:rgba(10,10,10,.95);border-bottom-color:rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:none;}
.site-logo{display:block;flex-shrink:0}.site-logo__img{height:54px;width:auto}.site-nav{margin:0 auto;display:flex;align-items:center;gap:4px}.nav-item{position:relative}.site-nav__link{color:rgba(245,245,240,.72);font-family:var(--fb);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.site-nav__link:hover,.site-nav__link[aria-current="page"]{color:#fff}.header-util{display:flex;align-items:center;gap:16px}.util-link{color:rgba(245,245,240,.72);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.util-link:hover{color:#fff}.lang-switcher__btn{color:rgba(245,245,240,.6)}.mega-panel{position:fixed;top:var(--header-h);left:0;width:100vw;background:#0a0a0a;padding:48px var(--gap);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility .25s;pointer-events:none;border-top:1px solid rgba(255,255,255,.08)}.has-mega:hover .mega-panel,.has-mega.is-open .mega-panel{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mega-panel__title{font-family:var(--fb);color:var(--color-gold);font-size:13px;margin:0 0 16px}.mega-panel a{display:block;color:rgba(245,245,240,.72);padding:7px 0;font-size:14px}.mega-panel a:hover{color:#fff}.hero{height:100svh;min-height:640px;position:relative;overflow:hidden;background:#0a0a0a}.hero__bg,.hero__bg span{position:absolute;inset:0}.hero__bg span{background-size:cover;background-position:center;opacity:0;animation:faccoHeroFade 18s infinite;transform:scale(1.05)}.hero__bg span:nth-child(2){animation-delay:6s}.hero__bg span:nth-child(3){animation-delay:12s}@keyframes faccoHeroFade{0%,100%{opacity:0;transform:scale(1.05)}8%,32%{opacity:1;transform:scale(1)}}.hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,rgba(0,0,0,.55) 100%)}.hero__content{position:absolute;left:var(--gap);bottom:15%;max-width:640px;z-index:2;color:#fff}.hero__eyebrow,.eyebrow{font-family:var(--fb);letter-spacing:.16em;color:var(--color-gold);text-transform:uppercase}.hero__title{font-family:var(--fd);font-size:clamp(40px,6vw,80px);line-height:.95;color:#fff;margin:18px 0 28px}.btn--white{background:#f5f5f0;color:#0a0a0a;border-color:#f5f5f0}.scroll-cue{position:absolute;right:var(--gap);bottom:36px;z-index:2;color:#fff;display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.scroll-cue__line{width:1px;height:54px;background:linear-gradient(to bottom,#fff,transparent);animation:scrollCue 1.8s infinite}@keyframes scrollCue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}.campaign-section{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:#f8f6f1;color:#1a1a1a}.campaign-image img{width:100%;height:100%;object-fit:cover;display:block}.campaign-content{padding:var(--section-gap) var(--gap);display:flex;flex-direction:column;justify-content:center}.campaign-content h2{font-family:var(--fd);font-size:clamp(36px,4vw,64px);line-height:1;margin:18px 0}.campaign-content p{font-size:17px;color:#5b5248;max-width:560px}.product-grid--featured{grid-template-columns:repeat(3,minmax(0,1fr));}.see-more,.load-more{text-align:center;margin-top:36px}.page-hero{min-height:48svh;background:#0a0a0a;color:#fff;display:flex;align-items:end;padding:calc(var(--header-h) + 72px) var(--gap) 72px;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(184,154,106,.18),transparent 30%),linear-gradient(to bottom,rgba(0,0,0,.35),#0a0a0a)}.page-hero__inner{position:relative;max-width:860px}.page-hero h1{font-family:var(--fd);font-size:clamp(48px,7vw,110px);line-height:.95;margin:14px 0}.page-hero p{color:rgba(245,245,240,.72);font-size:18px}.filter-bar{position:sticky;top:var(--header-h);z-index:50;background:#f8f6f1;color:#1a1a1a;border-bottom:1px solid rgba(26,22,18,.1);display:flex;align-items:center;gap:16px;padding:12px var(--gap);flex-wrap:wrap}.filter-groups{display:flex;gap:10px;flex-wrap:wrap}.filter-group{position:relative}.filter-group__trigger,.sort-select,.filter-chip{border:1px solid rgba(26,22,18,.14);background:#fff;border-radius:999px;padding:10px 15px;font-family:var(--fb);cursor:pointer}.filter-group__trigger:focus-visible,.sort-select:focus-visible,.filter-chip:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.filter-group__dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.14);border:1px solid rgba(26,22,18,.1);border-radius:12px;padding:14px;min-width:230px;display:none}.filter-group.is-open .filter-group__dropdown{display:grid;gap:9px}.filter-group__dropdown label{display:flex;align-items:center;gap:8px;white-space:nowrap}.filter-meta{margin-left:auto;display:flex;align-items:center;gap:14px}.active-filters{width:100%;display:flex;gap:8px;flex-wrap:wrap}.filter-chip{background:#0a0a0a;color:#fff;padding:7px 11px}.site-footer{background:#0a0a0a;color:#f5f5f0}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.25fr;gap:48px;padding:72px var(--gap);max-width:var(--container);margin:auto}.footer-col img{height:54px;width:auto;margin-bottom:18px}.footer-col__title{color:var(--color-gold);font-family:var(--fb);letter-spacing:.1em;text-transform:uppercase}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col a,.footer-col p,.footer-col address{color:rgba(245,245,240,.68);font-style:normal}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:20px var(--gap);display:flex;justify-content:space-between;gap:18px;color:rgba(245,245,240,.58)}.social-links{display:flex;gap:10px;margin-top:18px}.social-links a{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 10px}.reveal{opacity:0;transform:translateY(32px);transition:opacity var(--dur-slow) var(--ease-luxury),transform var(--dur-slow) var(--ease-luxury)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal--d1{transition-delay:.1s}.reveal--d2{transition-delay:.2s}.reveal--d3{transition-delay:.3s}.collection-card,.about-policy{background:#fff;border:1px solid rgba(26,22,18,.08);padding:28px;border-radius:14px;box-shadow:var(--shadow-card)}.collection-card span{color:var(--color-gold);font-family:var(--fb)}.collection-card h3{font-family:var(--fd);font-size:28px;margin:12px 0}.narrow{max-width:820px}.site-nav a[aria-current="page"]:after{transform:scaleX(1)}
@media (max-width:900px){.site-header{height:var(--header-h-mobile);padding:0 16px;background:rgba(10,10,10,.95);backdrop-filter:blur(20px)}.site-logo__img{height:40px}.header-util{display:none}.mobile-toggle{display:flex}.site-nav{position:fixed;top:var(--header-h-mobile);left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:#0a0a0a;padding:18px 20px 28px;margin:0;border-top:1px solid rgba(255,255,255,.08)}.site-nav.is-open{display:flex}.nav-item{width:100%}.site-nav__link{display:block;padding:14px 0}.mega-panel{position:static;width:auto;grid-template-columns:1fr;padding:18px 0;display:none;opacity:1;visibility:visible;transform:none;border-top:1px solid rgba(255,255,255,.08)}.has-mega.is-open .mega-panel{display:grid}.campaign-section{grid-template-columns:1fr}.campaign-image{min-height:360px}.product-grid--featured{grid-template-columns:1fr 1fr}.filter-bar{top:var(--header-h-mobile);overflow-x:auto;display:block}.filter-groups,.filter-meta{width:max-content;margin-left:0;margin-bottom:10px}.footer-top{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}.hero{min-height:620px}}@media (max-width:640px){.product-grid--featured{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.page-hero{min-height:380px}.scroll-cue{display:none}.filter-group__dropdown{position:fixed;left:16px;right:16px;top:118px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}




/* ── FACCO v8.0 — Modern Sans + Left Align Fix ── */
:root{
  --fd:'Jost','Helvetica Neue',Arial,system-ui,sans-serif;
  --fb:'Jost','Helvetica Neue',Arial,system-ui,sans-serif;
  --fj:'Jost','Helvetica Neue',Arial,system-ui,sans-serif;
  --font-serif:var(--fd);
  --font-sans:var(--fb);
  --font-jp:var(--fb);
  --fs-body:15px;
  --fs-sm:13px;
  --fs-xs:12px;
  --lh-body:1.68;
  --lh-tight:1.12;
}
body{font-family:var(--fb);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
h1,h2,h3,h4,h5,h6,.hero__title,.page-hero h1,.section-heading h2,.section-title,.product-card__name,.project-card__title,.about-card__title,.visual-gallery__head h1{font-family:var(--fd);font-style:normal;font-weight:400;letter-spacing:-.02em;line-height:var(--lh-tight);}
.hero__title{font-family:var(--fd);font-style:normal;font-weight:400;font-size:clamp(44px,6vw,88px);letter-spacing:-.025em;line-height:1.05;}
.hero-board__name,.page-hero h1{font-family:var(--fd);font-style:normal;font-weight:400;}
.site-nav__link,.util-link,.lang-switcher__btn,.btn,.eyebrow,.section-heading__eyebrow,.hero__eyebrow,.product-card__meta,.mega-panel__title,.footer-col__title,.curated-products__eyebrow{font-family:var(--fb);font-style:normal;font-weight:500;letter-spacing:.10em;text-transform:uppercase;}
.site-header{background:rgba(12,12,12,.9);backdrop-filter:blur(18px);}
.site-nav{gap:clamp(26px,3.8vw,62px);}
.site-nav__link{color:rgba(255,255,255,.88);font-size:12px;}
.util-link,.lang-switcher__btn{color:rgba(255,255,255,.82);font-size:12px;}
.section-heading,.section-lead,.curated-products__intro,.curated-products__cta,.catalogue-note{text-align:left;}
.section-lead{max-width:62ch;margin-left:0;margin-right:auto;}
.curated-products__intro,.curated-products__cta{max-width:760px;margin-left:0;margin-right:auto;}
.see-more,.load-more,.toast,.testi-note{text-align:center;}

/* ── EXTRA MOBILE FOOTER IMPROVEMENTS ── */
@media (max-width: 640px) {
  .site-footer { padding: 40px 0 20px; }
  .footer-grid { gap: 24px; }
  
  /* Footer title rõ hơn */
  .footer-col__title {
    font-size: 11px;
    margin-bottom: 12px;
    padding-bottom: 8px;
  }
  
  /* Links easier to tap */
  .footer-links li { margin-bottom: 12px; }
  .footer-links a { font-size: 14px; }
  
  /* Social links larger hit target on mobile */
  .social-links a {
    width: 44px; height: 44px;
  }
  
  /* Footer contact items */
  .footer-contact-item { margin-bottom: 12px; }
  .footer-contact-item span,
  .footer-contact-item a { font-size: 14px; }

  /* Newsletter form mobile */
  .newsletter-form { flex-direction: column; border-radius: 8px; }
  .newsletter-form input { padding: 14px; border-radius: 8px 8px 0 0; }
  .newsletter-form button { padding: 12px; border-radius: 0 0 8px 8px; justify-content: center; display: flex; }
  .newsletter-form button svg { width: 16px; height: 16px; }
  
  /* Footer bottom text */
  .footer-copy, .footer-jp { font-size: 11px; }
}

@media (max-width: 900px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
}

/* ════════════════════════════════════════════════
   ARTE-STYLE FOOTER FINAL OVERRIDES
═════════════════════════════════════════════════ */
.footer-col a,.footer-links a,.footer-col p,.footer-col address{
  font-size:12px !important;
  font-weight:300 !important;
}
.footer-col__title{font-size:10px;letter-spacing:.18em;font-weight:500;}