/* ==========================================================================
   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}

/* ==========================================================================
   2026-10-25a  WRAP FIX - smaller screens (tablet / phone / narrow desktop)
   Steve: "update responsive css so smaller screen wraps text better to avoid unneeded stacking".
   Everything above this line is byte-identical to vk-footer-comfort-20261024b.css.
   Scoped to .vkf26 only (cart/checkout footer #footer2026 / .vkf26-cart untouched). CSS only, no HTML change, nothing hidden.
   Fixes:
   1. 1000-1179px: Concierge column was ~284px wide but its 3 items had min-width:150px, so they wrapped
      into a lopsided stack with a stray divider. Those widths now use the full-width tablet layout.
   2. 640-999px: About text was capped at 62ch (blank band on the right). Cap removed, columns share the
      width by content, gutters tightened, sublines balance instead of orphaning "more".
   3. 480-639px: Concierge row stays three columns (was fully stacked); under 480px it stacks as a tidy list.
   4. Shop | Stay in touch stay side by side down to 340px (was stacked under 640px).
   5. Secure Checkout box gives the sentence the full box width on very small phones (text under the lock row).
   6. text-wrap:balance / pretty where supported (older browsers just ignore it).
   ========================================================================== */

/* all widths: never let the three Concierge items wrap into an accidental stack; balance their sublines */
.vkf26 .vkf26-main-row{flex-wrap:nowrap}
.vkf26 .vkf26-main-row li{min-width:0}
.vkf26 .vkf26-note{text-wrap:balance}
.vkf26 .vkf26-lead,.vkf26 .vkf26-aboutp,.vkf26 .vkf26-secure-p{text-wrap:pretty}
.vkf26 .vkf26-more a,.vkf26 .vkf26-email a{overflow-wrap:anywhere}

/* 640-1179: use the full-width tablet layout (was 640-999 only), roomier text, tighter gutters */
@media (min-width:640px) and (max-width:1179px){
  .vkf26{padding-left:20px;padding-right:20px}
  .vkf26-inner{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 32px;
    grid-template-areas:"about about" "service service" "shop social" "secure secure";
  }
  .vkf26 .vkf26-aboutp{max-width:none}
  .vkf26 .vkf26-main-row li{flex:1 1 auto;padding:0 14px}
  .vkf26 .vkf26-main-row li:first-child{padding-left:0}
  .vkf26 .vkf26-main-row li:last-child{padding-right:0}
}

/* 480-639: keep Concierge as three columns (content-sized, shrinks evenly), tighter gutters */
@media (min-width:480px) and (max-width:639px){
  .vkf26{padding-left:18px;padding-right:18px}
  .vkf26 .vkf26-main-row{display:flex}
  .vkf26 .vkf26-main-row li{flex:1 1 auto;padding:0 12px;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{padding:6px 0;font-size:14px}
  .vkf26 .vkf26-main-row .vkf26-note{margin-bottom:0}
}

/* up to 639: Shop and Stay in touch side by side; tighter gutters */
@media (max-width:639px){
  .vkf26-inner{
    grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:26px 20px;
    grid-template-areas:"about about" "service service" "shop social" "secure secure";
  }
  .vkf26 .vkf26-aboutp{max-width:none}
}

/* under 480: Concierge items as a tidy list (one hairline between items), smaller gutters, roomier secure box */
@media (max-width:479px){
  .vkf26{padding-left:16px;padding-right:16px}
  .vkf26 .vkf26-main-row li+li{border-top:1px solid var(--f-line);margin-top:2px;padding-top:2px}
  .vkf26 .vkf26-main-row .vkf26-note{margin-bottom:8px}
  .vkf26 .vkf26-icons{gap:8px}
  .vkf26 .vkf26-icons a{width:42px;height:42px}
  .vkf26-secure{
    display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;padding:16px 14px;
  }
  .vkf26 .vkf26-secure-text{display:contents}
  .vkf26 .vkf26-secure-h{grid-column:2;margin:0}
  .vkf26 .vkf26-lock{grid-column:1;grid-row:1}
  .vkf26 .vkf26-secure-p{grid-column:1 / -1}
  .vkf26 .vkf26-secure-link{grid-column:1 / -1}
}

/* very small phones (<340): Shop above Stay in touch so the email and icons never squeeze */
@media (max-width:339px){
  .vkf26-inner{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"about" "service" "shop" "social" "secure";
  }
}