/* ==========================================================================
   Vickerey main-site footer - "comfort" restyle, 2026-10-24
   Scoped: every rule lives under .vkf26 so it cannot leak to the header,
   product pages or the cart/checkout footer (#footer2026 in Checkout Wrapper).
   Look matches the site + cart restyle (--vkc-* values copied, not linked).
   Upload to /lib/vickerey/vk-footer-comfort-20261024.css
   ========================================================================== */
.vkf26{
  --f-ink:#1c1c1c; --f-ink2:#3a3a38; --f-text:#5b534a; --f-mute:#6a6a66;
  --f-line:#e4e4e0; --f-line2:#d9d4cb; --f-cream:#f7f4ef; --f-card:#ffffff;
  --f-rust:#b9542f; --f-rust-dk:#9a4526; --f-focus:#1a5fb4; --f-r:10px;
  --f-sans:"Manrope","Open Sans",Arial,sans-serif;
  --f-mark:"Avenir Next","AvenirNext-UltraLight","Avenir Next Ultra Light",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;
  display:block; clear:both; box-sizing:border-box; width:100%;
  background:var(--f-cream); color:var(--f-text);
  border-top:1px solid var(--f-line2);
  padding:48px 24px 22px; margin:0;
  font:400 14px/1.65 var(--f-sans); text-align:left; letter-spacing:0; text-transform:none;
  -webkit-text-size-adjust:100%;
}
.vkf26 *,.vkf26 *::before,.vkf26 *::after{box-sizing:border-box}
.vkf26 ul{list-style:none;margin:0;padding:0}
.vkf26 li{margin:0;padding:0;list-style:none;background:none}
.vkf26 p{margin:0;padding:0;font:inherit;color:inherit}
.vkf26 a{color:var(--f-ink2);text-decoration:none;background:none;border:0;transition:color .15s ease}
.vkf26 a:hover{color:var(--f-rust);text-decoration:underline;text-underline-offset:3px}
.vkf26 a:focus-visible{outline:3px solid var(--f-focus);outline-offset:3px;border-radius:3px}

/* layout: 4 columns on desktop */
.vkf26-inner{
  max-width:1200px; margin:0 auto;
  display:grid; gap:36px 36px;
  grid-template-columns:minmax(250px,1.2fr) minmax(0,2.3fr) 100px 210px;
  grid-template-areas:"about service shop social" "secure secure secure secure";
  align-items:start;
}
.vkf26-about{grid-area:about}
.vkf26-service{grid-area:service}
.vkf26-shop{grid-area:shop}
.vkf26-social{grid-area:social}
.vkf26-secure{grid-area:secure}

/* headings */
.vkf26 .vkf26-title{
  font:700 11px/1.4 var(--f-sans); letter-spacing:.16em; text-transform:uppercase;
  color:var(--f-ink); margin:0 0 16px; padding:0 0 10px; border:0; border-bottom:1px solid var(--f-line2);
  background:none; text-align:left;
}
.vkf26 .vkf26-lead{color:var(--f-text);margin:0 0 12px;font-size:14px}

/* heading that is a link (Concierge) */
.vkf26 .vkf26-title a{color:var(--f-ink);font:inherit;letter-spacing:inherit;text-transform:inherit}
.vkf26 .vkf26-title a:hover{color:var(--f-rust);text-decoration:none}

/* About (copy verbatim from live footer) */
.vkf26 .vkf26-aboutp{font-size:14px;line-height:1.75;color:var(--f-text);max-width:46ch}
.vkf26 .vkf26-logo{
  font-family:var(--f-mark); font-weight:200; font-size:1.08em;
  letter-spacing:.2em; color:var(--f-ink); text-transform:uppercase;
}
.vkf26 .vkf26-more{margin-top:14px;font-size:13px}
.vkf26 .vkf26-more a{color:var(--f-ink);font-weight:600;border-bottom:1px solid var(--f-line2)}
.vkf26 .vkf26-more a:hover{color:var(--f-rust);border-bottom-color:var(--f-rust);text-decoration:none}

/* link lists */
.vkf26 .vkf26-list li{margin:0 0 4px}
.vkf26 .vkf26-list a{display:inline-block;padding:4px 0;font-size:14px;font-weight:500}
.vkf26 .vkf26-note{display:block;font-size:12.5px;line-height:1.45;color:var(--f-mute);margin:0 0 8px}

/* social icons */
.vkf26 .vkf26-icons{display:flex;flex-wrap:wrap;gap:10px;margin:2px 0 0}
.vkf26 .vkf26-icons a{
  display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
  background:var(--f-card);border:1px solid var(--f-line2);color:var(--f-ink);
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.vkf26 .vkf26-icons a:hover{background:var(--f-ink);color:#fff;border-color:var(--f-ink);text-decoration:none}
.vkf26 .vkf26-icons svg{width:19px;height:19px;fill:currentColor;display:block}

/* Customer Service main set: Ordering & Payment | Shipping Info | Easy Returns in one row (sublines kept) */
.vkf26 .vkf26-main-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:0}
.vkf26 .vkf26-main-row li{flex:1 1 0;min-width:150px;margin:0;padding:0 22px;border-left:1px solid var(--f-line2)}
.vkf26 .vkf26-main-row li:first-child{padding-left:0;border-left:0}
.vkf26 .vkf26-main-row li:last-child{padding-right:0}
.vkf26 .vkf26-main-row a{display:inline-block;padding:4px 0;font-size:14px;font-weight:500}
.vkf26 .vkf26-main-row .vkf26-note{margin:0}

/* email directly under the Stay in touch column (below the VOOM link) */
.vkf26 .vkf26-email{margin-top:6px;font-size:14px}
.vkf26 .vkf26-email a{display:inline-block;padding:6px 0;font-weight:500;overflow-wrap:anywhere}

/* secure-checkout band (full width) */
.vkf26-secure{
  display:flex;align-items:center;gap:18px;
  background:var(--f-card);border:1px solid var(--f-line2);border-radius:var(--f-r);
  padding:18px 24px;
}
.vkf26 .vkf26-lock{
  flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;
  background:#f6ece7;color:var(--f-rust);
}
.vkf26 .vkf26-lock svg{width:18px;height:18px;fill:currentColor;display:block}
.vkf26 .vkf26-secure-text{flex:1 1 auto;min-width:0}
.vkf26 .vkf26-secure-h{font:700 11px/1.4 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--f-ink);margin:0 0 3px}
.vkf26 .vkf26-secure-p{font-size:14px;line-height:1.55;color:var(--f-text)}
.vkf26 .vkf26-pp{font-weight:800;font-style:italic;letter-spacing:-.01em;color:#003087;white-space:nowrap}
.vkf26 .vkf26-secure-link{
  flex:0 0 auto;font-size:13px;font-weight:600;color:var(--f-ink);
  padding:11px 18px;border:1px solid var(--f-ink);border-radius:4px;white-space:nowrap;
}
.vkf26 .vkf26-secure-link:hover{background:var(--f-ink);color:#fff;text-decoration:none}

/* bottom row: copyright left, Privacy Policy / Terms of Use right */
.vkf26-bottom{
  max-width:1200px;margin:28px auto 0;padding-top:16px;border-top:1px solid var(--f-line2);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px;
}
.vkf26 .vkf26-copy{font-size:12px;color:var(--f-mute)}
.vkf26 .vkf26-copy a{color:var(--f-ink2);font-weight:700;letter-spacing:.04em}
.vkf26 .vkf26-legal-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.vkf26 .vkf26-legal-list li{display:flex;align-items:center}
.vkf26 .vkf26-legal-list li+li::before{content:"\00B7";color:var(--f-mute);font-weight:700;padding:0 14px}
.vkf26 .vkf26-legal-list a{display:inline-block;padding:6px 0;font-size:13px;font-weight:500}

/* tablet: 2 columns */
@media (max-width:999px){
  .vkf26{padding:40px 24px 20px}
  .vkf26-inner{
    grid-template-columns:1fr 1fr;gap:32px 40px;
    grid-template-areas:"about about" "service service" "shop social" "secure secure";
  }
  .vkf26 .vkf26-aboutp{max-width:62ch}
}
/* phone: simply stacked, no accordion */
@media (max-width:639px){
  .vkf26{padding:36px 20px 24px}
  .vkf26-inner{
    grid-template-columns:1fr;gap:30px;
    grid-template-areas:"about" "service" "shop" "social" "secure";
  }
  .vkf26 .vkf26-list a{padding:10px 0;font-size:15px}
  .vkf26 .vkf26-main-row{display:block}
  .vkf26 .vkf26-main-row li{padding:0;border-left:0;min-width:0}
  .vkf26 .vkf26-main-row a{padding:10px 0;font-size:15px}
  .vkf26 .vkf26-main-row .vkf26-note{margin-bottom:10px}
  .vkf26 .vkf26-more a{display:inline-block;padding:8px 0}
  .vkf26 .vkf26-note{margin-bottom:10px}
  .vkf26-secure{flex-wrap:wrap;padding:18px;gap:14px}
  .vkf26 .vkf26-secure-text{flex:1 1 calc(100% - 70px)}
  .vkf26 .vkf26-secure-link{width:100%;text-align:center}
  .vkf26-bottom{margin-top:24px;flex-direction:column;justify-content:center;text-align:center;gap:6px}
  .vkf26 .vkf26-legal-list{justify-content:center}
  .vkf26 .vkf26-legal-list a{padding:11px 0;font-size:15px}
  .vkf26 .vkf26-email a{padding:10px 0;font-size:15px}
}
@media (prefers-reduced-motion:reduce){.vkf26 a,.vkf26 .vkf26-icons a{transition:none}}
@media print{.vkf26-icons,.vkf26-secure-link{display:none}}

/* keep the site's fixed "Back to top" button from covering the last row of links when scrolled to the bottom */
.vkf26 .vkf26-bottom{padding-bottom:68px}
