.carousel-control-next, .carousel-control-prev{z-index:11;}
.carousel-indicators li{
    width: 10px;
    height: 10px;
    border-radius:100% !important;
    background-color: #fbaf28;
}

@media only screen and (max-width: 768px){
    .carousel-indicators li{
        display:none;
    }
}

.navbar .navbar-nav .nav-item:last-child .nav-link {
  color: #faa423 !important;
}

.custom_predefined_size .custom_pre_input .text-info { display: none; }

.nav-item.megamenu .dropdown-menu .list-unstyled > li.active > a {
  background: transparent;
}

@media only screen and (max-width: 767px) {

  footer{
      margin-bottom: 0 !important;
  }
  body:not(.home_page_body) footer{
      padding-bottom: 1rem !important;
  }
  body .main_background.product_bg ~ footer{
      padding-bottom: 9rem !important;
  }
  body:not(.home_page_body){
      padding-bottom: 0 !important;
  }
  #footerAccordion > div:last-child{
      margin-bottom: 0 !important;
  }
  #footer .container > .row.d-lg-none{
      display: flex !important;
      margin-top: 0 !important;
  }
  #footer .footer{
      padding-bottom: .5rem !important;
  } 
}

@media only screen and (min-width: 1200px){
    footer .d-flex{margin-bottom:0 !important;}
}

@media only screen and (min-width: 768px) {
  .navbar .navbar-nav {
        display: flex;  flex-wrap: nowrap; text-align: center;
  }
  .navbar .navbar-nav .nav-item .nav-link{
      font-size:14px; align-items:center;
  } 
}

@media only screen and (max-width: 768px){   
    .navbar-nav {
        display: flex !important;
        flex-direction: column !important;
    }

    .navbar-nav > li.exlink.nav-item {
        order: 999 !important;
    }
}

@media only screen and (min-width: 1600px) {    
    .navbar .navbar-nav .nav-item .nav-link{
      font-size:15px;
   }
}

/* vm: clean slider arrows (solid brand ring, replaces gapped icon glyph) - 2026-10-02 */
.slick-prev::before,.slick-next::before{content:''!important;display:block;width:26px;height:26px;margin:-3px;box-sizing:border-box;border:2px solid #f7941d;border-radius:50%;background:#fff center/13px 13px no-repeat!important;-webkit-text-fill-color:initial;font-size:0!important;line-height:0;opacity:1!important;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.slick-prev::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 5l-7 7 7 7' fill='none' stroke='%23f7941d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
.slick-next::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='%23f7941d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
.slick-prev:hover::before,.slick-next:hover::before,.slick-prev:focus-visible::before,.slick-next:focus-visible::before{background-color:#fff4e6!important}
.slick-prev.slick-disabled::before,.slick-next.slick-disabled::before{opacity:.4!important}
.product-slick-slider .slick-prev,.product-slick-slider .slick-next{transform:translate(0,-50%)!important}

/* vm: clean carousel arrows on product image galleries (same style as slider arrows) - 2026-10-02 */
.carousel .carousel-control-prev .carousel-control-prev-icon,.carousel .carousel-control-next .carousel-control-next-icon{background-image:none!important;width:26px;height:26px;transform:none!important}
.carousel .carousel-control-prev .carousel-control-prev-icon::before,.carousel .carousel-control-next .carousel-control-next-icon::before{content:''!important;display:block;width:26px;height:26px;box-sizing:border-box;border:2px solid #f7941d;border-radius:50%;background:#fff center/13px 13px no-repeat!important;-webkit-text-fill-color:initial;font-size:0!important;line-height:0;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.carousel .carousel-control-prev .carousel-control-prev-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 5l-7 7 7 7' fill='none' stroke='%23f7941d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
.carousel .carousel-control-next .carousel-control-next-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='%23f7941d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
.carousel .carousel-control-prev:hover .carousel-control-prev-icon::before,.carousel .carousel-control-next:hover .carousel-control-next-icon::before{background-color:#fff4e6!important}

/* Mobile banner arrows: match product scroller size */
@media only screen and (max-width: 767px) {
  #top-banner .carousel-control-prev::after,
  #top-banner .carousel-control-next::after{
      width: 26px !important;
      height: 26px !important;
      background-size: 13px 13px !important;
      box-shadow: 0 1px 4px rgba(0,0,0,.18) !important;
  }
}

/* Mobile banner: all tall banner images share one height (2:3) */
@media only screen and (max-width: 767px) {
  #top-banner .carousel-item > img.vm-portrait{
      width: 100% !important;
      height: auto !important;
      aspect-ratio: 2 / 3;
      object-fit: fill;
  }
}

/* Brand font: Montserrat replaces the theme font (Jost) site-wide.
   The theme font names are re-pointed to Montserrat files. Remove this block to go back to Jost. */
@font-face{font-family:'Jost-Regular';src:url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Jost-Regular';src:url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-300-normal.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Jost-Regular';src:url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Jost-Regular';src:url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Jost-Regular';src:url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Jost-Medium';src:url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-500-normal.woff2') format('woff2');font-style:normal;font-display:swap;}
@font-face{font-family:'Jost-SemiBold';src:url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-600-normal.woff2') format('woff2');font-style:normal;font-display:swap;}
@font-face{font-family:'Jost-Bold';src:url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-700-normal.woff2') format('woff2');font-style:normal;font-display:swap;}
/* Light only on large grey supporting lines */
.text-black-50.h2, .text-black-50.h3, .text-black-50.h4, .text-muted.h2, .text-muted.h3, .text-muted.h4{ font-weight: 300; }
@media only screen and (max-width: 767px) {
  body{ font-size: 15px; }
  .col-6.text-right > .btn-link{ white-space: nowrap; }
}

/* Mobile footer copyright wraps instead of running off screen */
@media only screen and (max-width: 767px) {
  footer .text-nowrap{ white-space: normal !important; text-align: center; }
  footer .d-flex.flex-wrap{ justify-content: center; }
  footer .bottom-links{ flex-wrap: wrap; justify-content: center; }
}

/* Mobile: form fields stay 16px (no zoom on form fields) so iPhones do not zoom in when a field is tapped */
@media only screen and (max-width: 767px) {
  input, select, textarea, .form-control{ font-size: 16px !important; }
}

/* === Home page layout (Oct 2026) === */
/* Wide screens: banners capped at 1440px, rounded, soft shadow */
@media only screen and (min-width: 1441px){
  #top-banner{max-width:1440px; margin:24px auto; position:relative; border-radius:14px; overflow:hidden; box-shadow:0 8px 26px rgba(51,50,50,.16); border-style:solid; border-width:0; border-image:linear-gradient(#e2e2e2,#e2e2e2) 1 / 0 0 1px 0 / 24px 100vmax;}
  #top-banner .carousel-control-prev, #top-banner .carousel-control-next{z-index:11;}
  .middle-footer-content .vm-cta{max-width:1440px; margin:48px auto !important; position:relative; border-radius:14px; overflow:hidden; box-shadow:0 6px 16px rgba(51,50,50,.28), 0 0 0 100vmax #fffbf4; clip-path:inset(-48px -100vmax);}
  .middle-footer-content .vm-cta h2{font-size:47px; margin-bottom:18px;}
  .middle-footer-content .vm-cta .vm-cta-btn{font-size:13px; padding:11px 21px;}
  /* Slide text and buttons scaled to the capped banner */
  body #top-banner .carousel-caption .display-4{font-size:48px !important;}
  body #top-banner .carousel-caption .h1{font-size:27px !important;}
  body #top-banner .carousel-caption span.letter-space{font-size:14px !important;}
  body #top-banner .carousel-caption .h4{font-size:16px !important;}
  body #top-banner .carousel-caption .btn{font-size:14px !important; padding:6px 14px !important;}
}
/* Smaller slider arrows */
body #top-banner .carousel-control-prev::after, body #top-banner .carousel-control-next::after{width:30px; height:30px; background-size:13px 13px; border-width:1.5px; box-shadow:0 1px 5px rgba(0,0,0,.18);}
@media (max-width:1199px){
  body #top-banner .carousel-control-prev::after, body #top-banner .carousel-control-next::after{width:26px; height:26px; background-size:11px 11px;}
}
/* Even spacing: Most Popular Products, 100% Customized Printing */
.main_background .body-container .col-12.col-xl-12{padding-top:16px !important;}
.main_background{padding-bottom:24px;}
.home_page_body .printing-service.section-spacing{padding-top:48px; padding-bottom:24px;}
/* Icon row under the top banner (added by Custom JS); each item is a link */
.vm-vp{background:#fff; font-family:'Montserrat',sans-serif; border-bottom:1px solid #eee;}
.vm-vp ul{max-width:1340px; margin:0 auto; padding:22px 15px; list-style:none; display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.vm-vp li > a{display:flex; align-items:center; gap:12px; color:inherit; text-decoration:none !important;}
.vm-vp .ic{width:42px; height:42px; border-radius:50%; background:rgba(247,148,29,.12); display:flex; align-items:center; justify-content:center; flex:none; transition:background .2s;}
.vm-vp svg{width:21px; height:21px; stroke:#f7941d; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.vm-vp b{display:block; font-size:14px; font-weight:600; color:#333232; line-height:1.3; transition:color .2s;}
.vm-vp small{display:block; font-size:12.5px; color:#6b6b6b; line-height:1.35; margin-top:2px;}
.vm-vp li > a:hover b, .vm-vp li > a:focus-visible b{color:#f7941d;}
.vm-vp li > a:hover .ic{background:rgba(247,148,29,.22);}
@media (max-width:991px){ .vm-vp ul{grid-template-columns:repeat(2,1fr);} }
/* Phones: 2x2 tiles, icon on top, title only */
@media (max-width:767px){
  .vm-vp{border-bottom:0;}
  .vm-vp ul{grid-template-columns:repeat(2,1fr); gap:10px; padding:16px 14px;}
  .vm-vp li > a{height:100%; flex-direction:column; justify-content:center; text-align:center; gap:8px; background:#fffbf4; border:1px solid #f6e7cf; border-radius:12px; padding:14px 8px; min-height:96px;}
  .vm-vp .ic{width:38px; height:38px;}
  .vm-vp svg{width:19px; height:19px;}
  .vm-vp b{font-size:13px; line-height:1.25;}
  .vm-vp small{display:none;}
  body #top-banner .carousel-control-prev, body #top-banner .carousel-control-next{padding-top:0 !important; align-items:center !important;}
}
/* About Us: building photo capped to the same right edge as the banner */
@media only screen and (min-width: 1441px){
  body #vm-about .vm-who-img{right:calc(50% - 720px); bottom:60px; border-radius:14px; box-shadow:0 8px 26px rgba(51,50,50,.16);}
}
/* Footer contact column: spacing so the hours line up with the link columns */
@media (min-width: 992px){
  #footer .contact-info .contact-text{line-height:20px;}
  #footer .contact-info .contact-item.mb-3{margin-bottom:12px !important;}
  #footer .contact-info .contact-item.mb-3:last-child{margin-bottom:0 !important;}
}
/* Menu shadow on the home page too, matching every other page */
body.home_page_body .navbar:not(.sticky-header){box-shadow:rgba(225,233,254,.8) 0 2px 5px 0 !important;}
/* === end home page layout === */

/*     Home page Final Mix (Oct 2026)     */
/* Industry picker, ready-date checker, account, artwork. Markup comes from the Custom JS block "Home page Final Mix sections".
   Everything is scoped to .vmx so it cannot touch existing sections. Delete from here to the end marker to remove. */
.vmx{font-family:'Jost-Regular','Jost',sans-serif;color:#333232;font-size:16px;line-height:1.55}
.vmx *{box-sizing:border-box}
.vmx-wrap{max-width:1320px;margin:0 auto;padding:0 15px}
.vmx-sec{padding-top:48px;padding-bottom:24px}
.vmx-tag{display:inline-block;background:#333232;color:#fff;font-family:'Jost-Medium','Jost',sans-serif;font-size:13px;padding:5px 18px;margin:0 0 10px;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}
.vmx-dark .vmx-tag{background:#F7941D;color:#333232}
.vmx h2{font-family:'Jost-Medium','Jost',sans-serif;font-size:32px;line-height:1.2;margin:0;color:inherit}
.vmx-lede{font-size:17px;color:#5f5e5a;margin:12px 0 0;max-width:620px}
.vmx-dark .vmx-lede{color:#d4d3cf}
.vmx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;font-family:'Jost-Medium','Jost',sans-serif;font-size:15px;text-decoration:none!important;border:2px solid transparent;cursor:pointer;transition:background .15s}
.vmx-btn-o{background:#F7941D;color:#333232!important}.vmx-btn-o:hover{background:#FCAF28}
.vmx-btn-g{background:transparent;color:#333232!important;border-color:#333232}.vmx-btn-g:hover{background:#333232;color:#fff!important}
.vmx-dark .vmx-btn-g{color:#fff!important;border-color:#fff}.vmx-dark .vmx-btn-g:hover{background:#fff;color:#333232!important}
.vmx-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.vmx a.vmx-link{color:#333232;font-family:'Jost-Medium','Jost',sans-serif;text-decoration:underline;text-decoration-color:#F7941D;text-underline-offset:3px}
/* industry picker */
.vmx-ind-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.vmx-ind{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px 18px;min-height:92px;border-radius:14px;cursor:pointer;font-family:inherit;background:#fdf8ef;color:#333232;border:2px solid #f1e9da;transition:border-color .15s,background .15s}
.vmx-ind:hover{border-color:#F7941D}
.vmx-ind b{font-family:'Jost-Medium','Jost',sans-serif;font-weight:500;font-size:17px;line-height:1.25}
.vmx-ind span{font-size:13px;color:#6b6a66;line-height:1.35}
.vmx-ind[aria-pressed="true"]{background:#F7941D;border-color:#F7941D}
.vmx-ind[aria-pressed="true"] span{color:#333232}
.vmx-kit-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:40px 0 18px}
.vmx-kit-head h3{font-family:'Jost-Medium','Jost',sans-serif;font-size:22px;margin:0}
.vmx-kit{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.vmx-card{display:flex;flex-direction:column;gap:10px;text-decoration:none!important;color:#333232!important;text-align:center}
.vmx-card .vmx-img{aspect-ratio:1/1;border-radius:14px;background:#fff;border:1px solid #eceae5;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:box-shadow .15s}
.vmx-card:hover .vmx-img{box-shadow:0 6px 18px rgba(0,0,0,.12)}
.vmx-card img{width:100%;height:100%;object-fit:cover}
.vmx-card b{font-family:'Jost-Medium','Jost',sans-serif;font-weight:500;font-size:15px;line-height:1.3}
.vmx-note{margin:22px 0 0;font-size:15px;color:#5f5e5a}
/* ready-date checker */
.vmx-check{background:#333232;color:#fff;border-radius:14px;box-shadow:0 10px 26px rgba(0,0,0,.18);padding:44px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:44px;align-items:center}
.vmx-check h2 em{font-style:normal;color:#FCAF28}
.vmx-panel{background:#fff;color:#333232;border-radius:12px;padding:26px}
.vmx-panel h3{font-family:'Jost-Medium','Jost',sans-serif;font-size:19px;margin:0 0 14px}
.vmx-seg{display:flex;gap:8px}
.vmx-seg button{flex:1;min-height:44px;border-radius:8px;font-family:'Jost-Medium','Jost',sans-serif;font-size:15px;cursor:pointer;background:#fff;color:#333232;border:2px solid #bcbec0}
.vmx-seg button[aria-pressed="true"]{background:#333232;color:#fff;border-color:#333232}
.vmx-result{margin-top:18px;background:#f6f4ef;border-radius:10px;padding:18px}
.vmx-result small{display:block;font-family:'Jost-Medium','Jost',sans-serif;color:#6b6a66;font-size:13px}
.vmx-result strong{display:block;font-family:'Montserrat','Jost-Medium',sans-serif;font-weight:700;font-size:28px;letter-spacing:-.4px;line-height:1.2;margin-top:2px}
.vmx-result p{margin:6px 0 0;font-size:14px;color:#6b6a66}
/* account */
.vmx-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:56px;align-items:center}
.vmx-table{background:#fff;border:1px solid #eceae5;border-radius:14px;padding:6px 18px;overflow-x:auto}
.vmx-table table{width:100%;border-collapse:collapse;font-size:15px}
.vmx-table th{font-family:'Jost-Medium','Jost',sans-serif;font-weight:500;padding:14px 10px;text-align:center}
.vmx-table th.vmx-hl{background:#fff3e0;border-radius:8px 8px 0 0}
.vmx-table td{padding:13px 10px;border-top:1px solid #eceae5;text-align:center}
.vmx-table td:first-child{text-align:left;font-family:'Jost-Medium','Jost',sans-serif}
.vmx-yes{color:#333232;font-weight:700}.vmx-no{color:#bcbec0}
.vmx-resell{margin-top:18px;font-size:15px}
.vmx-table .vmx-s{display:none}
/* artwork */
.vmx-art{background:rgba(252,175,40,.05)}
.vmx-art .vmx-sec{padding-bottom:48px}
.vmx-art .vmx-rules{margin-top:28px}
.vmx-bleed-card{background:#fff;border:1px solid #eceae5;border-radius:14px;padding:30px;display:flex;flex-direction:column;align-items:center;gap:16px}
.vmx-bleed{position:relative;width:100%;max-width:400px;aspect-ratio:3/2;background:#fff3e0;border:2px dashed #F7941D;border-radius:4px}
.vmx-bleed i{position:absolute;inset:16px;background:#fff;border:2px solid #333232}
.vmx-bleed u{position:absolute;inset:40px;border:2px dashed #74736f;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-family:'Jost-Medium','Jost',sans-serif;font-size:14px;padding:6px}
.vmx-key{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-size:13px;font-family:'Jost-Medium','Jost',sans-serif}
.vmx-key span:before{content:"";display:inline-block;width:13px;height:13px;margin-right:6px;vertical-align:-2px}
.vmx-key .k1:before{background:#fff3e0;border:2px dashed #F7941D}.vmx-key .k2:before{border:2px solid #333232}.vmx-key .k3:before{border:2px dashed #74736f}
.vmx-rules{background:#fff;border:1px solid #eceae5;border-radius:14px;padding:20px 24px;display:flex;flex-direction:column;gap:10px;font-size:15px;margin-top:16px}
.vmx-rules>div{display:flex;gap:10px}
.vmx-rules em{font-style:normal;color:#F7941D;font-family:'Montserrat',sans-serif;font-weight:700}
.vmx-rules b{font-family:'Jost-Medium','Jost',sans-serif;font-weight:500}
.vmx-rules span{color:#6b6a66}
@media (max-width:991px){
 .vmx-ind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vmx-kit{grid-template-columns:repeat(3,minmax(0,1fr))}
 .vmx-check,.vmx-two{grid-template-columns:minmax(0,1fr);gap:28px}
 .vmx-check{padding:30px 22px}
}
@media (max-width:575px){
 .vmx h2{font-size:26px}
 .vmx-ind{min-height:0;padding:12px 14px}
 .vmx-ind span{display:none}
 .vmx-kit{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vmx-sec{padding-top:36px;padding-bottom:16px}
 .vmx-result strong{font-size:24px}
 .vmx-kit .vmx-card:nth-child(5){display:none}
 .vmx-table{padding:4px 10px}
 .vmx-table th,.vmx-table td{padding:7px 4px;line-height:1.3}
 .vmx-table td:first-child{padding-left:2px}
 .vmx-table table{font-size:13px}
 .vmx-table .vmx-l{display:none}.vmx-table .vmx-s{display:inline}
 #vmx-account .vmx-lede{font-size:15px;line-height:1.45;margin-top:8px}
 #vmx-account .vmx-btns{margin-top:14px}
 #vmx-account .vmx-resell{margin-top:10px;font-size:14px}
 #vmx-account .vmx-two{gap:18px}
}
/*     end home page Final Mix     */

/*     Footer stays at the bottom (Oct 2026)     */
/* On short pages (quote, business form, login, empty cart) the footer used to float up and leave a white gap below it on tall desktop screens.
   The page is now at least one screen tall and the content area stretches, so the footer always sits at the bottom. Tablets and desktops only. */
@media (min-width:768px){
  body{display:flex;flex-direction:column;min-height:100vh}
  body>.main_background{flex:1 0 auto}
}
/*     end footer stays at the bottom     */

/*     Icon row centred (Oct 2026)     */
/* The four points under the top banner: centre each one in its column so the row sits evenly under the banner. Phones keep their 2x2 tile layout. */
@media (min-width:576px){
  .vm-vp li{display:flex;justify-content:center}
  .vm-vp li a{width:auto;max-width:100%}
}
/*     end icon row centred     */

/*     Footer business account column (Oct 2026)     */
/* Styles for the footer column built by the Custom JS block of the same name. */
#footerSubscribe h2.h3{margin-top:-3px;margin-bottom:10px!important}
#footerSubscribe .vmx-fb-lede{margin-bottom:6px}
#footerSubscribe .vmx-fb-list{list-style:none;padding:0;margin:0 0 9px}
#footerSubscribe .vmx-fb-list li{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px;font-size:14px;line-height:1.35}
#footerSubscribe .vmx-fb-list svg{flex:none;width:16px;height:16px;margin-top:2px;fill:none;stroke:#F7941D;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
/* vmx-fb button width: no wider than the text above it */
#footerSubscribe .btn-block{width:auto!important;display:inline-block!important;font-size:15px!important;padding-left:12px!important;padding-right:12px!important}
/*     end footer business account column     */

/*     Business account page (Oct 2026)     */
/* Landing page around the reseller form at /reseller-form.html. Markup comes from the
   Custom JS block of the same name. Scoped to .vmr. Delete to the end marker to remove. */
.vmr{font-family:'Jost-Regular','Jost',sans-serif;color:#333232;font-size:16px;line-height:1.55}
.vmr *{box-sizing:border-box}
.vmr-hidden{display:none!important}
.vmr-band{background:rgba(252,175,40,.05);border-radius:14px}
.vmr-sec{padding:44px 0 8px}
.vmr-tag{display:inline-block;background:#333232;color:#fff;font-family:'Jost-Medium','Jost',sans-serif;font-size:13px;padding:5px 18px;margin:0 0 12px;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}
.vmr h1{font-family:'Jost-Medium','Jost',sans-serif;font-size:40px;line-height:1.15;margin:0;color:#333232}
.vmr h1 em{font-style:normal;color:#F7941D}
.vmr h2{font-family:'Jost-Medium','Jost',sans-serif;font-size:30px;line-height:1.2;margin:0 0 6px;color:#333232}
.vmr h3{font-family:'Jost-Medium','Jost',sans-serif;font-size:18px;line-height:1.3;margin:0}
.vmr-lede{font-size:17px;color:#5f5e5a;margin:14px 0 0;max-width:560px}
.vmr-muted{color:#6b6a66;font-size:15px}
.vmr-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center;padding:44px}
.vmr-seg{display:inline-flex;background:#fff;border:1px solid #eceae5;border-radius:999px;padding:4px;margin-top:26px;gap:4px;flex-wrap:wrap}
.vmr-seg button{border:0;background:transparent;border-radius:999px;min-height:40px;padding:0 18px;font-family:'Jost-Medium','Jost',sans-serif;font-size:15px;color:#333232;cursor:pointer}
.vmr-seg button[aria-pressed="true"]{background:#333232;color:#fff}
.vmr-points{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:8px}
.vmr-points li{display:flex;gap:10px;align-items:flex-start;font-size:16px}
.vmr-tick{flex:none;width:18px;height:18px;margin-top:3px;fill:none;stroke:#F7941D;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.vmr-card{background:#fff;border:1px solid #eceae5;border-radius:14px;box-shadow:0 10px 26px rgba(0,0,0,.08);padding:30px}
.vmr-card h2{font-size:24px}
.vmr-card .vmr-muted{margin:0 0 18px}
.vmr-card form .row{margin-left:0;margin-right:0}
.vmr-card form [class*="col"]{padding-left:0;padding-right:0}
.vmr-card form .form-control{width:100%;border-radius:8px;min-height:48px;border-color:#d8d6d0}
.vmr-card .input-group-require{display:none}
.vmr-card form>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
.vmr-card form>.row>[id^="extra_fields_"]{grid-column:span 2;max-width:none;flex:none;width:auto}
.vmr-card form>.row>.vmr-half{grid-column:span 1}
.vmr-card form>.row>:not([id^="extra_fields_"]){grid-column:1/-1}
.vmr-card form .vmr-sel label{display:none}
.vmr-card form select.form-control{color:#333232;appearance:auto}
.vmr-card form .form-control:focus{border-color:#F7941D;box-shadow:0 0 0 3px rgba(247,148,29,.18)}
.vmr-card form .form-group{margin-bottom:6px}
.vmr-card form button[type="submit"]{width:100%;min-height:48px;border-radius:999px;font-family:'Jost-Medium','Jost',sans-serif;font-size:16px;margin-top:6px}
.vmr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}
.vmr-ben{background:#fff;border:1px solid #eceae5;border-radius:14px;padding:22px}
.vmr-ico{width:44px;height:44px;border-radius:50%;background:#fff3e0;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.vmr-ico svg{width:22px;height:22px;fill:none;stroke:#F7941D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vmr-ben p{margin:6px 0 0;color:#5f5e5a;font-size:15px}
.vmr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.vmr-step{border-top:3px solid #333232;padding-top:16px}
.vmr-step:first-child{border-top-color:#F7941D}
.vmr-step b{display:block;font-family:'Montserrat',sans-serif;font-weight:700;color:#F7941D;font-size:28px;line-height:1;margin-bottom:10px}
.vmr-step p{margin:6px 0 0;color:#5f5e5a;font-size:15px}
.vmr-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.vmr-chips span{background:#fff;border:1px solid #eceae5;border-radius:999px;padding:8px 16px;font-size:15px}
.vmr-faq{max-width:860px}
.vmr-faq details{border-bottom:1px solid #eceae5;padding:16px 0}
.vmr-faq summary{font-family:'Jost-Medium','Jost',sans-serif;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.vmr-faq summary::-webkit-details-marker{display:none}
.vmr-faq summary:after{content:"+";color:#F7941D;font-size:22px;line-height:1}
.vmr-faq details[open] summary:after{content:"\2212"}
.vmr-faq p{margin:10px 0 0;color:#5f5e5a}
.vmr-end{background:#333232;color:#fff;border-radius:14px;padding:34px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:44px 0 8px}
.vmr-end h2{color:#fff;margin:0}
.vmr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:999px;background:#F7941D;color:#333232!important;font-family:'Jost-Medium','Jost',sans-serif;text-decoration:none!important}
.vmr-btn:hover{background:#FCAF28}
@media (max-width:991px){
 .vmr-hero{grid-template-columns:minmax(0,1fr);padding:30px 22px;gap:28px}
 .vmr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:575px){
 .vmr h1{font-size:30px}
 .vmr h2{font-size:24px}
 .vmr-grid,.vmr-steps{grid-template-columns:minmax(0,1fr)}
 .vmr-card{padding:22px}
 .vmr-seg{display:flex}
 .vmr-seg button{flex:1;padding:0 8px;font-size:13px;white-space:nowrap}
 .vmr-end{padding:26px 22px}
 .vmr-sec{padding-top:32px}
 .vmr-card form>.row>.vmr-sel{grid-column:span 2}
}
/*     end business account page     */

/*     Contact page (Oct 2026)     */
/* Restyles /contact-us.html to match the Business Accounts page. Reuses the .vmr classes from the
   "Business account page" CSS block; only contact-specific rules live here. Scoped to .vmc. */
.vmc .vmr-hero{align-items:start}
.vmc-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}
.vmc-list li{display:flex;gap:14px;align-items:flex-start}
.vmc-list .vmr-ico{margin:0;flex:none;width:40px;height:40px}
.vmc-list .vmr-ico svg{width:20px;height:20px}
.vmc-list b{display:block;font-family:'Jost-Medium','Jost',sans-serif;font-weight:500;font-size:13px;color:#6b6a66;letter-spacing:.3px}
.vmc-list a,.vmc-list span{color:#333232;font-size:16px;text-decoration:none}
.vmc-list a:hover{text-decoration:underline;text-decoration-color:#F7941D;text-underline-offset:3px}
.vmc-topics{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.vmc-topics button{border:1px solid #eceae5;background:#fdf8ef;border-radius:999px;min-height:36px;padding:0 14px;font-family:'Jost-Medium','Jost',sans-serif;font-size:14px;color:#333232;cursor:pointer}
.vmc-topics button[aria-pressed="true"]{background:#333232;border-color:#333232;color:#fff}
/* contact form: two columns, message full width */
.vmc .vmr-card form>.row>[class*="col"]{max-width:none;flex:none;width:auto}
.vmc .vmr-card form .form-control,.vmc .vmr-card form .iti,.vmc .vmr-card form select{width:100%!important}
.vmc .vmr-card form .form-check,.vmc .vmr-card form .custom-checkbox{padding-left:1.6rem;margin-left:0}
.vmc .vmr-card form button[type="submit"]{border-radius:999px!important}
.vmc .vmr-card form>.row>.col-lg-6{grid-column:span 1}
.vmc .vmr-card form>.row>.col-12.mt-3{display:none}
.vmc .vmr-card form .form-group{margin-bottom:12px}
.vmc .vmr-card form textarea.form-control{min-height:120px;border-radius:8px}
.vmc .vmr-card form .iti{width:100%}
.vmc .vmr-card form .text-danger{font-size:12px}
.vmc .vmr-card form button[type="reset"]{display:none}
.vmc .vmr-card form .form-check,.vmc .vmr-card form [class*="col"] label{font-size:14px}
.vmc-cards a.vmr-ben{display:block;text-decoration:none!important;color:#333232!important;transition:border-color .15s,box-shadow .15s}
.vmc-cards a.vmr-ben:hover{border-color:#F7941D;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.vmc-cards .vmc-go{display:inline-block;margin-top:10px;font-family:'Jost-Medium','Jost',sans-serif;font-size:14px;color:#333232;text-decoration:underline;text-decoration-color:#F7941D;text-underline-offset:3px}
.vmc-find{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;margin-top:24px}
.vmc-map{border-radius:14px;overflow:hidden;border:1px solid #eceae5;min-height:300px;background:#f4f2ed}
.vmc-map iframe{width:100%;height:100%;min-height:300px;border:0;display:block}
.vmc-find .vmr-ben p{margin:4px 0 14px}
@media (max-width:991px){
 .vmc-find{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:575px){
 .vmc .vmr-card form>.row>.col-lg-6{grid-column:span 2}
}
/*     end contact page     */

/*     Sign in page (Oct 2026)     */
/* /user_login.php in the Business Accounts style. Reuses the .vmr classes; scoped to .vml. */
.vml .vmr-hero{align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.vml h1{font-size:34px;margin-bottom:6px}
.vml .vmr-card h2{font-size:24px;margin:0}
.vml .vmr-card .vmr-muted{margin:6px 0 18px}
.vml .vmr-points{margin:0 0 22px}
.vml-side{display:grid;gap:18px;grid-template-rows:auto 1fr}
.vml-help h2{font-size:22px!important}
.vml-btns{display:flex;flex-wrap:wrap;gap:10px}
.vml-ghost{background:transparent!important;border:2px solid #333232;color:#333232!important}
.vml-ghost:hover{background:#333232!important;color:#fff!important}
.vml-call{margin:16px 0 0;font-size:14px;color:#6b6a66}
.vml-call a{color:#333232;text-decoration:underline;text-decoration-color:#F7941D;text-underline-offset:3px}
.vml-biz{background:#333232;color:#fff;border-radius:14px;padding:30px}
.vml-biz .vmr-tag{background:#F7941D;color:#333232}
.vml-biz h2{color:#fff;font-size:24px;margin:0 0 16px}
.vml-biz .vmr-points li{color:#fff}
/* the real login form */
.vml #userlogin_page{background:transparent;border:0;padding:0}
.vml #userlogin_page .card-body{padding:0}
.vml #userlogin_page .form-control{border-radius:8px;min-height:48px;border-color:#d8d6d0}
.vml #userlogin_page .input-group{flex-wrap:nowrap!important;display:flex!important}
.vml #userlogin_page .input-group>.form-control{width:1%!important;flex:1 1 auto!important;min-width:0;border-radius:8px 0 0 8px}
.vml #userlogin_page form>.row{display:flex!important}
.vml #userlogin_page .input-group-append .btn,.vml #userlogin_page .input-group-text{border-radius:0 8px 8px 0;border-color:#d8d6d0}
.vml #userlogin_page .form-control:focus{border-color:#F7941D;box-shadow:0 0 0 3px rgba(247,148,29,.18)}
/* the "New Customers" fixed content hides .btn-primary.btn-sm, which also hid the Log In button */
.vml #btnlogin_page{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:48px;border-radius:999px;font-family:'Jost-Medium','Jost',sans-serif;font-size:16px;margin-top:8px}
.vml #userlogin_page a{font-size:14px}
@media (max-width:991px){
 .vml .vmr-hero{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:575px){
 .vml-biz{padding:22px}
 .vml h1{font-size:28px}
}
/*     end sign in page     */

/*     Product page (Oct 2026)     */
/* Product detail pages, matched to the Business Accounts / Contact / Sign in look.
   Styling only: no pricing, option or cart behaviour is touched. Scoped to #product-info. */
#product-info .page-header{display:block!important}
#product-info .page-header h1{font-family:'Jost-Medium','Jost',sans-serif;font-size:34px;line-height:1.15;margin:0;color:#333232}
#product-info .vmp-tag{display:inline-block;background:#333232;color:#fff;font-family:'Jost-Medium','Jost',sans-serif;font-size:13px;padding:5px 18px;margin:0 0 10px;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);text-decoration:none!important}
#product-info .vmp-tag:hover{background:#F7941D;color:#333232}
/* left: gallery and info tabs */
#product-info #product_images .carousel-inner{border-radius:14px;overflow:hidden}
#product-info #InfoTab .nav-tabs{border:0;gap:6px;display:inline-flex;background:#fff;border:1px solid #eceae5;border-radius:999px;padding:4px}
#product-info #InfoTab .nav-tabs .nav-link{border:0!important;border-radius:999px;padding:8px 18px!important;-webkit-text-fill-color:currentColor!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;font-family:'Jost-Medium','Jost',sans-serif;font-size:15px;color:#333232;background:transparent}
#product-info #InfoTab .nav-tabs .nav-link.active,#product-info #InfoTab .nav-tabs .nav-link.active *{color:#fff!important;background:#333232!important}
#product-info #InfoTab .nav-tabs .nav-link:after,#product-info #InfoTab .nav-tabs .nav-link:before{display:none!important}
/* right: configurator as a card */
#product-info #price_calculator{background:#fff;border:1px solid #eceae5!important;border-radius:14px;box-shadow:0 10px 26px rgba(0,0,0,.08);padding:24px 26px 18px}
#product-info #price_calculator .card-header{border-bottom:1px solid #eceae5!important;padding:0 0 12px}
#product-info #price_calculator .card-title{font-family:'Jost-Medium','Jost',sans-serif;font-size:18px}
#product-info #price_calculator select.form-control,#product-info #price_calculator input.form-control,#product-info #price_calculator .custom-select{border-radius:8px;min-height:44px;border-color:#d8d6d0;color:#333232}
#product-info #price_calculator .form-control:focus,#product-info #price_calculator .custom-select:focus{border-color:#F7941D;box-shadow:0 0 0 3px rgba(247,148,29,.18)}
#product-info #price_calculator label,#product-info #price_calculator .col-form-label{font-family:'Jost-Medium','Jost',sans-serif;color:#333232}
#product-info #productpricetotal{background:#fdf8ef!important;box-shadow:none!important;border:1px solid #f1e9da;border-radius:10px;padding:14px 16px;margin-top:10px}
#product-info #shippingcalc .page-section-header{border-radius:10px!important;border-color:#eceae5!important}
#product-info .important-prod-ship-info-wrap span{border-radius:999px!important}
/* trust strip under the price */
#product-info .vmp-trust{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:18px;margin:14px 0 4px}
#product-info .vmp-trust div{white-space:nowrap;display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.35;color:#333232}
#product-info .vmp-trust a{color:inherit;text-decoration:underline;text-decoration-color:#F7941D;text-underline-offset:3px}
#product-info .vmp-trust svg{flex:none;width:16px;height:16px;margin-top:1px;fill:none;stroke:#F7941D;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
/* design choices */
#product-info #action-btn h2,#product-info #action-btn h3,#product-info #action-btn .h3{font-family:'Jost-Medium','Jost',sans-serif;font-size:24px}
#product-info #action-btn .card,#product-info #action-btn a.card,#product-info #action-btn [class*="col"]>a,#product-info #action-btn [class*="col"]>div{border-radius:14px}
#product-info #action-btn .card{border:1px solid #eceae5;transition:border-color .15s,box-shadow .15s}
#product-info #action-btn .card:hover{border-color:#F7941D;box-shadow:0 6px 18px rgba(0,0,0,.08)}
/* empty band between the product and related products */
#product-info .vmp-empty{display:none!important}
@media (max-width:767px){
 #product-info #price_calculator{padding:18px 16px 12px;margin-top:8px}
 #product-info .vmp-trust{grid-template-columns:minmax(0,1fr)}
 #product-info .page-header{display:block!important}
#product-info .page-header h1{font-size:28px}
}
/*     end product page     */

/*     Product page options explained (Oct 2026)     */
#pro-disc .vmp-empty{display:none!important}
#pro-disc .vmo{margin:28px 0 8px}
#pro-disc .vmo-h{font-family:'Jost-Medium','Jost',sans-serif;font-size:24px;color:#333232;margin:0 0 14px}
#pro-disc .vmo-set{background:#fff;border:1px solid #eceae5;border-radius:14px;margin:0 0 12px;overflow:hidden}
#pro-disc .vmo-set summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 18px;flex-wrap:wrap}
#pro-disc .vmo-set summary::-webkit-details-marker{display:none}
#pro-disc .vmo-tag{display:inline-block;background:#333232;color:#fff;font-family:'Jost-Medium','Jost',sans-serif;font-size:14px;padding:5px 18px;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}
#pro-disc .vmo-set[open] .vmo-tag{background:#F7941D;color:#333232}
#pro-disc .vmo-names{flex:1;min-width:0;font-size:14px;color:#6b6a66}
#pro-disc .vmo-chev{flex:none;width:22px;height:22px;fill:none;stroke:#333232;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
#pro-disc .vmo-set[open] .vmo-chev{transform:rotate(180deg)}
#pro-disc .vmo-set summary:hover .vmo-names{color:#333232}
#pro-disc .vmo-line{margin:0 18px 14px;font-size:15px;color:#333232}
#pro-disc .vmo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;padding:0 18px 18px}
#pro-disc .vmo-card{position:relative;border:1px solid #eceae5;border-radius:12px;padding:10px 10px 14px;background:#fff;transition:border-color .15s,box-shadow .15s}
#pro-disc .vmo-card .vmo-ph{border-radius:8px;overflow:hidden;background:#f6f5f2;margin:0 0 10px}
#pro-disc .vmo-card .vmo-ph span{display:block;background-repeat:no-repeat}
#pro-disc .vmo-card .vmo-tall{aspect-ratio:3/2;display:flex;justify-content:center;background:#fdfdfd}
#pro-disc .vmo-card .vmo-tall span{height:100%;width:auto!important}
#pro-disc .vmo-card b{display:block;font-family:'Jost-Medium','Jost',sans-serif;font-weight:500;font-size:16px;color:#333232;margin:0 2px 4px}
#pro-disc .vmo-card p{margin:0 2px;font-size:14px;line-height:1.4;color:#5d5c58}
#pro-disc .vmo-card em{display:none;position:absolute;top:16px;left:16px;font-style:normal;background:#F7941D;color:#333232;font-family:'Jost-Medium','Jost',sans-serif;font-size:12px;padding:3px 10px;border-radius:999px}
#pro-disc .vmo-card.is-on{border-color:#F7941D;box-shadow:0 0 0 2px #F7941D}
#pro-disc .vmo-card.is-on em{display:block}
#price_calculator .vmo-q{margin-left:8px;font-size:13px;color:#333232;text-decoration:underline;text-decoration-color:#F7941D;text-underline-offset:3px}
@media (max-width:575px){
 #pro-disc .vmo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px 14px}
 #pro-disc .vmo-set summary{padding:14px 12px;gap:8px 12px}
 #pro-disc .vmo-names{order:3;flex-basis:100%;font-size:13px}
 #pro-disc .vmo-chev{margin-left:auto}
 #pro-disc .vmo-line{margin:0 12px 12px}
 #pro-disc .vmo-card b{font-size:15px}
 #pro-disc .vmo-card p{font-size:13px}
}
/*     end options explained     */

/*     Product page artwork step (Oct 2026)     */
#product-info .vma{display:flex;flex-wrap:wrap;margin-top:22px}
#product-info .vma>[class*="col"]{flex:0 0 100%;max-width:100%}
#product-info .vma .page-sub-header h2{font-family:'Jost-Medium','Jost',sans-serif;font-size:24px;color:#333232;margin:0 0 12px!important;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#product-info .vma-step{display:inline-block;line-height:1.4;align-self:center;font-family:'Jost-Medium','Jost',sans-serif;background:#333232;color:#fff;font-size:13px;padding:4px 16px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
#product-info .vma-opt>div{border:1px solid #eceae5!important;border-radius:14px!important;background:#fff;margin:0 0 10px!important;transition:border-color .15s,box-shadow .15s}
#product-info .vma-opt>div:hover{border-color:#F7941D!important;box-shadow:0 6px 18px rgba(0,0,0,.08)}
#product-info .vma-opt a.btn-img-text{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;padding:16px 18px!important;text-align:left;text-decoration:none!important}
#product-info .vma-opt a.btn-img-text>i{display:none!important}
#product-info .vma-ico{flex:none;width:48px;height:48px;border-radius:50%;background:#fdf3e3;display:flex;align-items:center;justify-content:center}
#product-info .vma-ico svg{width:24px;height:24px;fill:none;stroke:#F7941D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#product-info .vma-opt .media-body{flex:1;min-width:0}
#product-info .vma-opt .h4{display:block;font-family:'Jost-Medium','Jost',sans-serif;font-size:18px;color:#333232!important;margin:0 0 2px!important;text-transform:none!important;-webkit-text-fill-color:currentColor!important;background:none!important}
#product-info .vma-opt .short-disc{font-size:14px;line-height:1.4;color:#5d5c58!important}
#product-info .vma-go{flex:none;width:22px;height:22px;fill:none;stroke:#333232;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* upload is the main path: charcoal card */
#product-info .vma-opt1>div{background:#333232!important;border-color:#333232!important}
#product-info .vma-opt1 .h4{color:#fff!important}
#product-info .vma-opt1 .short-disc{color:#d9d8d4!important}
#product-info .vma-opt1 .vma-ico{background:#F7941D}
#product-info .vma-opt1 .vma-ico svg{stroke:#333232}
#product-info .vma-opt1 .vma-go{stroke:#F7941D}
/* artwork later: quiet dashed row */
#product-info .vma-later .upload_artwork_letter{border:1px dashed #cfccc4!important;border-radius:14px!important;background:transparent;padding:0!important;margin:4px 0 0!important}
#product-info .vma-later a{display:flex!important;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:14px 16px;margin:0!important;font-size:15px!important;color:#333232!important;text-decoration:none!important;font-family:'Jost','Jost-Regular',sans-serif}
#product-info .vma-later a u{text-decoration:none}
#product-info .vma-later a span{font-family:'Jost-Medium','Jost',sans-serif}
#product-info .vma-later a:hover{color:#F7941D!important}
#product-info .vma-later .vma-go{width:18px;height:18px}
@media (max-width:575px){
 #product-info .vma-opt a.btn-img-text{padding:14px!important;gap:12px}
 #product-info .vma-opt .h4{font-size:17px}
}
/*     end artwork step     */

/*     Quote page (Oct 2026)     */
/* /quote_create.php in the Business Accounts style. Reuses the .vmr classes; scoped to .vmq. */
.vmq-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:end;margin:0 0 26px}
.vmq h1{font-family:'Jost-Medium','Jost',sans-serif;font-size:36px;line-height:1.15;color:#333232;margin:10px 0 8px}
.vmq-lede{font-size:17px;line-height:1.5;color:#55544f;margin:0;max-width:560px}
.vmq-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vmq-steps li{display:flex;gap:12px;align-items:center;font-size:15px;color:#333232}
.vmq-steps b{flex:none;width:30px;height:30px;border-radius:50%;background:#333232;color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat','Jost',sans-serif;font-size:14px}
.vmq-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}
.vmq-main{padding:28px 30px}
.vmq-side{display:grid;gap:18px;position:sticky;top:110px}
.vmq-h{display:flex;align-items:center;gap:10px;font-family:'Jost-Medium','Jost',sans-serif;font-size:20px;color:#333232;margin:0 0 14px}
.vmq-h span{display:inline-block;background:#333232;color:#fff;font-size:13px;line-height:1.4;padding:3px 14px;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.vmq-h2{margin-top:26px;padding-top:22px;border-top:1px solid #eceae5}
/* the two starting choices */
.vmq-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
.vmq-pick button{text-align:left;border:1px solid #d8d6d0;background:#fff;border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .15s,box-shadow .15s;font-family:inherit}
.vmq-pick button:hover{border-color:#F7941D}
.vmq-pick button[aria-pressed="true"]{border-color:#F7941D;box-shadow:0 0 0 2px #F7941D;background:#fffaf2}
.vmq-pick b{display:block;font-family:'Jost-Medium','Jost',sans-serif;font-weight:500;font-size:16px;color:#333232;margin-bottom:3px}
.vmq-pick span{display:block;font-size:13px;line-height:1.4;color:#5d5c58}
/* the platform form: labels above fields, one column */
.vmq #pricecalulate>.row>[class*="col-lg-7"]{flex:0 0 100%;max-width:100%}
.vmq #pricecalulate .form-group{display:block;margin:0 0 14px}
.vmq #pricecalulate label.vmq-lab{display:block;max-width:100%;flex:none;width:100%;padding:0;margin:0 0 6px!important;font-family:'Jost-Medium','Jost',sans-serif;font-size:15px;color:#333232}
.vmq #pricecalulate .form-group>[class*="col-"]{max-width:100%;flex:none;width:100%;padding:0}
.vmq #pricecalulate .row,.vmq #pricecalulate .form-row{margin-left:0;margin-right:0}
.vmq #pricecalulate .form-row>[class*="col"],.vmq #pricecalulate .form-row>.col{padding-left:0;padding-right:0}
.vmq #pricecalulate [class*="col-"]{padding-left:0;padding-right:0;flex:0 0 100%;max-width:100%}
.vmq #pricecalulate [class*="offset-"]{margin-left:0!important}
.vmq #pricecalulate .form-group>.col,.vmq #pricecalulate .pl-lg-3{padding-left:0!important;flex:0 0 100%;max-width:100%}
.vmq #pricecalulate .form-control,.vmq #pricecalulate .bootstrap-select>.btn,.vmq #pricecalulate .custom-select{border-radius:8px!important;min-height:46px;border-color:#d8d6d0}
.vmq #pricecalulate .form-control:focus{border-color:#F7941D;box-shadow:0 0 0 3px rgba(247,148,29,.18)}
.vmq #pricecalulate textarea.form-control{min-height:110px}
.vmq .vmq-type-row{display:none!important}
.vmq .vmq-nohelp{display:none!important}
.vmq-hint{display:block;font-size:13px;color:#6b6a66;margin:6px 0 0;font-family:'Jost','Jost-Regular',sans-serif}
.vmq #pricecalulate .text-danger{font-size:12px}
.vmq #SubmitQuoteProduct,.vmq [name="SubmitQuoteProduct"]{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:50px;border-radius:999px!important;background:#F7941D!important;border-color:#F7941D!important;color:#333232!important;font-family:'Jost-Medium','Jost',sans-serif;font-size:17px;margin-top:8px}
.vmq #SubmitQuoteProduct:hover,.vmq [name="SubmitQuoteProduct"]:hover{background:#FCAF28!important}
.vmq #productpricetotal{background:#fdf8ef!important;border:1px solid #f1e9da;border-radius:10px;padding:12px 16px!important;box-shadow:0 -6px 18px rgba(0,0,0,.06)!important}
.vmq-after{font-size:13px;color:#6b6a66;text-align:center;margin:10px 0 0}
/* side cards */
.vmq-tips h2,.vmq-talk h2{font-family:'Jost-Medium','Jost',sans-serif;font-size:20px;margin:0 0 12px}
.vmq-talk{background:#333232;color:#fff;border-radius:14px;padding:24px}
.vmq-talk h2{color:#fff}
.vmq-talk p{color:#d9d8d4;font-size:14px;margin:0 0 14px}
.vmq-talk a.vmq-line{display:flex;gap:10px;align-items:center;color:#fff!important;text-decoration:none!important;font-size:16px;margin:0 0 8px}
.vmq-talk a.vmq-line svg{width:18px;height:18px;fill:none;stroke:#F7941D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vmq-talk small{display:block;color:#bdbbb6;font-size:13px;margin-top:6px}
.vmq-biz{font-size:14px;color:#55544f;padding:0 4px}
.vmq-biz a{color:#333232;text-decoration:underline;text-decoration-color:#F7941D;text-underline-offset:3px}
@media (max-width:991px){
 .vmq-hero,.vmq-grid{grid-template-columns:minmax(0,1fr)}
 .vmq-side{position:static}
}
@media (max-width:575px){
 .vmq h1{font-size:28px}
 .vmq-main{padding:20px 16px}
 .vmq-pick{grid-template-columns:1fr}
}
/* contact details and terms box shown after an item is added */
.vmq #pricecalulate .custom-control{padding-left:1.5rem!important}
.vmq #captchafrm label.vmq-lab{display:inline-block;width:auto;max-width:calc(100% - 24px)}
/*     end quote page     */

/*     Footer contact page link (Oct 2026)     */
/* Phones: the footer "Contact Us" dropdown gets a button to the contact page. Hidden on desktop. */
.vmf-contact{display:inline-flex;align-items:center;gap:8px;margin:14px 0 4px;background:#F7941D;color:#333232!important;border-radius:999px;padding:9px 20px;font-family:'Jost-Medium','Jost',sans-serif;font-size:15px;text-decoration:none!important}
.vmf-contact:hover{background:#FCAF28}
.vmf-contact svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:992px){.vmf-contact{display:none!important}}
/* Phones: "Business Accounts" is no longer a dropdown, only the apply button shows */
@media (max-width:991px){
 .vmf-biz-col>.footer-accordion-toggle{display:none!important}
 #footerSubscribe{display:block!important;height:auto!important;padding:4px 0 0;margin-bottom:18px}
 #footerSubscribe .vmx-fb-lede,#footerSubscribe .vmx-fb-list{display:none!important}
 #footerSubscribe .btn{display:flex!important;align-items:center;justify-content:center;width:100%!important;max-width:none!important;min-height:46px;border-radius:999px}
}
/* Phones: footer order Quick Links, Products, Contact Us, then the business button */
@media (max-width:991px){
 .vmf-col-quick{order:1}
 .vmf-col-products{order:2}
 .vmf-col-contact{order:3}
 .vmf-biz-col{order:4}
}
/*     end footer contact page link     */

/*     Form dropdown arrow (Oct 2026)     */
/* Plain dropdowns showed the browser's arrows plus the theme's up/down arrows. One down arrow, site-wide. */
select.custom-select,select.form-control{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333232' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important;padding-right:36px!important}
select.custom-select[multiple],select.form-control[multiple],select.custom-select[size]:not([size="1"]),select.form-control[size]:not([size="1"]){background-image:none!important;padding-right:12px!important}
/*     end form dropdown arrow     */

/*     Header contact icon (Oct 2026)     */
/* Desktop "Contact us" button: speech bubble instead of the arrow. Phones: a speech-bubble
   button to /contact-us.html before the search icon. Markup added by the JS block of the same name. */
.vmn-ico{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-right:7px;vertical-align:-3px}
.vmh-call{display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;padding:0!important;margin-right:4px;border-radius:50%;background:#fdf3e3;color:#F7941D!important}
.vmh-call svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:767px){
 .vmh-row{display:flex!important;flex-wrap:nowrap!important;align-items:center}
 .vmh-row>a.btn-link{padding-left:7px!important;padding-right:7px!important}
 img.vmh-logo{width:148px!important;max-width:148px!important;height:auto!important}
}
/*     end header contact icon     */

/*     About page clean-up (Oct 2026)     */
/* /aboutus.html: the real About page, kept as designed. Theme touches only. Scoped to .vmau. */
.vmau .vm-band .vm-dot{display:inline-block!important;vertical-align:middle;font-size:0!important;width:7px;height:7px;border-radius:50%;background:#333232!important;padding:0!important}
.vmau .vm-feat-item p{white-space:normal!important}
.vmau .vm-tech-img img{border-radius:14px}
.vmau .vm-quotes blockquote{background:#fff;border:1px solid #eceae5;border-radius:14px;padding:26px 28px!important;box-shadow:0 8px 22px rgba(0,0,0,.05);position:relative}
.vmau .vmau-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.vmau .vmau-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:999px;background:#333232;color:#fff!important;font-family:'Jost-Medium','Jost',sans-serif;font-size:16px;text-decoration:none!important}
.vmau .vmau-btn:hover{background:#000}
.vmau .vmau-ghost{background:transparent;border:2px solid #333232;color:#333232!important}
.vmau .vmau-ghost:hover{background:#333232;color:#fff!important}
/* technology boxes: clean 2 x 3 grid on desktop, thin orange rule above each (phones keep the swipe row) */
@media (min-width:992px){
 .vmau .vm-feat{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;margin-top:14px}
 .vmau .vm-feat-col{display:contents!important}
 .vmau .vm-feat-item{width:auto!important;margin:0!important;padding:14px 0 0!important;border-top:2px solid #F7941D;background:none}
 .vmau .vm-feat-item h3{margin:0 0 6px!important}
 .vmau .vm-feat-item p{margin:0!important;line-height:1.55;color:#55544f}
 .vmau .vm-tech .vm-wrap{align-items:center}
}
/* service strip links */
.vmau .vm-band li a{color:inherit!important;text-decoration:none!important}
.vmau .vm-band li a:hover{text-decoration:underline!important;text-underline-offset:4px}
/* orange service strip: centred row with dots on desktop, 2 x 2 outlined pills on phones */
@media (min-width:768px){
 .vmau .vm-band ul{display:flex!important;flex-wrap:nowrap!important;width:100%!important;justify-content:center!important;align-items:center;gap:0 34px!important;margin:0 auto!important;padding:0!important}
}
@media (max-width:767px){
 .vmau .vm-band ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;padding:0 12px!important;margin:0!important}
 .vmau .vm-band .vm-dot{display:none!important}
 .vmau .vm-band ul li:not(.vm-dot){display:flex!important;align-items:stretch!important;justify-content:center!important;text-align:center!important;min-height:40px!important;padding:0!important;border:1.5px solid rgba(255,255,255,.8)!important;border-radius:999px!important;font-size:11px!important;letter-spacing:0!important;line-height:1.2!important;margin:0!important;background:rgba(255,255,255,.08)!important}
 .vmau .vm-band ul li a{display:flex;align-items:center;justify-content:center;width:100%;padding:6px}
 .vmau .vm-band ul li a:hover{text-decoration:none!important}
}
/*     end about page clean-up     */

/*     Product shipping info spacing (Oct 2026)     */
/* All widths: gap between the Shipping Cost Estimation box and the Important Production & Shipping Information button */
.important-prod-ship-info-wrap{margin-top:16px!important}
/* the pill button: room between the text and its rounded edge */
.important-prod-ship-info-wrap>span{padding:10px 22px!important;text-align:center}
/*     end product shipping info spacing     */

/*     Production info sheet (Oct 2026)     */
/* Phones: "Important Production & Shipping Information" opens a full-width sheet instead of the hover popover. Built by the JS block of the same name. */
.vmsi-back{position:fixed;inset:0;z-index:100000;background:rgba(51,50,50,.55);opacity:0;transition:opacity .2s}
.vmsi-sheet{position:fixed;left:0;right:0;bottom:0;z-index:100001;max-height:86vh;display:flex;flex-direction:column;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.18);transform:translateY(100%);transition:transform .25s ease;font-family:'Jost','Jost-Regular',sans-serif;color:#333232}
.vmsi-open .vmsi-back{opacity:1}
.vmsi-open .vmsi-sheet{transform:none}
.vmsi-head{display:flex;align-items:center;gap:12px;padding:18px 20px 14px;border-bottom:1px solid #eceae5}
.vmsi-head h2{flex:1;margin:0;font-family:'Jost-Medium','Jost',sans-serif;font-size:18px;line-height:1.3;color:#333232}
.vmsi-x{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:#f3f1ec;color:#333232;font-size:24px;line-height:40px;padding:0;cursor:pointer}
.vmsi-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 20px 8px}
.vmsi-body *{font-family:inherit!important}
.vmsi-body h2{display:none}
.vmsi-body section,.vmsi-body div{padding:0!important;margin:0!important;max-width:none!important;border:0!important;background:none!important}
.vmsi-body h3{margin:18px 0 6px!important;font-family:'Jost-Medium','Jost',sans-serif!important;font-size:16px!important;color:#333232!important}
.vmsi-body h3:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#F7941D;margin-right:9px;vertical-align:middle}
.vmsi-body p{margin:0!important;font-size:15px!important;line-height:1.6!important;color:#55544f!important}
.vmsi-foot{padding:12px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #eceae5}
.vmsi-ok{display:block;width:100%;min-height:48px;border:0;border-radius:999px;background:#333232;color:#fff;font-family:'Jost-Medium','Jost',sans-serif;font-size:16px;cursor:pointer}
html.vmsi-lock,html.vmsi-lock body{overflow:hidden}
/*     end production info sheet     */

/*     Shipping estimate totals (Oct 2026)     */
/* All widths: Shipping Price and Estimated Total on one line each, label left, bold amount right, lined up with the Type & Cost field. */
#shipestimatedshippingprice,#shipestimatetotalprice{position:relative;justify-content:flex-start!important;align-items:baseline!important;flex-wrap:nowrap!important;gap:0!important;margin:0 16px!important;padding:10px 0!important;line-height:1.2;border-top:1px solid #eceae5}
#shipestimatedshippingprice{margin-top:14px!important}
#shipestimatetotalprice{margin-bottom:6px!important}
#shipestimatedshippingprice .ld-ext-left,#shipestimatetotalprice .ld-ext-left{position:absolute!important;right:0;top:50%}
.estimated-shipping-label,#shipestimatetotalprice .content-small-box-lable{font-family:'Jost-Regular','Jost',sans-serif!important;font-size:15px!important;color:#55544f!important;white-space:nowrap;padding:0 12px 0 0!important;line-height:1.2!important}
#shipestimatetotalprice .content-small-box-lable{font-family:'Jost-Medium','Jost',sans-serif!important;font-size:16px!important;color:#333232!important}
#estimated_shipping_price,#disp_total_price{float:none!important;display:inline!important;margin-left:auto!important;text-align:right!important;white-space:nowrap!important;height:auto!important;line-height:1.2!important;font-family:'Jost-SemiBold','Jost',sans-serif!important;font-weight:600!important;font-size:20px!important;color:#333232!important}
#disp_total_price{color:#F7941D!important}
/*     end shipping estimate totals     */

/*     Careers page (Oct 2026)     */
/* /resume.html in the Business Accounts style around the existing Apply Now form (Manage Forms).
   Markup from the JS block of the same name; reuses the .vmr classes. Scoped to .vmj. */
.vmj-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:40px;align-items:start;padding:44px}
.vmj-intro{position:sticky;top:110px}
.vmj .vmr-chips{margin-top:22px}
.vmj .vmr-chips span{display:inline-flex;align-items:center;gap:8px}
.vmj .vmr-chips b{font-family:'Jost-Medium','Jost',sans-serif;font-weight:normal}
.vmj-steps{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:16px}
.vmj-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start}
.vmj-steps li>b{width:34px;height:34px;border-radius:50%;background:#333232;color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px}
.vmj-steps li:first-child>b{background:#F7941D;color:#333232}
.vmj-steps h3{font-size:17px;margin:4px 0 2px}
.vmj-steps p{margin:0;color:#5f5e5a;font-size:15px}
.vmj-ask{margin:28px 0 0;padding:16px 18px;background:#fff;border:1px solid #eceae5;border-radius:12px;font-size:15px;color:#5f5e5a}
.vmj-ask a{color:#333232!important;font-family:'Jost-Medium','Jost',sans-serif;text-decoration:underline;text-decoration-color:#F7941D;text-underline-offset:3px}
/* the form: two fields per row, long answers full width */
.vmj .vmr-card form>.row:first-of-type{row-gap:14px!important}
.vmj .vmr-card form .form-group{margin-bottom:0}
.vmj .vmr-card form .col-form-label{font-size:14px}
.vmj .vmr-card form>.row>.vmj-full{grid-column:1/-1}
.vmj .vmr-card form textarea.form-control{min-height:130px}
.vmj .vmr-card form .hidefile{margin-top:4px}
.vmj .vmr-card form .hidefile .row{margin:0}
.vmj .vmr-card form .hidefile .col-11{flex:0 0 100%!important;max-width:100%!important;padding:0!important}
.vmj .vmr-card form .hidefile .col-1,.vmj .vmr-card form .hidefile .col-lg-auto{display:none}
.vmj-hide{display:none!important}
.vmj .vmr-card form>.row>[class*="col-"]:empty{display:none}
.vmj-req{font-size:13px;color:#6b6a66;margin:-8px 0 16px}
@media (max-width:991px){
 .vmj-layout{grid-template-columns:minmax(0,1fr);padding:30px 22px;gap:28px}
 .vmj-intro{position:static}
}
@media (max-width:575px){
 .vmj .vmr-card form>.row>.vmr-half{grid-column:1/-1}
}
/*     end careers page     */

/*     Shop by material page (Oct 2026)     */
/* /shop-by-materials/categories/: material guide for customers who know the substrate they want.
   Markup from the JS block of the same name; reuses the .vmr classes. Scoped to .vmm. */
.vmm .vmr-hero{grid-template-columns:minmax(0,1fr);padding:40px 44px}
.vmm-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.vmm-jump a{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #eceae5;border-radius:999px;padding:9px 18px;font-family:'Jost-Medium','Jost',sans-serif;font-size:15px;color:#333232!important;text-decoration:none!important}
.vmm-jump a:hover{border-color:#F7941D}
.vmm-jump b{font-weight:normal;color:#F7941D}
.vmm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.vmm-head .vmr-sub{margin:0}
.vmm-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eceae5;border-radius:14px;overflow:hidden;color:#333232!important;text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
.vmm-card:hover{border-color:#F7941D;box-shadow:0 10px 24px rgba(0,0,0,.08)}
.vmm-img{aspect-ratio:1/1;background:#fff;overflow:hidden}
.vmm-img img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}
.vmm-body{display:flex;flex-direction:column;gap:8px;padding:16px 16px 18px;flex:1}
.vmm-body h3{font-size:18px}
.vmm-body p{margin:0;color:#5f5e5a;font-size:14px;line-height:1.45}
.vmm-chips{display:flex;flex-wrap:wrap;gap:6px}
.vmm-chips span{background:#fdf3e3;border-radius:999px;padding:3px 10px;font-size:12px;font-family:'Jost-Medium','Jost',sans-serif;color:#333232}
.vmm-go{margin-top:auto;padding-top:6px;font-family:'Jost-Medium','Jost',sans-serif;font-size:14px;text-decoration:underline;text-decoration-color:#F7941D;text-underline-offset:3px}
.vmm-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:22px;background:#fff;border:1px solid #eceae5;border-radius:14px;overflow:hidden;font-size:15px}
.vmm-table th,.vmm-table td{padding:13px 16px;text-align:left;border-bottom:1px solid #eceae5;vertical-align:top}
.vmm-table th{background:#333232;color:#fff;font-family:'Jost-Medium','Jost',sans-serif;font-weight:normal}
.vmm-table tr:last-child td{border-bottom:0}
.vmm-table td:first-child a{font-family:'Jost-Medium','Jost',sans-serif;color:#333232!important;text-decoration:underline;text-decoration-color:#F7941D;text-underline-offset:3px}
.vmm-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.vmm-nav{display:flex;align-items:center;gap:8px}
.vmm-nav .vmm-go{margin:0 6px 0 0;padding:0}
.vmm-arrow{width:40px;height:40px;border-radius:50%;border:1px solid #d8d6d0;background:#fff;color:#333232;font-size:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0 0 3px}
.vmm-arrow:hover:not(:disabled){border-color:#F7941D;color:#F7941D}
.vmm-arrow:disabled{opacity:.35;cursor:default}
.vmm-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/5);gap:18px;margin-top:22px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 8px}
.vmm-rail::-webkit-scrollbar{display:none}
.vmm-rail>.vmm-card{scroll-snap-align:start}
.vmm-hidden{display:none!important}
.vmm .vmr-sec{scroll-margin-top:110px}
@media (max-width:1199px){ .vmm-rail{grid-auto-columns:calc((100% - 36px)/3)} }
@media (max-width:767px){
 .vmm .vmr-hero{padding:28px 22px}
 .vmm-rail{grid-auto-columns:72%;gap:12px}
 .vmm-arrow{width:34px;height:34px;font-size:20px}
 .vmm-body{padding:12px 12px 14px}
 .vmm-body h3{font-size:16px}
 .vmm-body p{font-size:13px}
 .vmm-table{min-width:560px;font-size:14px}
}
/*     end shop by material page     */

/*     Mobile menu see-all links (Oct 2026)     */
.vmnav-all{display:none}
@media (max-width:991px){
 .vmnav-all{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 12px 6px;padding:11px 14px;border-radius:10px;background:#fdf3e3;color:#333232!important;font-family:'Jost-Medium','Jost',sans-serif;font-size:15px;text-decoration:none!important}
 .vmnav-all b{font-weight:normal;font-size:20px;line-height:1;color:#F7941D}
 .vmnav-all:active{background:#F7941D}
}
/*     end mobile menu see-all links     */
/*     See all materials menu link (Oct 2026)     */
/* Header link "See All Materials" (Links - Header / Footer id 140) is for the phone menu only. Desktop keeps the Shop by Material megamenu. */
@media (min-width:992px){#navbarText .navbar-nav>li>a.nav-link[href$="#all-materials"]{display:none!important}}
/* hide the empty list item too, so the desktop menu gaps stay even (Oct 2026) */

/*     end see all materials menu link     */

/* vm: top banner - 481-767px windows: phone layout at 390px, scaled up to the window width by the theme JS (2026-10-06) */
@media (min-width:481px) and (max-width:767px){
body #top-banner{width:390px!important;max-width:none!important}
body #top-banner .carousel-item .carousel-caption{padding-top:calc(390px * .86)!important}
body #top-banner .carousel-control-prev,body #top-banner .carousel-control-next{padding-top:calc(390px * .3)!important}
}