/*
Theme Name: Bannerpen Modern
Author: Bannerpen project
Description: Zelfstandig lichtgewicht WordPress theme voor Bannerpen.nl
Version: 1.4.0
Text Domain: bannerpen
*/
:root{--ink:#17283e;--accent:#ed6544;--light:#f5f7fa;--muted:#63748b;--blue:#164d77}*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff}a{color:var(--blue)}.wrap{max-width:1160px;margin:auto;padding:0 24px}.topbar{background:#102b46;color:#fff;padding:8px 0;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;gap:12px}.sitehead{background:#fff;box-shadow:0 2px 15px #132e4812;position:sticky;top:0;z-index:10}.sitehead .wrap{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:24px}.brand{font-size:27px;font-weight:900;text-decoration:none;color:#153f61;letter-spacing:-1px}.brand span{color:var(--accent)}.menu{display:flex;gap:19px;flex-wrap:wrap;align-items:center}.menu a{text-decoration:none;color:#213c53;font-weight:650;font-size:14px}.btn,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:white!important;padding:13px 22px;border-radius:10px;text-decoration:none;border:0;font-weight:750;cursor:pointer}.btn:hover{background:#d84e30;transform:translateY(-1px)}.hero{background:linear-gradient(115deg,#e9f5fb,#f8f9fc 65%,#fff0e8);padding:76px 0}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:40px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-weight:800;font-size:12px}.hero h1{font-size:clamp(35px,5vw,61px);line-height:1.12;letter-spacing:-2px;margin:15px 0}.hero p{font-size:19px;color:#50657a}.hero-art{background:#fff;box-shadow:0 15px 60px #164d7725;border-radius:30px;padding:36px;text-align:center}.hero-art .pen{height:18px;border-radius:12px;margin:27px 0;transform:rotate(-18deg);background:linear-gradient(90deg,#15446d,#5cb5d9 70%,#113f6d);box-shadow:4px 12px 13px #0002}.hero-art .pen:nth-child(2){background:linear-gradient(90deg,#e86d48,#ffbf67,#cf4b38);transform:rotate(9deg)}.hero-art .pen:nth-child(3){background:linear-gradient(90deg,#263b50,#cbd3d8,#405a70);transform:rotate(-7deg)}.section{padding:65px 0}.section h2{font-size:34px;line-height:1.2;margin:0 0 14px}.sub{color:var(--muted);margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #e4eaf0;border-radius:18px;padding:24px;background:#fff;box-shadow:0 5px 20px #112b4410}.card h3{margin:15px 0 7px}.card p{color:#5a6d7d}.card .product-visual{height:150px;background:linear-gradient(135deg,#eaf2f8,#f9f9fa);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.card .product-visual img{max-width:95%;max-height:145px;object-fit:contain}.fakepen{display:block;width:75%;height:16px;border-radius:15px;background:linear-gradient(90deg,#173b5c,#5da7c7,#173b5c);transform:rotate(-12deg)}.trust{background:#f5f8fb}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.trust-grid div{background:white;padding:25px;border-radius:15px}.page{padding:55px 0;min-height:50vh}.page h1{font-size:42px;line-height:1.15}.content{max-width:880px}.content img{max-width:100%;height:auto}.content table{width:100%;border-collapse:collapse}.content td,.content th{padding:10px;border-bottom:1px solid #dce3e8;text-align:left}.sitefoot{background:#112b43;color:#dce9f3;padding:44px 0}.sitefoot a{color:white}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.small{font-size:13px;color:#6e7c8a}.notice{background:#fff4e9;padding:15px;border-radius:10px;border-left:4px solid #e88b48}@media(max-width:800px){.hero-grid,.cards,.trust-grid,.foot-grid{grid-template-columns:1fr}.sitehead .wrap{display:block;padding-top:16px;padding-bottom:15px}.menu{margin-top:10px}.hero{padding:45px 0}.topbar .wrap{display:block}.page h1{font-size:34px}}
.hero-art img{border-radius:12px}.product-visual img{object-fit:contain}.bp-choices img{display:block;max-width:100%;height:65px;object-fit:contain;margin:4px auto 8px}.bp-choices label:has(input:checked){border-color:#ed6544;background:#fff7f3}

/* v1.3: styling based on the original red/black Bannerpen logo. */
:root{--ink:#232323;--accent:#ec1745;--light:#f7f7f7;--muted:#626262;--blue:#c5133d}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
html{margin-top:0!important}body{padding-top:0!important}.topbar{background:#242424}.sitehead{top:0}.sitehead .wrap{min-height:74px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{display:block;width:190px;height:auto;max-height:65px;object-fit:contain}.menu{gap:15px}.menu a{color:#242424}.menu .btn{color:white}.btn,.wp-block-button__link{background:var(--accent);border-radius:5px}.btn:hover{background:#b80c32}.hero{background:linear-gradient(120deg,#fafafa,#fff1f4)}.eyebrow{color:var(--accent)}.hero-art{padding:14px}.hero-art img{display:block;width:100%;max-height:450px;object-fit:contain}.page{padding:42px 24px 70px}.page .content{width:100%;max-width:960px;margin:0 auto}.page .content>*{max-width:100%}.page h1{margin-top:0}.detail-product-image{width:100%;background:#fafafa;border:1px solid #eee;border-radius:12px;padding:24px;margin:12px 0 28px;text-align:center}.detail-product-image img{display:block;max-width:100%;width:auto;max-height:370px;object-fit:contain;margin:auto}.model-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.model-cards h2{font-size:22px;margin:12px 0 20px}.model-cards .product-visual{height:190px}.model-cards .product-visual img{max-height:175px}.menu-models{position:relative}.submenu{display:none;position:absolute;top:100%;left:0;min-width:245px;background:white;border:1px solid #eee;border-radius:8px;box-shadow:0 12px 28px #0002;padding:8px;z-index:30}.menu-models:hover .submenu,.menu-models:focus-within .submenu{display:grid}.submenu a{display:block;padding:8px 12px;white-space:nowrap}.submenu a:hover{background:#fff1f4;color:var(--accent)}
@media(max-width:800px){.sitehead .wrap{padding:10px 20px}.brand img{width:165px}.menu{gap:10px}.menu a{font-size:13px}.submenu{position:static;box-shadow:none;min-width:0}.menu-models:focus-within .submenu{display:grid}.page{padding:28px 20px 55px}.page h1{font-size:31px}.model-cards{grid-template-columns:1fr}.hero-art img{max-height:380px}}

/* v1.4: six source-backed product cards and readable responsive layout */
.bp-product-card{display:block;text-decoration:none;color:var(--ink);transition:transform .18s,box-shadow .18s}.bp-product-card:hover,.bp-product-card:focus-visible{transform:translateY(-4px);box-shadow:0 14px 35px #0002}.bp-product-card h3{color:var(--accent);font-size:20px}.bp-product-card .bp-from{font-weight:800;color:#242424;margin:4px 0 12px}.bp-product-card p{color:#343434}.bp-product-card .product-visual{height:220px;background:#fff}.bp-product-card .product-visual img{max-height:210px}.bp-included{display:grid;grid-template-columns:1fr 2fr;gap:35px;align-items:center}.bp-included img{width:100%;max-width:380px;height:auto}.bp-included li{margin:8px 0}.hero-art img{max-height:540px!important}.page,.wrap.page{padding-left:max(20px,calc((100vw - 1160px)/2 + 24px));padding-right:max(20px,calc((100vw - 1160px)/2 + 24px))}.page .content{max-width:960px}.model-cards .card{min-width:0}@media(max-width:800px){.bp-included{grid-template-columns:1fr}.bp-product-card .product-visual{height:200px}.page,.wrap.page{padding-left:20px;padding-right:20px}}