/*
Theme Name: VARLAB Industrial
Theme URI: https://varlab.si/
Author: VARLAB
Description: Industrijska WordPress tema za VARLAB – varnostne nalepke, opozorilne table in katalog oznak.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: varlab
*/

:root{--vl-black:#0b0c0c;--vl-dark:#171918;--vl-dark2:#202221;--vl-gold:#e6ad21;--vl-gold2:#f4c649;--vl-cream:#eeeae1;--vl-white:#fff;--vl-text:#151515;--vl-muted:#727775;--vl-line:rgba(255,255,255,.11);--vl-max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--vl-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6}img{max-width:100%;height:auto}a{color:inherit}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vl-wrap{width:min(calc(100% - 40px),var(--vl-max));margin:0 auto}.vl-display{font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif;font-stretch:condensed;font-weight:900;letter-spacing:-.035em;line-height:.97}.vl-eyebrow{margin:0 0 20px;color:#d79300;font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase}.vl-eyebrow:before{content:"";display:inline-block;width:24px;height:2px;background:var(--vl-gold);margin:0 10px 3px 0}.vl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border:1px solid transparent;border-radius:4px;font-weight:800;text-decoration:none;transition:.2s ease}.vl-btn:hover{transform:translateY(-1px)}.vl-btn--gold{background:var(--vl-gold);color:#0a0a0a}.vl-btn--gold:hover{background:var(--vl-gold2)}.vl-btn--outline{border-color:#777;color:#fff}.vl-btn--outline:hover{border-color:#fff}.vl-btn--dark{background:#111;color:#fff}.vl-link{color:#b87900;font-weight:800;text-decoration:none}.vl-link:hover{text-decoration:underline}

/* Header */
.vl-site-header{position:sticky;top:0;z-index:80;background:rgba(10,11,11,.96);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}.admin-bar .vl-site-header{top:32px}.vl-header-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:30px}.vl-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:900;font-size:20px;letter-spacing:-.03em}.vl-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:3px;background:var(--vl-gold);color:#111;font-weight:900}.vl-brand em{color:var(--vl-gold);font-style:normal}.vl-nav{display:flex;align-items:center;gap:30px}.vl-nav a{text-decoration:none;color:#d9dbda;font-size:14px;font-weight:700}.vl-nav a:hover,.vl-nav .current-menu-item>a{color:#fff}.vl-nav .vl-nav-cta{padding:11px 18px;background:var(--vl-gold);color:#111;border-radius:4px}.vl-menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}

/* Hero */
.vl-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 55%,rgba(230,173,33,.08),transparent 32%),#0b0c0c;color:#fff;padding:92px 0 105px}.vl-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,#000 0%,transparent 95%);pointer-events:none}.vl-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:84px;align-items:center}.vl-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 32px;padding:8px 12px;border:1px solid rgba(230,173,33,.35);background:rgba(230,173,33,.07);color:var(--vl-gold);font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.vl-kicker i{width:10px;height:10px;background:var(--vl-gold);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.vl-hero h1{font-size:clamp(58px,6.2vw,96px);margin:0 0 26px;max-width:690px}.vl-hero h1 span{color:var(--vl-gold)}.vl-hero-lead{font-size:19px;line-height:1.65;color:#c7ccca;max-width:650px;margin:0 0 34px}.vl-hero-actions{display:flex;gap:14px;flex-wrap:wrap}

/* Sections */
.vl-section{padding:92px 0}.vl-section--cream{background:#eeeae1}.vl-section--light{background:#fff}.vl-section--dark{background:#1b1d1c;color:#fff}.vl-section--black{background:#0b0c0c;color:#fff}.vl-section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:46px}.vl-section-head h2,.vl-content h1,.vl-content h2{margin:0;font-size:clamp(40px,4.5vw,60px)}.vl-section-head p{margin:0;color:#545a57;font-size:17px}.vl-section--dark .vl-section-head p,.vl-section--black .vl-section-head p{color:#b3b9b6}

.vl-process{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.1)}.vl-step{padding:30px;border-right:1px solid rgba(255,255,255,.1)}.vl-step:last-child{border-right:0}.vl-step strong{display:block;color:var(--vl-gold);font:800 24px ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:18px}.vl-step h3{margin:0 0 8px}.vl-step p{margin:0;color:#adb3b0;font-size:14px}.vl-note{margin:24px 0 0;padding:14px 16px;border-left:3px solid var(--vl-gold);background:rgba(230,173,33,.08);color:#c9cecc;font-size:13px}

/* Catalog */
.vl-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vl-catalog-card{display:flex;align-items:center;gap:16px;min-height:110px;padding:20px;border:1px solid rgba(255,255,255,.12);background:#131414;border-radius:8px;text-decoration:none}.vl-catalog-card:hover{border-color:rgba(230,173,33,.55)}.vl-catalog-card .ico{width:48px;height:48px;display:grid;place-items:center;background:#272927;border-radius:5px;font-size:20px}.vl-catalog-card h3{margin:0 0 3px;font-size:16px}.vl-catalog-card small{color:#a7adaa}.vl-catalog-status{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border:1px dashed rgba(255,255,255,.18);border-radius:8px}.vl-badge{display:inline-block;padding:6px 9px;background:rgba(230,173,33,.12);border:1px solid rgba(230,173,33,.35);color:var(--vl-gold);font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}

/* FAQ */
.vl-faq{max-width:860px}.vl-faq details{border-top:1px solid #ddd;padding:0}.vl-faq details:last-child{border-bottom:1px solid #ddd}.vl-faq summary{cursor:pointer;font-weight:800;padding:20px 0;list-style:none}.vl-faq summary::-webkit-details-marker{display:none}.vl-faq summary:after{content:"+";float:right;color:#c08600;font-size:24px}.vl-faq details[open] summary:after{content:"–"}.vl-faq details p{margin:0 0 22px;color:#626764}

/* CTA/Footer */
.vl-cta{background:var(--vl-gold);padding:58px 0}.vl-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.vl-cta h2{font-size:clamp(34px,4vw,52px);margin:0 0 8px}.vl-cta p{
    margin:10px 0 0;
    max-width:720px;
    font-size:18px;
    line-height:1.6;
}.vl-footer{background:#090a0a;color:#c1c5c3;border-top:5px solid var(--vl-gold);padding:54px 0 24px}.vl-footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:50px}.vl-footer h4{margin:0 0 18px;color:var(--vl-gold);font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}.vl-footer p,.vl-footer li,.vl-footer a{font-size:14px;color:#aeb4b1;text-decoration:none}.vl-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.vl-footer a:hover{color:#fff}.vl-footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#7e8581}

/* Content pages */
.vl-page-hero{padding:86px 0 70px;background:#0b0c0c;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.vl-page-hero h1{font-size:clamp(54px,6vw,88px);margin:0 0 20px}.vl-page-hero h1 span{color:var(--vl-gold)}.vl-page-hero p{max-width:760px;font-size:19px;color:#c4cac7}.vl-content{padding:76px 0}.vl-content-narrow{max-width:900px}.vl-content h2{font-size:42px;margin:52px 0 18px}.vl-content h3{font-size:24px;margin:34px 0 10px}.vl-content p,.vl-content li{font-size:17px;color:#4f5552}.vl-content ul{padding-left:22px}.vl-two-col{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin:36px 0}.vl-info-box{padding:28px;background:#f4f1e9;border-left:4px solid var(--vl-gold)}

/* Contact */
.vl-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.vl-contact-card{padding:30px;background:#f1ede4;border-radius:10px}.vl-contact-item{padding:16px 0;border-bottom:1px solid #d8d3c8}.vl-contact-item:last-child{border-bottom:0}.vl-contact-item small{display:block;color:#8a8e8b;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.vl-contact-item a{font-weight:800;text-decoration:none}.vl-form-placeholder{padding:34px;border:1px solid #ddd;border-radius:10px}.vl-form-placeholder h2{font-size:36px;margin-top:0}.vl-form-placeholder code{display:block;margin-top:14px;padding:12px;background:#f6f6f6;white-space:normal}

/* Generic WP */
.vl-default{padding:70px 0}.vl-default article{max-width:850px}.vl-default h1{font-size:52px}.wp-block-image img{border-radius:6px}

/* ==================================================
   RESPONSIVE
   ================================================== */

@media (max-width: 980px) {

    .admin-bar .vl-site-header {
        top: 46px;
    }

    .vl-menu-toggle {
        display: block;
    }

    .vl-nav {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 70px;
        background: #0b0c0c;
        border-top: 1px solid rgba(255,255,255,.08);
        padding: 18px 20px 24px;
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
    }

    .vl-nav.is-open {
        display: flex;
    }

    .vl-nav a {
        padding: 12px 0;
    }

    .vl-nav .vl-nav-cta {
        text-align: center;
        margin-top: 7px;
    }

    .vl-hero-grid,
    .vl-section-head,
    .vl-contact-grid {
        grid-template-columns: 1fr;
    }

    .vl-hero-grid {
        gap: 55px;
    }

    .vl-section-head {
        gap: 18px;
    }

    .vl-process {
        grid-template-columns: repeat(2, 1fr);
    }

    .vl-step:nth-child(2) {
        border-right: 0;
    }

    .vl-step:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255,255,255,.1);
    }

    .vl-catalog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .vl-footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .vl-two-col {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 640px) {

    .vl-wrap {
        width: min(calc(100% - 28px), var(--vl-max));
    }

    .vl-header-inner {
        height: 62px;
    }

    .vl-nav {
        top: 62px;
    }

    .vl-hero {
        padding: 64px 0 72px;
    }

    .vl-hero h1 {
        font-size: 56px;
    }

    .vl-hero-lead {
        font-size: 16px;
    }

    .vl-section {
        padding: 68px 0;
    }

    .vl-process,
    .vl-catalog-grid,
    .vl-footer-grid {
        grid-template-columns: 1fr;
    }

    .vl-step {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.1);
    }

    .vl-step:last-child {
        border-bottom: 0;
    }

    .vl-catalog-status,
    .vl-cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .vl-page-hero {
        padding: 62px 0 52px;
    }

    .vl-page-hero h1 {
        font-size: 52px;
    }

    .vl-content {
        padding: 56px 0;
    }

    .vl-content h2 {
        font-size: 36px;
    }

    .vl-footer {
        padding-top: 42px;
    }
}


/* ==================================================
   VARLAB - WPFORMS OBRAZEC
   ================================================== */

.vl-form-placeholder .wpforms-container {
    margin: 0 !important;
    max-width: 100%;
}


/* Naslovi polj */

.vl-form-placeholder .wpforms-field-label {
    font-weight: 700 !important;
    color: #111 !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
}


/* Vnosna polja */

.vl-form-placeholder input[type="text"],
.vl-form-placeholder input[type="email"],
.vl-form-placeholder input[type="tel"],
.vl-form-placeholder textarea {
    width: 100% !important;
    max-width: 100% !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 4px !important;
    background: #fff !important;
    padding: 13px 15px !important;
    font-size: 16px !important;
    color: #111 !important;
    box-shadow: none !important;
}


/* Aktivno polje */

.vl-form-placeholder input:focus,
.vl-form-placeholder textarea:focus {
    border-color: #d6b12f !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(214,177,47,.15) !important;
}


/* Razmik med polji */

.vl-form-placeholder .wpforms-field {
    padding: 0 0 20px !important;
}


/* Sporočilo */

.vl-form-placeholder textarea {
    min-height: 160px !important;
    resize: vertical;
}


/* Potrditveno sporočilo */

.vl-form-placeholder .wpforms-confirmation-container-full {
    background: #f5f2e8 !important;
    border: 1px solid #d6b12f !important;
    color: #111 !important;
    padding: 20px !important;
    border-radius: 4px !important;
}


/* WPForms - zlati gumb */

.vl-form-placeholder .wpforms-container button.wpforms-submit,
.vl-form-placeholder .wpforms-container input[type="submit"],
.vl-form-placeholder .wpforms-submit-container button {
    background-color: #d6b12f !important;
    border-color: #d6b12f !important;
    color: #111 !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    padding: 14px 24px !important;
}

.vl-form-placeholder .wpforms-container button.wpforms-submit:hover,
.vl-form-placeholder .wpforms-submit-container button:hover {
    background-color: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
}


/* ==================================================
   PRIMERI VARNOSTNIH NALEPK
   ================================================== */

.vl-label-showcase {
    margin: 34px 0 46px;
}

.vl-label-showcase img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

@media (max-width: 640px) {

    .vl-label-showcase {
        margin: 26px 0 34px;
    }

    .vl-label-showcase img {
        border-radius: 6px;
    }
}


/* Gumb v informacijskem okvirju */

.vl-info-box-cta .vl-btn {
    margin-top: 8px;
    display: inline-block;
}


/* ==================================================
   PRIMERI OPOZORILNIH IN VARNOSTNIH TABEL
   ================================================== */

.vl-table-showcase {
    margin: 30px 0 46px;
}

.vl-table-showcase img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

@media (max-width: 640px) {

    .vl-table-showcase {
        margin: 26px 0 34px;
    }

    .vl-table-showcase img {
        border-radius: 6px;
    }
}


/* Gradbiščne table */

.vl-construction-grid {
    margin-top: 30px;
}


/* ==================================================
   NASLOVNA STRAN - HERO SLIKA
   ================================================== */

.vl-hero-image {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
}

.vl-hero-image img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    border-radius: 14px;
    object-fit: cover;
}


/* Desktop */

@media (min-width: 981px) {

    .vl-hero-grid {
        grid-template-columns: 1fr 1.15fr;
        gap: 70px;
        align-items: center;
    }

    .vl-hero-image img {
        width: 135%;
        max-width: 920px;
        height: auto;
    }
}


/* Tablica */

@media (max-width: 980px) {

    .vl-hero-image {
        margin-top: 30px;
        width: 100%;
    }

    .vl-hero-image img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}


/* Mobilni telefon */

@media (max-width: 640px) {

    .vl-hero-image {
        margin-top: 24px;
    }

    .vl-hero-image img {
        width: 100%;
        max-width: 100%;
        height: auto;
        border-radius: 8px;
    }
}

.vl-brand-mark img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
}

/* ==================================================
   VARLAB - KATALOG POSAMEZNIH ZNAKOV
   ================================================== */

.vl-sign-catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 40px;
    margin-bottom: 50px;
}

.vl-sign-item {
    background: #ffffff;
    border: 1px solid #dedede;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
}

.vl-sign-image {
    width: 100%;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f4f2;
    border-radius: 8px;
    margin-bottom: 20px;
}

.vl-sign-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 800;
    color: #d5aa28;
}

.vl-sign-item h3 {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.25;
    color: #111111;
}

.vl-sign-item p {
    margin: 0 0 14px;
    font-size: 15px;
    line-height: 1.55;
}

.vl-sign-item small {
    display: block;
    font-size: 13px;
    color: #777777;
}

/* tablica */
@media (max-width: 900px) {
    .vl-sign-catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* telefon */
@media (max-width: 600px) {
    .vl-sign-catalog-grid {
        grid-template-columns: 1fr;
    }

    .vl-sign-image {
        height: 160px;
    }
}

/* ==================================================
   STRAN KATALOG – PDF IN FAQ
   ================================================== */

/* PDF SEKCIJA */

.vl-pdf-catalog {
    padding: 80px 0 90px;
    background: #f7f6f2;
    color: #111313;
}

.vl-pdf-catalog__intro {
    max-width: 850px;
    margin-bottom: 36px;
}

.vl-pdf-catalog .vl-eyebrow {
    margin: 0 0 18px;
    color: #b68e13;
}

.vl-pdf-catalog .vl-display {
    margin: 0 0 20px;
    color: #111313;
    font-size: clamp(36px, 4vw, 56px);
    line-height: 1.05;
}

.vl-pdf-catalog .vl-display span {
    color: #d8ad25;
}

.vl-pdf-catalog__intro > p:not(.vl-eyebrow) {
    max-width: 760px;
    margin: 0;
    color: #444848;
    font-size: 18px;
    line-height: 1.65;
}

.vl-pdf-catalog__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

/* GUMBI */

.vl-pdf-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 13px 25px;
    border: 1px solid #d8ad25;
    border-radius: 4px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.vl-pdf-button:hover {
    transform: translateY(-2px);
}

.vl-pdf-button--primary {
    background: #e4bd32;
    color: #111313;
}

.vl-pdf-button--primary:hover {
    background: #f0cc45;
    border-color: #f0cc45;
    color: #111313;
}

.vl-pdf-button--secondary {
    background: #111313;
    border-color: #111313;
    color: #ffffff;
}

.vl-pdf-button--secondary:hover {
    background: #303333;
    border-color: #303333;
    color: #ffffff;
}

/* PDF PREDOGLED */

.vl-pdf-catalog__viewer {
    overflow: hidden;
    width: 100%;
    height: 850px;
    background: #242626;
    border: 1px solid #d4d2ca;
    border-radius: 8px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .18);
}

.vl-pdf-catalog__viewer iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* FAQ SEKCIJA */

.vl-catalog-faq {
    padding: 90px 0;
    background: #ffffff;
    color: #111313;
}

.vl-catalog-faq .vl-content-narrow {
    max-width: 920px;
}

.vl-catalog-faq .vl-eyebrow {
    margin: 0 0 18px;
    color: #b68e13;
}

.vl-catalog-faq .vl-display {
    margin: 0 0 38px;
    color: #111313;
    font-size: clamp(36px, 4vw, 54px);
    line-height: 1.08;
}

.vl-catalog-faq .vl-display span {
    color: #d8ad25;
}

.vl-catalog-faq__list {
    display: grid;
    gap: 14px;
}

.vl-catalog-faq__item {
    overflow: hidden;
    background: #f7f6f2;
    border: 1px solid #deddd7;
    border-radius: 6px;
}

.vl-catalog-faq__item summary {
    position: relative;
    padding: 22px 60px 22px 24px;
    color: #111313;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
    list-style: none;
}

.vl-catalog-faq__item summary::-webkit-details-marker {
    display: none;
}

.vl-catalog-faq__item summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 24px;
    color: #b68e13;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    transform: translateY(-50%);
}

.vl-catalog-faq__item[open] summary::after {
    content: "−";
}

.vl-catalog-faq__item div {
    padding: 0 24px 22px;
}

.vl-catalog-faq__item div p {
    max-width: 760px;
    margin: 0;
    color: #4c5050;
    font-size: 16px;
    line-height: 1.7;
}

.vl-catalog-faq__action {
    margin-top: 32px;
}

/* MOBILNI PRIKAZ */

@media (max-width: 767px) {
    .vl-pdf-catalog,
    .vl-catalog-faq {
        padding: 56px 0;
    }

    .vl-pdf-catalog__intro > p:not(.vl-eyebrow) {
        font-size: 16px;
    }

    .vl-pdf-catalog__actions {
        flex-direction: column;
    }

    .vl-pdf-button {
        width: 100%;
    }

    .vl-pdf-catalog__viewer {
        display: none;
    }

    .vl-catalog-faq__item summary {
        padding: 19px 52px 19px 18px;
        font-size: 16px;
    }

    .vl-catalog-faq__item summary::after {
        right: 18px;
    }

    .vl-catalog-faq__item div {
        padding: 0 18px 19px;
    }
}

@media (max-width: 767px) {
    .vl-pdf-catalog {
        padding: 56px 0;
    }

    .vl-pdf-catalog__intro > p:not(.vl-eyebrow) {
        font-size: 16px;
    }

    .vl-pdf-catalog__actions {
        flex-direction: column;
    }

    .vl-pdf-button {
        width: 100%;
    }

    .vl-pdf-catalog__viewer {
        display: none;
    }
}