/* Vislokaal 2026: category */
/* (Claude) 2026-10-17, fork TC. Categoriepagina uit Figma 1.1 D1 (desktop) en E1 (mobiel). Alles hangt aan body.vl26-cat (inc/category.php).
 * De filtermodule (#vlf) en de loop krijgen hier geen nieuwe opmaak, alleen de productkaart een paar details.
 * Terugdraaien: dit bestand leegmaken, of inc/category.php leegmaken (dan laadt dit bestand niet meer). */
body.vl26-cat{--v26-blue: #3A5896;--v26-blue-strong: #344F8D;--v26-blue-text: #2E4881;--v26-tint: #E4EEF4;--v26-tint2: #F3F7FA;--v26-gold: #B8995A;--v26-gold-band: #C5AA73;--v26-cream: #FAF0D7;--v26-text: #2D2D2D;--v26-muted: #5F6478;--v26-subtle: #9094A7;--v26-border: #C3CDDA;--v26-serif: "Roboto Serif", Georgia, "Times New Roman", serif;--v26-gutter: 32px}
body.vl26-cat #left-area .woocommerce-products-header{display: grid;grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);column-gap: 56px;align-items: center;position: relative;isolation: isolate;text-align: left;margin: 0 0 28px;padding: 0 var(--v26-gutter)}
body.vl26-cat #left-area .woocommerce-products-header::before{content: "";grid-column: 1 / -1;grid-row: 2 / 5;align-self: stretch;background: var(--v26-tint);box-shadow: 0 0 0 100vmax var(--v26-tint);clip-path: inset(0 -100vmax);z-index: -1}
body.vl26-cat #left-area .woocommerce-products-header>.cat_head_img, body.vl26-cat #left-area .woocommerce-products-header .term_description .breadcrumb_div{display: none !important}
body.vl26-cat #left-area .woocommerce-products-header>.breadcrumb_div{display: block !important;grid-column: 1 / -1;grid-row: 1;margin: 0;padding: 14px 0 16px;font-size: 0;line-height: 1.4;text-align: left}
body.vl26-cat #left-area .woocommerce-products-header>.breadcrumb_div a{font-size: 13px;color: var(--v26-text);text-decoration: none}
body.vl26-cat #left-area .woocommerce-products-header>.breadcrumb_div a:hover{color: var(--v26-blue);text-decoration: underline}
body.vl26-cat #left-area .woocommerce-products-header>.breadcrumb_div a + a::before{content: "/";display: inline-block;margin: 0 10px;color: var(--v26-subtle);text-decoration: none}
body.vl26-cat #left-area .woocommerce-products-header>.breadcrumb_div a:last-of-type{color: var(--v26-blue);font-weight: 500;pointer-events: none}
body.vl26-cat #left-area .vl26-cat-eyebrow{grid-column: 1;grid-row: 2;align-self: end;margin: 64px 0 12px;padding: 0;font-size: 13px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--v26-gold);line-height: 1.3}
body.vl26-cat #left-area .woocommerce-products-header>.term_description{grid-column: 1;grid-row: 3;max-width: none;margin: 0;padding: 0;text-align: left;color: var(--v26-text)}
body.vl26-cat #left-area .woocommerce-products-header h1.vl-cat-h1{font-family: var(--v26-serif);font-weight: 700;font-size: 56px;line-height: 1.08;letter-spacing: -0.01em;text-transform: none;text-align: left;color: var(--v26-blue);margin: 0 0 20px;padding: 0}
body.vl26-cat #left-area .woocommerce-products-header .term_description p{font-size: 17px;line-height: 1.55;color: var(--v26-text);margin: 0 0 12px;padding: 0;max-width: 600px;text-align: left}
body.vl26-cat #left-area .woocommerce-products-header .term_description h2, body.vl26-cat #left-area .woocommerce-products-header .term_description h3{font-family: var(--v26-serif);font-size: 20px;color: var(--v26-blue);text-align: left;text-transform: none;margin: 16px 0 8px;padding: 0}
body.vl26-cat #left-area .vl26-cat-more{grid-column: 1;grid-row: 4;align-self: start;margin: 0 0 64px}
body.vl26-cat #left-area ul.vl26-cat-facts{display: flex;flex-wrap: wrap;gap: 16px 32px;list-style: none;margin: 20px 0 28px;padding: 0;line-height: 1.3}
body.vl26-cat #left-area .vl26-cat-fact{display: flex;align-items: center;gap: 12px;margin: 0;padding: 0;list-style: none}
body.vl26-cat #left-area .vl26-cat-fact[hidden]{display: none}
body.vl26-cat #left-area .vl26-cat-fact__icon{flex: 0 0 40px;width: 40px;height: 40px;border-radius: 50%;background: #fff;color: var(--v26-blue);display: flex;align-items: center;justify-content: center}
body.vl26-cat #left-area .vl26-cat-fact__icon svg{display: block}
body.vl26-cat #left-area .vl26-cat-fact__label{display: block;font-size: 13px;color: var(--v26-muted)}
body.vl26-cat #left-area .vl26-cat-fact__value{display: block;font-size: 15px;font-weight: 600;color: var(--v26-text)}
body.vl26-cat #left-area .vl26-cat-actions{display: flex;flex-wrap: wrap;gap: 12px 16px}
body.vl26-cat #left-area .vl26-cat-media{grid-column: 2;grid-row: 2 / 5;position: relative;margin: 40px 0;padding: 40px 24px;display: flex;align-items: center;justify-content: center}
body.vl26-cat #left-area .vl26-cat-media__img{display: block;width: 100%;max-width: 480px;height: auto;mix-blend-mode: multiply}
body.vl26-cat #left-area .vl26-cat-note{position: absolute;font-family: var(--v26-serif);font-style: italic;font-weight: 600;font-size: 18px;line-height: 1.2;color: var(--v26-blue);white-space: nowrap;pointer-events: none}
body.vl26-cat #left-area .vl26-cat-note--1{top: 0;right: 4%}
body.vl26-cat #left-area .vl26-cat-note--2{bottom: 0;left: 4%}
body.vl26-cat.vl26-cat--noimg #left-area .woocommerce-products-header{grid-template-columns: minmax(0, 1fr)}
body.vl26-cat #left-area .vl26-btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 48px;margin: 0;padding: 12px 22px;border: 1.5px solid transparent;border-radius: 8px;font-family: inherit;font-size: 16px;font-weight: 600;line-height: 1.2;text-align: center;text-decoration: none;text-transform: none;letter-spacing: 0;cursor: pointer;transition: background-color 0.15s ease, box-shadow 0.15s ease}
body.vl26-cat #left-area .vl26-btn::after{display: none}
body.vl26-cat #left-area .vl26-btn--primary{background: var(--v26-blue);border-color: var(--v26-blue);color: #fff}
body.vl26-cat #left-area .vl26-btn--primary:hover{background: var(--v26-blue-strong);border-color: var(--v26-blue-strong);box-shadow: 0 0 0 3px var(--v26-cream);color: #fff}
body.vl26-cat #left-area .vl26-btn--secondary{background: #fff;border-color: var(--v26-text);color: var(--v26-text)}
body.vl26-cat #left-area .vl26-btn--secondary:hover{box-shadow: 6px 6px 0 rgba(197, 170, 115, 0.7);color: var(--v26-text)}
body.vl26-cat #left-area .vl26-btn:focus-visible, body.vl26-cat #left-area .vl26-cat-after a:focus-visible, body.vl26-cat #left-area .vl26-faq__item summary:focus-visible{outline: 3px solid #F8B840;outline-offset: 2px}
body.vl26-cat #all-products, body.vl26-cat #vlf, body.vl26-cat #vl26-maat{scroll-margin-top: 140px}
body.vl26-cat #all-products .product .wrap-inner{border-radius: 10px;transition: box-shadow 0.2s ease}
body.vl26-cat #all-products .product .wrap-inner:hover{box-shadow: -16px 16px 0 #E8DDC7}
body.vl26-cat #all-products .woocommerce-loop-product__title{font-family: var(--v26-serif);font-weight: 700;color: var(--v26-text)}
body.vl26-cat #all-products .shop_attrbt{color: var(--v26-subtle)}
body.vl26-cat #all-products .vl-unit-price{display: block;margin: 2px 0 0;font-size: 12px;line-height: 1.3;color: var(--v26-subtle);text-align: center}
body.vl26-cat #all-products .add_to_cart_button{border-radius: 6px;box-shadow: 4px 4px 0 rgba(197, 170, 115, 0.7)}
body.vl26-cat #all-products .add_to_cart_button:hover{box-shadow: 6px 6px 0 rgba(197, 170, 115, 0.7)}
body.vl26-cat #left-area .vl26-cat-after{margin: 0 var(--v26-gutter);color: var(--v26-text);font-size: 15px;line-height: 1.5}
body.vl26-cat #left-area .vl26-cat-after h2, body.vl26-cat #left-area .vl26-cat-after h3{padding: 0;letter-spacing: 0}
body.vl26-cat #left-area .vl26-cat-after p{padding: 0}
body.vl26-cat #left-area .vl26-cat-after ul, body.vl26-cat #left-area .vl26-cat-after ol{list-style: none;margin: 0;padding: 0;line-height: inherit}
body.vl26-cat #left-area .vl26-cat-after li{margin: 0;padding: 0;list-style: none}
body.vl26-cat #left-area .vl26-cat-after img{max-width: 100%;height: auto}
body.vl26-cat #left-area .vl26-sec{position: relative;padding: 72px 0}
body.vl26-cat #left-area .vl26-sec--tint{background: var(--v26-tint2);box-shadow: 0 0 0 100vmax var(--v26-tint2);clip-path: inset(0 -100vmax)}
body.vl26-cat #left-area .vl26-sec--brand{background: var(--v26-blue);box-shadow: 0 0 0 100vmax var(--v26-blue);clip-path: inset(0 -100vmax);color: #fff}
body.vl26-cat #left-area .vl26-sec__head{text-align: center;margin: 0 0 40px}
body.vl26-cat #left-area .vl26-h2{display: inline-flex;align-items: center;justify-content: center;gap: 22px;margin: 0;font-family: var(--v26-serif);font-weight: 700;font-size: 40px;line-height: 1.1;text-transform: uppercase;color: var(--v26-blue)}
body.vl26-cat #left-area .vl26-sec--brand .vl26-h2{color: #fff}
body.vl26-cat #left-area .vl26-orn::before, body.vl26-cat #left-area .vl26-orn::after{content: "";flex: 0 0 auto;width: 64px;height: 38px;background-color: currentColor;-webkit-mask: var(--v26-orn-l) center / contain no-repeat;mask: var(--v26-orn-l) center / contain no-repeat}
body.vl26-cat #left-area .vl26-orn::after{-webkit-mask-image: var(--v26-orn-r);mask-image: var(--v26-orn-r)}
body.vl26-cat #left-area .vl26-orn--fish{--v26-orn-l: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 48'%3E%3Cpath d='M73 20C75 18 78 19 80 16L79 15C78 14 78 14 76 13C74 12 71 11 68 10C65 9 62 9 59 8C59 7 58 8 58 8L49 8L47 6C45 4 43 2 40 2C39 1 39 1 38 2C39 4 40 7 39 10L36 11C33 12 29 14 25 16C21 18 17 21 14 25C14 26 14 26 13 26L10 25C7 24 4 25 1 26L0 26L0 26C0 27 0 27 0 28C1 28 1 28 1 28C7 33 10 38 12 45L13 47C15 46 15 44 15 43C16 40 17 36 19 33C19 33 19 32 20 32C22 30 24 29 27 28C30 27 32 27 35 28C38 30 41 30 44 31C49 32 53 33 57 34C58 34 60 33 61 33C63 33 65 32 67 32C70 31 74 30 77 30C77 26 74 23 73 20ZM70 19C71 22 74 24 74 27L73 28L61 31C58 32 54 31 51 30C46 29 42 28 37 26C32 24 28 24 23 26C22 27 20 28 19 29C18 30 17 32 17 33L14 41C12 39 11 36 10 34C8 32 6 30 5 29C5 28 5 28 6 27C6 27 6 27 7 27C9 27 11 27 13 28C15 27 17 26 18 24C20 21 22 20 25 18C34 13 45 9 55 9C56 9 57 9 57 10C59 11 61 10 63 11C66 12 68 12 70 13C72 14 74 14 75 15L76 16C75 18 72 18 70 18M42 9C41 8 41 7 41 5L41 5L41 4H42C44 5 46 7 47 8L42 9Z'/%3E%3Cpath d='M62 16C62 16 61 17 61 17C60 17 59 15 60 15C60 14 61 14 61 14C62 14 62 15 62 16Z'/%3E%3C/svg%3E");--v26-orn-r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 48'%3E%3Cpath d='M6 20C5 18 1 19 0 16C0 16 0 16 1 15C2 14 2 14 3 13C6 12 9 11 12 10C15 9 18 9 21 8C21 7 22 8 22 8C25 8 28 8 30 8L33 6C35 4 37 2 40 2C41 1 41 1 42 2C41 4 40 7 40 10C42 10 43 11 43 11C47 12 51 14 55 16C59 18 63 21 66 25L67 26L70 25C73 24 76 25 79 26L80 26L80 26C80 27 80 27 79 28C79 28 79 28 79 28C73 33 70 38 68 45L67 47C65 46 65 44 65 43C64 40 63 36 61 33C61 33 60 32 60 32C58 30 56 29 53 28C50 27 48 27 45 28C42 30 39 30 35 31C31 32 27 33 23 34C21 34 20 33 19 33C17 33 15 32 13 32C9 31 6 30 3 30C3 26 6 23 7 20M10 19C9 22 6 24 6 27L7 28L19 31C22 32 26 31 29 30C34 29 39 28 43 26C48 24 52 24 57 26C58 27 60 28 61 29C62 30 63 32 63 33L67 41C68 39 69 36 71 34C72 32 74 30 75 29C75 28 75 28 75 27C74 27 74 27 73 27C71 27 69 27 67 28C65 27 63 26 62 24C60 21 58 20 55 18C46 12 35 9 24 9C24 9 23 9 23 10C21 11 19 10 17 11C14 11 12 12 9 13C8 14 6 14 5 15L4 16C5 18 8 18 9 19M38 9C39 8 39 7 39 5L39 5C39 4 39 4 38 4H38C36 5 34 7 33 8L38 9Z'/%3E%3Cpath d='M18 16C18 16 19 17 19 17C20 17 21 15 20 15C20 14 19 14 19 14C18 14 18 15 18 16Z'/%3E%3C/svg%3E")}
body.vl26-cat #left-area .vl26-orn--cloche{--v26-orn-l: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 48'%3E%3Cpath d='M63 27C64 28 66 38 64 41C64 42 64 42 64 42L63 42C63 42 62 42 62 42C62 41 62 41 62 41C61 41 59 40 58 40H58C54 40 51 39 47 39H25C22 39 20 39 18 39C18 39 16 40 16 36C16 29 21 23 23 22C28 16 36 13 43 13C46 13 48 14 51 15C53 16 56 17 58 19C60 21 62 24 63 27ZM25 22C21 26 19 31 18 36C19 38 28 38 36 37H40C43 37 47 37 51 38C55 38 58 38 62 38H62V38C63 36 62 33 62 30C61 28 60 26 59 24C57 21 54 19 52 18C49 16 46 16 43 16C37 16 31 18 25 22M39 4C40 3 40 2 41 1C42 0 43 0 44 0H45C46 0 46 0 47 1C48 1 48 2 49 2C49 3 50 4 50 5C50 6 50 8 49 9C49 9 49 10 48 10C48 10 47 10 47 10C46 10 46 10 46 10C46 10 46 8 47 7L48 5C48 4 47 4 47 3C47 3 46 2 46 2C45 2 44 2 44 2C43 2 42 2 42 3C41 4 40 5 40 5C40 6 41 6 42 6L43 8C44 8 44 8 44 8C44 8 45 9 45 9C45 9 45 10 43 10C43 10 42 10 41 10C41 10 40 10 40 9C39 8 39 8 39 7C39 6 39 5 39 4ZM39 44C42 44 45 44 48 44L65 45H68L71 45C72 45 73 45 74 46C74 46 74 47 74 47C74 48 72 48 71 48C62 48 54 48 46 47C41 47 37 46 33 46C27 46 20 46 12 46C12 46 11 46 11 46C9 47 7 47 6 46L6 45C6 44 9 44 9 44C19 43 29 43 39 44Z'/%3E%3C/svg%3E");--v26-orn-r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 48'%3E%3Cpath d='M17 27C16 28 14 38 16 41C16 42 16 42 16 42L17 42C18 42 18 42 18 42C18 41 18 41 18 41C19 41 20 40 22 40H22C26 40 29 39 33 39H55C58 39 60 39 62 39C62 39 64 40 64 36C64 29 59 23 57 22C52 16 44 13 37 13C34 13 32 14 29 15C27 16 24 17 22 19C20 21 18 24 17 27ZM55 22C59 26 61 30 62 36C61 38 52 38 44 37H40C36 37 33 37 29 38C25 38 22 38 18 38H18V38C18 36 18 33 18 30C19 28 20 26 22 24C24 21 26 19 29 18C31 16 34 16 37 16C43 16 49 18 55 22ZM41 4C40 3 40 2 39 1C38 0 37 0 36 0H35C34 0 34 0 33 1C32 1 32 2 31 2C31 3 30 4 30 5C30 7 30 8 31 9C31 9 31 10 32 10C32 10 33 10 33 10C34 10 34 10 34 10C34 9 34 8 33 7L32 5C32 4 33 4 33 3C33 3 34 2 34 2C35 2 36 2 36 2C37 2 38 2 38 3C39 4 40 5 40 5C40 6 39 6 38 6L37 8C36 8 36 8 36 8C36 8 35 9 35 9C35 9 35 10 37 10C38 10 38 10 39 10C39 10 40 10 40 9C41 8 41 8 41 7C41 6 41 5 41 4ZM41 44C38 44 35 44 32 44L15 45H13L10 45C8 45 7 45 6 46L6 47C6 48 8 48 9 48C18 48 26 48 34 47C39 47 43 46 47 46C53 46 60 46 68 46L69 46C70 47 73 47 74 46L74 45C74 44 71 44 70 44C61 43 51 43 41 44Z'/%3E%3C/svg%3E")}
body.vl26-cat #left-area .vl26-sec__sub{margin: 10px 0 0;font-family: var(--v26-serif);font-weight: 600;font-size: 17px;line-height: 1.4;color: var(--v26-blue-text)}
body.vl26-cat #left-area .vl26-sec--brand .vl26-sec__sub{font-family: inherit;font-weight: 400;color: #fff}
body.vl26-cat #left-area .vl26-eyebrow{margin: 0 0 8px;font-size: 12px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--v26-gold)}
body.vl26-cat #left-area .vl26-portions{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);gap: 20px 56px;align-items: center;position: relative;overflow: hidden;margin: 48px 0 72px;padding: 36px 44px;border-radius: 10px;background: var(--v26-blue);color: #fff}
body.vl26-cat #left-area .vl26-portions::after{content: "";position: absolute;top: 18px;right: 22px;width: 84px;height: 54px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 121 78'%3E%3Cpath fill='white' d='M37 9C38 9 39 10 40 10C42 11 44 12 46 14C48 15 49 17 51 18C53 20 54 21 56 23L59 26C60 28 62 30 63 32L66 34L67 33C69 33 71 33 73 33C75 34 77 34 79 36L80 36C80 37 79 37 78 37C75 38 72 40 70 44L70 44L69 46L67 47C66 46 65 45 64 43C64 42 64 41 63 40L59 36C57 35 56 34 54 32C52 31 50 30 48 29C47 28 46 27 45 26C41 23 38 22 34 23C32 24 31 24 29 25L27 27L28 29L25 27L24 27C22 28 20 29 18 29L12 29C10 29 8 28 6 27C6 26 5 26 4 26C4 24 6 23 6 22L8 17L10 13C9 11 8 9 6 8C4 7 2 5 1 4L0 2C0 2 0 1 0 1C2 1 4 0 6 0C10 1 14 1 18 3C20 3 22 4 25 4C26 4 27 5 28 4L34 3C36 3 37 3 38 4L41 5C41 5 41 5 41 6C41 6 41 6 41 6C41 6 41 6 41 6C41 6 41 7 41 7C41 7 40 7 40 7L38 8C38 8 38 8 37 8C37 8 37 8 37 9M65 35C63 34 62 32 60 30L58 28L54 23C53 21 51 20 49 18C48 17 47 16 46 15C44 13 41 12 38 10L36 10L35 9C33 8 32 7 30 7C28 7 28 6 26 6C25 5 24 5 23 4C22 4 21 5 21 6L21 13C21 14 21 15 21 15C22 19 23 22 25 25C26 25 27 25 28 24L30 23C32 22 35 21 38 22C42 22 44 23 47 26C48 27 49 28 51 29C52 29 54 30 55 31L58 33C59 34 60 35 61 36L62 37C63 38 64 39 65 41L67 45L70 42C72 40 73 39 75 38C76 37 76 37 77 36C73 34 69 34 65 35M3 3C5 5 6 7 7 8C8 8 9 9 9 9L12 13C12 13 13 14 12 15C11 16 10 18 9 20C8 21 8 22 8 24C7 25 7 26 9 26C10 27 11 27 12 28C16 28 20 28 23 26C24 26 24 26 24 26L21 20C20 17 20 15 20 12C20 11 20 9 20 8C20 6 20 5 20 4C17 3 14 2 11 2C8 2 6 2 4 2C3 2 3 3 3 3ZM30 6L33 7C34 7 35 8 36 8L38 7L40 6C39 4 37 4 36 4C34 4 32 4 30 5V6ZM89 53L93 56C96 59 98 61 100 65C101 65 101 66 101 66C101 67 101 67 100 68C100 69 99 69 98 68C96 67 94 65 94 62C92 59 91 55 87 53L87 53C86 53 86 52 86 52C87 51 87 52 88 52L89 53ZM95 64C96 65 96 66 97 67C98 67 98 68 99 68C100 67 100 66 100 65C97 62 95 60 93 57L93 58L95 64ZM70 57L71 58C72 59 73 59 73 60L74 65C74 66 74 66 73 66C72 67 71 66 71 66C70 64 69 62 69 60C69 58 69 57 68 56C68 55 68 55 68 54L70 57ZM72 65C72 65 72 65 72 65C72 65 72 65 72 65C72 65 72 65 72 65C73 65 73 65 73 65C73 65 73 65 73 65C73 64 73 63 72 62C72 61 71 60 70 59C70 60 70 61 70 62C70 63 71 64 71 65M115 64C116 65 116 66 117 67C120 69 121 72 120 75C120 76 120 76 120 76C120 76 120 77 119 77C119 77 119 77 118 77C118 77 118 77 117 77C115 75 113 72 114 69L114 67C114 65 114 65 112 64L110 64C113 62 114 63 115 64M117 68C116 68 116 69 116 70C116 71 116 72 117 74C117 74 118 75 119 75C120 72 118 70 117 68ZM100 42L104 43C106 43 107 44 108 46C108 46 108 46 107 47C106 47 104 47 103 46C102 46 101 45 100 44C100 43 100 42 100 42ZM102 44C102 44 103 45 103 45C104 46 105 46 106 46C106 45 105 44 104 44C103 43 102 43 102 44Z'/%3E%3C/svg%3E") center / contain no-repeat;opacity: 0.9;pointer-events: none}
body.vl26-cat #left-area .vl26-portions__title{margin: 0 0 12px;font-family: var(--v26-serif);font-weight: 700;font-size: 32px;line-height: 1.15;text-transform: none;color: #fff}
body.vl26-cat #left-area .vl26-portions__note{margin: 0;font-size: 14px;line-height: 1.5;color: #fff}
body.vl26-cat #left-area .vl26-portions__list{margin: 0;padding: 34px 0 0}
body.vl26-cat #left-area .vl26-portions__row{display: flex;justify-content: space-between;gap: 16px;padding: 12px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.55);font-size: 15px}
body.vl26-cat #left-area .vl26-portions__row dt{font-weight: 600;color: #fff}
body.vl26-cat #left-area .vl26-portions__row dd{margin: 0;padding: 0;color: #fff;text-align: right}
body.vl26-cat #left-area .vl26-sizes__list{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 24px}
body.vl26-cat #left-area .vl26-size{display: flex;flex-direction: column;margin: 0;padding: 14px 14px 20px;border-radius: 10px;background: #fff}
body.vl26-cat #left-area .vl26-size__media{display: flex;align-items: center;justify-content: center;aspect-ratio: 4 / 3;margin: 0 0 16px;border-radius: 8px;background: var(--v26-tint)}
body.vl26-cat #left-area .vl26-size__img{display: block;width: 60%;height: auto;mix-blend-mode: multiply}
body.vl26-cat #left-area .vl26-size--s .vl26-size__img{width: 44%}
body.vl26-cat #left-area .vl26-size--m .vl26-size__img{width: 54%}
body.vl26-cat #left-area .vl26-size--l .vl26-size__img{width: 64%}
body.vl26-cat #left-area .vl26-size--xl .vl26-size__img{width: 76%}
body.vl26-cat #left-area .vl26-size__title{display: flex;align-items: center;gap: 12px;margin: 0 6px 12px;font-family: var(--v26-serif);font-weight: 700;font-size: 24px;line-height: 1.15;color: var(--v26-blue)}
body.vl26-cat #left-area .vl26-size__code{flex: 0 0 38px;width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--v26-blue);color: #fff;font-family: Roboto, Arial, sans-serif;font-size: 12px;font-weight: 600}
body.vl26-cat #left-area .vl26-size__text{flex: 1 1 auto;margin: 0 6px 16px;font-size: 14px;line-height: 1.45}
body.vl26-cat #left-area .vl26-size__buy{display: flex;align-items: flex-end;justify-content: space-between;gap: 8px;margin: 0 6px 12px;padding: 14px 0 0;border-top: 1px solid var(--v26-border)}
body.vl26-cat #left-area .vl26-size__price{display: block;font-family: var(--v26-serif);font-size: 18px;color: var(--v26-blue)}
body.vl26-cat #left-area .vl26-size__pack{display: block;font-size: 12px;color: var(--v26-muted)}
body.vl26-cat #left-area .vl26-size .vl-unit-price{font-size: 13px;font-weight: 600;color: var(--v26-text);white-space: nowrap}
body.vl26-cat #left-area .vl26-size__stock{margin: 0 6px 8px;font-size: 13px;color: var(--v26-muted)}
body.vl26-cat #left-area .vl26-size__link, body.vl26-cat #left-area .vl26-tile__cta, body.vl26-cat #left-area .vl26-sizes__foot a{font-size: 14px;font-weight: 500;color: var(--v26-blue);text-decoration: underline;text-underline-offset: 2px}
body.vl26-cat #left-area .vl26-size__link{margin: 0 6px;align-self: flex-start}
body.vl26-cat #left-area .vl26-sizes__foot{max-width: 640px;margin: 36px auto 0;font-size: 15px;text-align: center}
body.vl26-cat #left-area .vl26-sizes__foot a{font-size: inherit}
body.vl26-cat #left-area .vl26-cook__grid{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);gap: 24px;align-items: start}
body.vl26-cat #left-area .vl26-tip{position: relative;padding: 28px 28px 32px;border-radius: 10px;background: var(--v26-blue);color: #fff}
body.vl26-cat #left-area .vl26-tip__who{display: flex;align-items: center;gap: 14px;margin: 0 0 24px}
body.vl26-cat #left-area .vl26-tip__avatar{flex: 0 0 60px;width: 60px;height: 60px;border: 2px solid var(--v26-gold-band);border-radius: 50%;background-color: #fff;background-repeat: no-repeat;background-size: 210%;background-position: 52% 42%}
body.vl26-cat #left-area .vl26-tip__name strong{display: block;font-size: 12px;font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;color: #fff}
body.vl26-cat #left-area .vl26-tip__name span{display: block;font-size: 12px;color: #fff;opacity: 0.85}
body.vl26-cat #left-area .vl26-tip__bulb{flex: 0 0 40px;width: 40px;height: 40px;margin-left: auto;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53 52' fill='white'%3E%3Cpath d='M37 23C36 17 31 16 26 16H25C20 16 16 18 14 23C13 26 15 29 17 32C19 35 21 37 22 41C21 41 19 42 20 43L20 43C20 44 20 44 20 45C20 46 21 46 21 46C21 47 21 48 22 48C22 48 22 49 23 49V49C23 50 24 51 25 51H25L26 51C28 51 29 50 29 49V48C30 48 32 48 32 46L32 45C32 45 32 45 32 44C32 44 32 44 32 44V43L33 43C34 42 32 41 31 41C31 37 33 34 35 31C37 29 38 26 37 23ZM26 50L26 50C25 50 25 50 24 49V49L26 49L28 48C27 49 27 50 26 50ZM27 48C25 48 22 48 22 46H23C26 46 28 46 30 46H31C30 48 28 48 27 48ZM32 44C31 45 27 45 26 45H24C24 45 20 45 21 44L21 44C23 44 25 44 26 44C27 44 30 44 31 44L32 44ZM30 42C30 42 31 42 31 42C32 42 31 42 30 43L27 43L23 43C22 43 20 42 22 42V42C22 43 23 43 23 42C23 40 22 38 21 36C20 33 18 31 16 29C15 28 15 26 15 24C16 22 16 20 18 19C20 17 23 17 25 17H26C28 17 32 17 34 19C37 21 38 25 36 29C34 31 32 33 31 35C30 37 30 40 30 42'/%3E%3Cpath d='M52 10C51 11 49 12 47 12C46 13 44 14 42 14C40 12 38 10 35 9L35 9C36 8 37 7 38 6C38 6 37 5 37 5C36 6 35 7 34 9C32 8 30 8 28 8L27 8C26 5 26 3 24 2C24 1 23 2 23 2C25 4 25 6 26 8C22 8 20 8 17 9C16 8 16 8 16 7C15 6 15 6 14 6C14 6 13 7 14 7C15 7 15 8 16 9C14 10 12 11 11 12C9 13 8 15 7 17C5 16 3 16 1 15C0 15 0 16 0 16C2 16 5 16 7 18C6 20 6 23 6 25C5 25 4 25 3 26C2 26 3 27 3 26C4 26 5 26 7 26H7C7 28 8 30 10 32C8 35 5 36 2 38C2 38 2 39 3 39C5 37 8 36 10 33C11 35 13 36 14 37C14 37 13 38 13 39C13 39 14 40 14 39C14 38 15 38 15 37C15 36 15 36 15 36C15 36 15 36 15 36C9 32 5 24 8 17C11 10 20 8 28 9C35 9 42 12 44 19C45 23 45 26 44 30C43 32 40 34 38 36L38 37C37 37 37 37 38 38L39 39C40 39 40 38 40 38L38 37C41 35 42 34 44 32C46 33 48 34 51 34C51 34 52 34 51 34L45 31C45 31 45 30 45 30C46 28 46 26 46 23H49C49 23 49 22 49 22H46L45 20C45 18 44 16 43 15C45 14 46 14 48 13C49 12 51 12 53 11C53 10 53 10 52 10'/%3E%3Cpath d='M31 29C29 27 25 28 24 29L23 29C23 28 22 29 23 30L25 32L25 33C25 36 25 39 25 42C25 42 26 42 26 42C26 38 25 35 26 32C27 31 27 33 27 33V36L26 42C26 42 27 42 27 42C27 41 28 35 28 32C29 31 30 30 31 30C32 29 31 29 31 29ZM27 31C27 30 27 30 26 30C26 30 26 30 26 31L24 29C25 29 28 28 30 29L27 31Z'/%3E%3C/svg%3E") center / contain no-repeat}
body.vl26-cat #left-area .vl26-tip__quote{margin: 0;padding: 0;border: 0;quotes: none}
body.vl26-cat #left-area .vl26-tip__quote p{margin: 0;font-family: var(--v26-serif);font-style: italic;font-weight: 700;font-size: 20px;line-height: 1.35;color: #fff}
body.vl26-cat #left-area .vl26-tip__quote p::before{content: "\201C"}
body.vl26-cat #left-area .vl26-tip__quote p::after{content: "\201D"}
body.vl26-cat #left-area .vl26-steps{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px}
body.vl26-cat #left-area .vl26-step{padding: 20px 22px 22px;border-radius: 10px;background: var(--v26-tint2)}
body.vl26-cat #left-area .vl26-step__title{display: flex;align-items: center;gap: 10px;margin: 0 0 10px;font-family: var(--v26-serif);font-weight: 700;font-size: 16px;line-height: 1.25;text-transform: uppercase;color: var(--v26-blue)}
body.vl26-cat #left-area .vl26-step__n{flex: 0 0 26px;width: 26px;height: 26px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--v26-blue);color: #fff;font-family: Roboto, Arial, sans-serif;font-size: 12px;font-weight: 600}
body.vl26-cat #left-area .vl26-step p{margin: 0;font-size: 14px;line-height: 1.5}
body.vl26-cat #left-area .vl26-bundle{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);margin: 0 0 24px;border-radius: 16px;overflow: hidden;background: var(--v26-tint2)}
body.vl26-cat #left-area .vl26-bundle__media{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;align-content: center;padding: 32px}
body.vl26-cat #left-area .vl26-bundle__pic{display: block;width: 52%;height: auto;margin: -4% -6%;mix-blend-mode: multiply}
body.vl26-cat #left-area .vl26-bundle--n1 .vl26-bundle__pic{width: 80%;margin: 0}
body.vl26-cat #left-area .vl26-bundle__body{padding: 44px 44px 40px;background: var(--v26-tint)}
body.vl26-cat #left-area .vl26-bundle__title{margin: 0 0 12px;font-family: var(--v26-serif);font-weight: 700;font-size: 32px;line-height: 1.15;color: var(--v26-blue)}
body.vl26-cat #left-area .vl26-bundle__intro{margin: 0;font-size: 15px}
body.vl26-cat #left-area .vl26-bundle__need{margin: 20px 0 12px;padding: 16px 0 0;border-top: 1px solid var(--v26-border);font-size: 12px;font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;color: var(--v26-muted)}
body.vl26-cat #left-area ul.vl26-bundle__list{display: grid;gap: 12px}
body.vl26-cat #left-area .vl26-bundle__item{display: flex;align-items: center;gap: 14px;padding: 10px 14px;border-radius: 8px;background: #fff}
body.vl26-cat #left-area .vl26-bundle__thumb{flex: 0 0 48px;width: 48px;height: 48px;object-fit: contain}
body.vl26-cat #left-area .vl26-bundle__name{flex: 1 1 auto;min-width: 0;font-size: 14px;font-weight: 600;line-height: 1.3}
body.vl26-cat #left-area .vl26-bundle__name a{color: var(--v26-text);text-decoration: none}
body.vl26-cat #left-area .vl26-bundle__name a:hover{text-decoration: underline}
body.vl26-cat #left-area .vl26-bundle__name span{display: block;font-size: 12px;font-weight: 400;color: var(--v26-muted)}
body.vl26-cat #left-area .vl26-bundle__price{flex: 0 0 auto;font-family: var(--v26-serif);font-size: 16px;color: var(--v26-blue);white-space: nowrap}
body.vl26-cat #left-area a.vl26-bundle__add{flex: 0 0 38px;width: 38px !important;height: 38px !important;min-width: 0 !important;margin: 0 !important;padding: 0 !important;border: 1px solid var(--v26-text) !important;border-radius: 6px !important;background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D2D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4h2l2 11h11l2-8H6'/%3E%3Ccircle cx='9.5' cy='19' r='1.4'/%3E%3Ccircle cx='16.5' cy='19' r='1.4'/%3E%3C/svg%3E") center / 20px no-repeat !important;font-size: 0 !important;line-height: 0 !important;color: transparent !important;box-shadow: none;transition: box-shadow 0.15s ease}
body.vl26-cat #left-area a.vl26-bundle__add::before, body.vl26-cat #left-area a.vl26-bundle__add::after{display: none !important}
body.vl26-cat #left-area a.vl26-bundle__add:hover{box-shadow: 4px 4px 0 rgba(197, 170, 115, 0.7)}
body.vl26-cat #left-area a.vl26-bundle__add.loading{opacity: 0.5}
body.vl26-cat #left-area a.vl26-bundle__add.added{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233CB371' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l4 4L19 8'/%3E%3C/svg%3E") !important}
body.vl26-cat #left-area .vl26-bundle__item .added_to_cart{display: none !important}
body.vl26-cat #left-area .vl26-bundle__extra{margin: 14px 0 20px;font-size: 13px;color: var(--v26-muted)}
body.vl26-cat #left-area .vl26-bundle__all::after{content: "";display: block;width: 20px;height: 20px;background-color: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D2D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4h2l2 11h11l2-8H6'/%3E%3Ccircle cx='9.5' cy='19' r='1.4'/%3E%3Ccircle cx='16.5' cy='19' r='1.4'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D2D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4h2l2 11h11l2-8H6'/%3E%3Ccircle cx='9.5' cy='19' r='1.4'/%3E%3Ccircle cx='16.5' cy='19' r='1.4'/%3E%3C/svg%3E") center / contain no-repeat}
body.vl26-cat #left-area .vl26-bundle__all[disabled]{opacity: 0.7;cursor: progress}
body.vl26-cat #left-area .vl26-bundle__status{margin: 12px 0 0;font-size: 14px}
body.vl26-cat #left-area .vl26-bundle__status:empty{display: none}
body.vl26-cat #left-area .vl26-bundle__status a{color: var(--v26-blue);font-weight: 600;text-decoration: underline}
body.vl26-cat #left-area .vl26-faq{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);gap: 32px 64px;align-items: start}
body.vl26-cat #left-area .vl26-h2--left{justify-content: flex-start;text-align: left}
body.vl26-cat #left-area .vl26-faq__side .vl26-sec__sub{margin: 8px 0 18px}
body.vl26-cat #left-area .vl26-faq__help{margin: 0 0 20px;font-size: 15px}
body.vl26-cat #left-area .vl26-faq__help a{color: var(--v26-blue);font-weight: 600;text-decoration: none}
body.vl26-cat #left-area .vl26-faq__list{display: grid;gap: 10px}
body.vl26-cat #left-area .vl26-faq__item{border: 1px solid transparent;border-radius: 8px;background: var(--v26-tint);overflow: hidden}
body.vl26-cat #left-area .vl26-faq__item summary{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 16px 20px;list-style: none;cursor: pointer;font-size: 16px;font-weight: 600;line-height: 1.35;color: var(--v26-blue-text)}
body.vl26-cat #left-area .vl26-faq__item summary::-webkit-details-marker{display: none}
body.vl26-cat #left-area .vl26-faq__item summary::after{content: "+";flex: 0 0 auto;font-size: 24px;font-weight: 400;line-height: 1}
body.vl26-cat #left-area .vl26-faq__item[open]{border-color: var(--v26-blue);background: #fff}
body.vl26-cat #left-area .vl26-faq__item[open] summary{background: var(--v26-blue);color: #fff}
body.vl26-cat #left-area .vl26-faq__item[open] summary::after{content: "\2212"}
body.vl26-cat #left-area .vl26-faq__a{padding: 14px 20px 16px}
body.vl26-cat #left-area .vl26-faq__a p{margin: 0;font-size: 15px;line-height: 1.5}
body.vl26-cat #left-area .vl26-related{margin: 24px 0 0;padding: 72px 0 80px}
body.vl26-cat #left-area ul.vl26-related__list{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 24px}
body.vl26-cat #left-area .vl26-tile{position: relative;display: flex;flex-direction: column;align-items: center;padding: 24px 20px 26px;border-radius: 10px;background: var(--v26-tint);color: var(--v26-text);text-align: center;transition: box-shadow 0.2s ease}
body.vl26-cat #left-area .vl26-tile:hover{box-shadow: -16px 16px 0 #E8DDC7}
body.vl26-cat #left-area .vl26-tile__media{display: flex;align-items: center;justify-content: center;width: 100%;height: 150px;margin: 0 0 16px}
body.vl26-cat #left-area .vl26-tile__img{display: block;width: auto;max-width: 80%;max-height: 150px;mix-blend-mode: multiply}
body.vl26-cat #left-area .vl26-tile__title{margin: 0 0 6px;font-family: var(--v26-serif);font-weight: 700;font-size: 24px;line-height: 1.2;color: var(--v26-text)}
body.vl26-cat #left-area .vl26-tile__meta{margin: 0 0 6px;font-size: 13px;color: var(--v26-muted)}
body.vl26-cat #left-area .vl26-tile__cta{font-size: 13px}
body.vl26-cat #left-area .vl26-tile__cta::after{content: "";position: absolute;inset: 0;border-radius: 10px}
@media (max-width: 980px){body.vl26-cat{--v26-gutter: 0px}
body.vl26-cat #left-area .woocommerce-products-header{grid-template-columns: minmax(0, 1fr);column-gap: 0}
body.vl26-cat #left-area .woocommerce-products-header::before{grid-row: 2 / 6}
body.vl26-cat #left-area .woocommerce-products-header>.breadcrumb_div a{display: none}
body.vl26-cat #left-area .woocommerce-products-header>.breadcrumb_div a:nth-last-of-type(2){display: inline-block;font-size: 14px;color: var(--v26-blue)}
body.vl26-cat #left-area .woocommerce-products-header>.breadcrumb_div a:nth-last-of-type(2)::before{content: "\2039";margin: 0 8px 0 0;color: var(--v26-blue)}
body.vl26-cat #left-area .vl26-cat-media{grid-column: 1;grid-row: 2;margin: 0;padding: 24px 0 8px}
body.vl26-cat #left-area .vl26-cat-media__img{max-width: 300px}
body.vl26-cat #left-area .vl26-cat-note{font-size: 15px}
body.vl26-cat #left-area .vl26-cat-note--1{top: auto;bottom: 4px;left: 0;right: auto}
body.vl26-cat #left-area .vl26-cat-note--2{display: none}
body.vl26-cat #left-area .vl26-cat-eyebrow{grid-row: 3;margin: 20px 0 8px}
body.vl26-cat #left-area .woocommerce-products-header>.term_description{grid-row: 4}
body.vl26-cat #left-area .vl26-cat-more{grid-row: 5;margin: 0 0 32px}
body.vl26-cat.vl26-cat--noimg #left-area .vl26-cat-eyebrow{margin-top: 28px}
body.vl26-cat #left-area .woocommerce-products-header h1.vl-cat-h1{font-size: 36px;margin: 0 0 14px}
body.vl26-cat #left-area .woocommerce-products-header .term_description p{font-size: 16px}
body.vl26-cat #left-area ul.vl26-cat-facts{flex-direction: column;gap: 12px;margin: 16px 0 24px}
body.vl26-cat #left-area .vl26-cat-actions{flex-direction: column}
body.vl26-cat #left-area .vl26-cat-actions .vl26-btn{width: 100%}
body.vl26-cat #left-area .vl26-sec{padding: 48px 0}
body.vl26-cat #left-area .vl26-sec__head{margin: 0 0 28px}
body.vl26-cat #left-area .vl26-h2{font-size: 26px}
body.vl26-cat #left-area .vl26-orn::before, body.vl26-cat #left-area .vl26-orn::after{display: none}
body.vl26-cat #left-area .vl26-sec__sub{font-size: 15px}
body.vl26-cat #left-area .vl26-portions{grid-template-columns: minmax(0, 1fr);margin: 32px 0 48px;padding: 28px 20px 24px}
body.vl26-cat #left-area .vl26-portions__title{font-size: 26px;padding-right: 80px}
body.vl26-cat #left-area .vl26-portions__list{padding: 0}
body.vl26-cat #left-area .vl26-sizes__list, body.vl26-cat #left-area ul.vl26-related__list{grid-template-columns: none;grid-auto-flow: column;grid-auto-columns: minmax(250px, 78%);gap: 14px;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;margin: 0 -16px;padding: 0 16px 10px;scrollbar-width: thin}
body.vl26-cat #left-area .vl26-size, body.vl26-cat #left-area .vl26-tile{scroll-snap-align: start}
body.vl26-cat #left-area .vl26-cook__grid, body.vl26-cat #left-area .vl26-steps, body.vl26-cat #left-area .vl26-bundle, body.vl26-cat #left-area .vl26-faq{grid-template-columns: minmax(0, 1fr)}
body.vl26-cat #left-area .vl26-steps{gap: 14px}
body.vl26-cat #left-area .vl26-tip__quote p{font-size: 18px}
body.vl26-cat #left-area .vl26-bundle__media{padding: 24px 24px 8px}
body.vl26-cat #left-area .vl26-bundle__pic{width: 46%}
body.vl26-cat #left-area .vl26-bundle__body{padding: 24px 18px 28px}
body.vl26-cat #left-area .vl26-bundle__title{font-size: 26px}
body.vl26-cat #left-area .vl26-bundle__all{width: 100%}
body.vl26-cat #left-area .vl26-faq__side{text-align: center}
body.vl26-cat #left-area .vl26-h2--left{justify-content: center;text-align: center}
body.vl26-cat #left-area .vl26-faq__item summary{padding: 14px 16px;font-size: 15px}
body.vl26-cat #left-area .vl26-related{padding: 48px 0 56px}
body.vl26-cat #left-area .vl26-tile__title{font-size: 22px}
}
@media (max-width: 380px){body.vl26-cat #left-area .woocommerce-products-header h1.vl-cat-h1{font-size: 32px}
}
@media (prefers-reduced-motion: reduce){body.vl26-cat #left-area .vl26-cat-after *, body.vl26-cat #all-products .product .wrap-inner{transition: none !important}
}

@media (max-width: 980px){body.vl26-cat #all-products .vl-unit-price{text-align: left;max-width: calc(100% - 46px)}
body.vl26-cat #left-area .vl26-portions::after{top: 14px;right: 14px;width: 62px;height: 40px}
body.vl26-cat #left-area .vl26-portions__title{padding-right: 70px}
}
body.vl26-cat #content-area:has(.vl26-related){margin-bottom: 0}
body.vl26-cat #left-area .vl26-sizes__list, body.vl26-cat #left-area .vl26-size{position: relative}
@media (max-width: 980px){body.vl26-cat #left-area h2.vl26-portions__title{padding-right: 70px}
}
@media (min-width: 768px) and (max-width: 980px){body.vl26-cat #all-products .vl-unit-price{text-align: center;max-width: none}
}