@font-face{
  font-family:"BaskervilleSite";
  src:url("/static/fonts/BASKERVILLE-BOLD.TTF") format("truetype");
  font-style:normal;
  font-weight:100;
  font-display:swap;
}

/* =========================================================
   SUBLIM8 SHARED BASE
   Header + Login/Account + Footer only.
   Page-specific layout remains in each page CSS file.
   ========================================================= */

:root{
  --sublim8-bg:#fbfaf7;
  --sublim8-panel:#fffdfa;
  --sublim8-ink:#151712;
  --sublim8-green:#344C34;
  --sublim8-line:#e7e0d7;
}


/* SHARED HEADER */
.site > .topbar{
  width:1640px !important;
  height:89px !important;
  margin:0 auto !important;
  padding:0 74px !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:170px 1fr 625px !important;
  align-items:center !important;
  border-bottom:1px solid #ece7e0 !important;
  background:#fcf8f6 !important;
  font-family:"BaskervilleSite", serif !important;
}

.site > .topbar .logo,
.site > .topbar .brand{
  display:flex !important;
  align-items:center !important;
}

.site > .topbar .logo img,
.site > .topbar .brand img{
  width:147px !important;
  height:auto !important;
  display:block !important;
}

.site > .topbar .main-nav,
.site > .topbar nav{
  height:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:50px !important;
  position:relative !important;
  left:40px !important;
}

.site > .topbar .main-nav a,
.site > .topbar nav a{
  font-family:"BaskervilleSite", serif !important;
  font-size:20px !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  position:relative !important;
  white-space:nowrap !important;
  color:#2B2723 !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

.site > .topbar .main-nav a.active::after,
.site > .topbar nav a.active::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:16px !important;
  height:2px !important;
  background:var(--sublim8-green) !important;
}

.site > .topbar .header-tools{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:16px !important;
}

.site > .topbar .search{
  width:294px !important;
  height:40px !important;
  padding:0 16px 0 20px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  border-radius:22px !important;
  background:#f0ece9 !important;
  color:#4d4e49 !important;
  font-family:"Samo Sans Pro","SamoSansPro-Regular",Arial,sans-serif !important;
  font-size:13px !important;
}

.site > .topbar .search b{
  font-family:Arial,sans-serif !important;
  font-size:22px !important;
  font-weight:400 !important;
  line-height:1 !important;
}

.site > .topbar .login-link{
  height:40px !important;
  min-width:92px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:0 14px !important;
  border:1px solid #151712 !important;
  border-radius:22px !important;
  background:#FEEFEF !important;
  color:#111 !important;
  text-decoration:none !important;
  font-family:Roboto,Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

.site > .topbar .login-link:hover{
  background:#f0ece9 !important;
}

.site > .topbar .login-link img{
  width:21px !important;
  height:21px !important;
  object-fit:contain !important;
  display:block !important;
}

.site > .topbar .header-tools button{
  width:28px !important;
  height:30px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  background:transparent !important;
  color:#111 !important;
  font-size:24px !important;
  line-height:1 !important;
  cursor:pointer !important;
}

/* SHARED FOOTER */
.site > footer{
  font-family:Arial,Helvetica,sans-serif !important;
  position:relative !important;
  min-height:0 !important;
  height:auto !important;
  padding:28px 0 0 !important;
  background:#f8f5ef !important;
  border-top:1px solid #eee7df !important;
  overflow:hidden !important;
}
.site > footer .leaf,
.site > footer .fern{
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  width:250px !important;
  background:url("../images/Fern_Artwork.png") center/cover no-repeat !important;
  opacity:.30 !important;
  pointer-events:none !important;
}
.site > footer .left,
.site > footer .leaf-left,
.site > footer .fern.left{left:0 !important}
.site > footer .right,
.site > footer .leaf-right,
.site > footer .fern.right{
  right:0 !important;
  transform:scaleX(-1) !important;
}
.site > footer .footer-grid,
.site > footer .footer-main{
  position:relative !important;
  z-index:2 !important;
  width:1420px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1.45fr .8fr 1fr .8fr 1fr 1.2fr !important;
  gap:42px !important;
  align-items:start !important;
  padding:0 0 24px !important;
}
.site > footer .fbrand img,
.site > footer .footer-brand img{width:175px !important}
.site > footer .fbrand p,
.site > footer .footer-brand p,
.site > footer .helpbox p,
.site > footer .help-box p,
.site > footer .support-box p{
  font-size:11px !important;
  line-height:1.45 !important;
}
.site > footer h3{
  font-family:Georgia,serif !important;
  font-size:16px !important;
  margin:0 0 13px !important;
}
.site > footer .footer-col{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}
.site > footer .footer-col h3::after{
  content:"" !important;
  display:block !important;
  width:27px !important;
  height:2px !important;
  background:#c28a42 !important;
  margin-top:9px !important;
}
.site > footer a{
  font-size:11px !important;
  line-height:1.45 !important;
  margin:0 0 8px !important;
  text-decoration:none !important;
}
.site > footer .tools-col a{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}
.site > footer .tools-col a img{
  width:24px !important;
  height:24px !important;
  object-fit:contain !important;
}
.site > footer .footer-bottom,
.site > footer .sublim8-footer-bottom{
  position:relative !important;
  z-index:2 !important;
  height:72px !important;
  margin:0 40px !important;
  border-top:1px solid #ddd6ce !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:32px !important;
  font-size:11px !important;
}
.site > footer .copyright{white-space:nowrap !important}
.site > footer .footer-trust,
.site > footer .trust{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:20px !important;
  white-space:nowrap !important;
}
.site > footer .footer-trust span,
.site > footer .trust span{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  font-size:11px !important;
}
.site > footer .footer-trust img,
.site > footer .trust img{
  width:27px !important;
  height:27px !important;
  object-fit:contain !important;
}
.site > footer .footer-trust i,
.site > footer .trust i{font-style:normal !important}
.site > footer .footer-payments{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
}
.site > footer .footer-payments img{
  width:auto !important;
  height:30px !important;
  max-width:58px !important;
  object-fit:contain !important;
  display:block !important;
}