.wdf-header{position:relative;z-index:100;width:100%;background-color:#fff}.wdf-header__ylaosa{position:relative;width:100%;max-width:1400px;margin:0 auto;aspect-ratio:910 / 300;max-height:200px;background:url(/wp-content/themes/piironginlaatikko-theme/assets/header-tausta.jpg) center / contain no-repeat;display:flex;align-items:center;padding:0 var(--wdf-padding-x);box-sizing:border-box}.wdf-header__brandi{display:flex;align-items:center;gap:16px;width:100%}.wdf-header__brandi-linkki{display:contents;color:inherit;text-decoration:none}.wdf-header__logo{height:clamp(72px, 16vw, 150px);width:auto}.wdf-header__navigaatio{background:var(--wp--preset--color--accent)}.wdf-header__nav-inner{max-width:1400px;margin:0 auto;padding:0 var(--wdf-padding-x);box-sizing:border-box}.wdf-header__navigaatio .wdf-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.wdf-header__navigaatio .wdf-nav a{display:block;color:#fff;font-family:'Noto Serif',serif;font-weight:700;font-size:17px;letter-spacing:.5px;padding:20px 24px;text-decoration:none;transition:color 0.15s ease}.wdf-header__navigaatio .wdf-nav a:hover,.wdf-header__navigaatio .wdf-nav .current-menu-item>a,.wdf-header__navigaatio .wdf-nav .current-menu-ancestor>a{color:var(--wp--preset--color--accent-light)}@media (min-width:1025px){.wdf-header{position:sticky;top:-200px}}.wdf-header__hampurilainen{display:none;align-items:center;justify-content:center;padding:0;background:none;border:none;color:var(--wp--preset--color--accent);cursor:pointer}.wdf-header__hampurilainen-ikoni{height:32px;width:auto}.wdf-mobiilivalikko{display:none}@media (max-width:1024px){.wdf-header__navigaatio{display:none}.wdf-header{border-bottom:8px solid var(--wp--preset--color--accent)}.wdf-header__ylaosa{aspect-ratio:auto;height:calc(75vw * 300 / 910);max-height:none;background-position:center;padding:0 32px}.wdf-header__logo{height:clamp(112px, 16vw, 152px)}.wdf-header__hampurilainen{display:inline-flex;margin-left:auto}.wdf-mobiilivalikko{position:fixed;inset:0;z-index:200;display:block;visibility:hidden;opacity:0;transition:opacity 0.2s ease,visibility 0s linear 0.2s}.wdf-mobiilivalikko.auki{visibility:visible;opacity:1;transition:opacity 0.2s ease,visibility 0s linear 0s}.wdf-mobiilivalikko__peitto{position:absolute;inset:0;background:color-mix(in srgb,var(--wp--preset--color--dark) 60%,transparent)}.wdf-mobiilivalikko__paneeli{position:absolute;top:0;right:0;width:50%;height:100%;background:#fff;display:flex;flex-direction:column;overflow-y:auto;transform:translateX(100%);transition:transform 0.2s ease}.wdf-mobiilivalikko.auki .wdf-mobiilivalikko__paneeli{transform:translateX(0)}.wdf-mobiilivalikko__ylaosa{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:#fff;border-bottom:1px solid rgb(0 0 0 / .08)}.wdf-mobiilivalikko__brandi{display:flex;align-items:center;gap:16px}.wdf-mobiilivalikko__logo{height:80px;width:auto}.wdf-mobiilivalikko__sulje{padding:0;background:none;border:none;color:var(--wp--preset--color--accent);cursor:pointer}.wdf-mobiilivalikko__sulje svg{height:24px;width:24px}.wdf-mobiilivalikko__nav{padding:32px}.wdf-mobiilinav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.wdf-mobiilinav a{display:block;color:var(--wp--preset--color--text);font-family:'Noto Serif',serif;font-size:20px;text-decoration:none}.wdf-mobiilinav>.menu-item>a{border-left:3px solid #fff0;padding:24px 0 24px 24px}.wdf-mobiilinav>.menu-item.current-menu-item>a,.wdf-mobiilinav>.menu-item.current-menu-ancestor>a{border-left-color:var(--wp--preset--color--accent);color:var(--wp--preset--color--accent-light);font-weight:700}}@media (max-width:767px){.wdf-header__ylaosa{padding:0 16px}.wdf-header__logo{height:clamp(80px, 22vw, 128px)}.wdf-mobiilivalikko__paneeli{width:100%}}