:root{--valoo-bento-gap:24px;--valoo-bento-lohko-gap:40px;--valoo-bento-row-padding:40px;--valoo-bento-radius:24px;--valoo-bento-max-width:1400px}.valoo-bento{display:flex;flex-direction:column;gap:var(--valoo-bento-gap);max-width:var(--valoo-bento-max-width);margin-inline:auto;box-sizing:border-box}.valoo-bento__rivi{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--valoo-bento-gap)}.valoo-bento__rivi--vaalea{background:#fff;border:1px solid #e8e8e8;border-radius:var(--valoo-bento-radius);padding:var(--valoo-bento-row-padding);gap:var(--valoo-bento-lohko-gap);box-shadow:0 2px 8px rgba(0,0,0,.08)}.valoo-bento__rivi--sininen{background:#e6f0fb;border:1px solid var(--valoo-border);border-radius:var(--valoo-bento-radius);padding:var(--valoo-bento-row-padding);gap:var(--valoo-bento-lohko-gap);box-shadow:0 2px 8px rgba(0,0,0,.08)}.valoo-bento__rivi--tumma{background:#06184b;border-radius:var(--valoo-bento-radius);padding:var(--valoo-bento-row-padding);gap:var(--valoo-bento-lohko-gap)}.valoo-bento__rivi--border{border:1px solid #e4e4e6;border-radius:var(--valoo-bento-radius);padding:var(--valoo-bento-row-padding);gap:var(--valoo-bento-lohko-gap)}.valoo-bento__lohko{display:flex;flex-direction:column;min-height:0}.valoo-bento__lohko--1{grid-column:span 1}.valoo-bento__lohko--2{grid-column:span 2}.valoo-bento__lohko--3{grid-column:span 3}.valoo-bento__lohko--4{grid-column:span 4}.valoo-bento__lohko--5{grid-column:span 5}.valoo-bento__lohko--6{grid-column:span 6}.valoo-bento__lohko--7{grid-column:span 7}.valoo-bento__lohko--8{grid-column:span 8}.valoo-bento__lohko--9{grid-column:span 9}.valoo-bento__lohko--10{grid-column:span 10}.valoo-bento__lohko--11{grid-column:span 11}.valoo-bento__lohko--12{grid-column:span 12}.valoo-bento__kortti{position:relative;overflow:hidden;border-radius:var(--valoo-bento-radius);text-decoration:none;color:inherit;display:block;width:100%;background-color:#1e1e1e;aspect-ratio:var(--valoo-bento-ratio,16/9);flex:1}div.valoo-bento__kortti{cursor:default}.valoo-bento__kortti--border{border:1px solid var(--valoo-border)}.valoo-bento__kortti--shadow{box-shadow:0 4px 20px rgba(0,0,0,.08)}.valoo-bento__kortti--ratio-auto{aspect-ratio:auto;flex:1;min-height:320px}.valoo-bento__bg-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background-color:var(--valoo-bento-overlay-color,transparent)}.valoo-bento__bg-picture{position:absolute;inset:0;display:block;line-height:0}.valoo-bento__bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.valoo-bento__bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.valoo-bento__feather,.valoo-bento__feather-layer{display:none}.valoo-bento__kortti--gradientti:after{content:'';position:absolute;inset:0;background:linear-gradient(to top right,rgba(0,0,0,.65) 0%,rgba(0,0,0,.22) 45%,transparent 78%);z-index:2;pointer-events:none;border-radius:inherit}.valoo-bento__overlay{position:absolute;inset:0;background:rgba(0,0,0,.25);opacity:0;transition:opacity .3s ease;z-index:3;pointer-events:none;border-radius:var(--valoo-bento-radius)}.valoo-bento__kortti--animaatio:is(a,button):hover .valoo-bento__overlay,.valoo-bento__kortti--animaatio:is(a,button):focus-visible .valoo-bento__overlay{opacity:1}.valoo-bento__teksti{position:absolute;inset:auto 24px 24px;z-index:4;transition:transform .3s ease;text-align:var(--valoo-bento-teksti-align,left);font-family:sofia-pro,sans-serif}.valoo-bento__kortti--has-nappi:not(.valoo-bento__kortti--nappi-hover) .valoo-bento__teksti{inset:auto 24px 72px}.valoo-bento__teksti--asento-top{inset:24px 24px auto}.valoo-bento__teksti--asento-center{inset:auto;top:50%;left:24px;right:24px;transform:translateY(-50%)}.valoo-bento__kortti--animaatio:is(a,button):hover .valoo-bento__teksti,.valoo-bento__kortti--animaatio:is(a,button):focus-visible .valoo-bento__teksti{transform:translateY(-40px)}.valoo-bento__kortti--has-nappi:not(.valoo-bento__kortti--nappi-hover).valoo-bento__kortti--animaatio:is(a,button):hover .valoo-bento__teksti,.valoo-bento__kortti--has-nappi:not(.valoo-bento__kortti--nappi-hover).valoo-bento__kortti--animaatio:is(a,button):focus-visible .valoo-bento__teksti{transform:none}.valoo-bento__otsikko{margin:0 0 6px;font-family:sofia-pro,sans-serif;font-size:19px;font-weight:800;color:var(--valoo-bento-teksti-vari,#fff);text-shadow:0 1px 3px rgba(0,0,0,.4);line-height:26px}.valoo-bento__kuvaus{margin:0;font-size:.9rem;color:var(--valoo-bento-teksti-vari,#fff);text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.4}.valoo-bento__nappi{position:absolute;inset:auto auto 24px 24px;z-index:5;display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:.9rem;background:rgba(6,24,75,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.3);transition:opacity .3s ease,transform .3s ease;pointer-events:none;white-space:nowrap;opacity:1;transform:none}.valoo-bento__kortti--nappi-hover .valoo-bento__nappi{opacity:0;transform:translateY(8px)}.valoo-bento__kortti--nappi-hover:is(a,button):hover .valoo-bento__nappi,.valoo-bento__kortti--nappi-hover:is(a,button):focus-visible .valoo-bento__nappi{opacity:1;transform:translateY(0) scale(1.04)}.valoo-bento__nappi-nuoli{transition:transform .2s ease;flex-shrink:0;display:block}.valoo-bento__kortti:is(a,button):hover .valoo-bento__nappi-nuoli{transform:translateX(3px)}.valoo-bento__nappi--vaalea{background:#fff;color:#06184b;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.valoo-bento__nappi--tumma{background:#06184b;color:#fff;border-color:rgba(255,255,255,.2)}.valoo-bento__nappi--tekstilinkki{background:0 0;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--valoo-bento-teksti-vari,#fff);padding-left:0;padding-right:0}.valoo-bento__tagi{position:absolute;top:14px;left:14px;z-index:5;font-size:.72rem;font-weight:700;line-height:1;padding:5px 11px;border-radius:99px;letter-spacing:.05em;text-transform:uppercase;pointer-events:none;white-space:nowrap}.valoo-bento__kortti:is(a,button):focus-visible,a.valoo-bento__kampanja-kortti:focus-visible{outline:3px solid currentColor;outline-offset:3px}@media (prefers-reduced-motion:reduce){.valoo-bento *,.valoo-bento *:before,.valoo-bento *:after{transition-duration:.01ms !important;animation-duration:.01ms !important}}.valoo-bento__vapaa-html{flex:1;display:flex;flex-direction:column}.valoo-bento .search-quicklinks{display:flex;flex-wrap:wrap;gap:12px;align-content:flex-start}.valoo-bento .hql{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:10px;border:1px solid #dde3ec;background:#f5f7fa;text-decoration:none;color:inherit;transition:background .2s ease,border-color .2s ease;min-height:68px;flex:1 1 calc(50% - 6px);min-width:min(240px, 100%);box-sizing:border-box}.valoo-bento .hql>div{min-width:0;overflow-wrap:break-word}.valoo-bento .search-quicklinks .hql-icon{display:flex !important}.valoo-bento__pikalinkit-wrap{container-type:inline-size}@container (min-width:300px) and (max-width:508px){.valoo-bento .hql{min-width:calc(50% - 6px);flex-direction:column;align-items:flex-start;gap:8px;padding:12px;min-height:0;position:relative}.valoo-bento .hql-arrow{position:absolute;top:12px;right:12px;margin-left:0}}.valoo-bento .hql:hover,.valoo-bento .hql:focus-visible{background:#e6f0fb;border-color:#0066db}.valoo-bento .hql:focus-visible{outline:3px solid #0066db;outline-offset:2px}.valoo-bento .hql-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#0066db;background:#e6f0fb;border-radius:10px;padding:8px;box-sizing:border-box}.valoo-bento .hql-icon svg{width:100%;height:100%;display:block}.valoo-bento .hql-icon img{width:100%;height:100%;object-fit:contain;display:block}.valoo-bento .hql-title{font-size:.9rem;font-weight:600;line-height:1.3;color:inherit}.valoo-bento .hql-desc{font-size:.78rem;color:#666;line-height:1.3;margin-top:2px}.valoo-bento .hql-arrow{margin-left:auto;flex-shrink:0;font-size:1.1rem;color:#aaa;line-height:1;transition:transform .2s ease,color .2s ease}.valoo-bento .hql:hover .hql-arrow,.valoo-bento .hql:focus-visible .hql-arrow{transform:translateX(3px);color:#0066db}.valoo-bento__rivi--tumma .hql{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}.valoo-bento__rivi--tumma .hql:hover,.valoo-bento__rivi--tumma .hql:focus-visible{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28)}.valoo-bento__rivi--tumma .hql-desc{color:rgba(255,255,255,.6)}.valoo-bento__rivi--tumma .hql-icon{color:#0066db}.valoo-bento__rivi--tumma .hql-arrow{color:rgba(255,255,255,.4)}@media (max-width:1024px){:root{--valoo-bento-gap:16px;--valoo-bento-lohko-gap:28px;--valoo-bento-row-padding:28px;--valoo-bento-radius:20px}.valoo-bento__rivi{grid-template-columns:repeat(6,1fr)}.valoo-bento__lohko--1,.valoo-bento__lohko--2{grid-column:span 1}.valoo-bento__lohko--3,.valoo-bento__lohko--4{grid-column:span 2}.valoo-bento__lohko--5,.valoo-bento__lohko--6{grid-column:span 3}.valoo-bento__lohko--7,.valoo-bento__lohko--8{grid-column:span 4}.valoo-bento__lohko--9,.valoo-bento__lohko--10{grid-column:span 5}.valoo-bento__lohko--11,.valoo-bento__lohko--12{grid-column:span 6}}@media (max-width:900px){.valoo-bento__rivi{grid-template-columns:minmax(0, 1fr)}.valoo-bento__rivi>[class*=valoo-bento__lohko--]{grid-column:span 1 !important;order:var(--valoo-bento-mob-order,0)}.valoo-bento__kortti:not(.valoo-bento__kortti--mob-auto){aspect-ratio:var(--valoo-bento-ratio-mob,3/2);min-height:0}.valoo-bento__kortti--ratio-auto:not(.valoo-bento__kortti--mob-auto){aspect-ratio:var(--valoo-bento-ratio-mob,3/2) !important;min-height:0}.valoo-bento__kortti--mob-auto{aspect-ratio:auto !important;min-height:220px}.valoo-bento__kortti--nappi-hover .valoo-bento__nappi{display:none}.valoo-bento__kampanja-hinta-luku{font-size:4.5rem}.valoo-bento__kampanja-hinta-suffix{font-size:1.5rem}.valoo-bento__kampanja-kortti{aspect-ratio:var(--valoo-bento-ratio-mob,var(--valoo-bento-ratio,4/3)) !important}.valoo-bento__teksti{text-align:var(--valoo-bento-teksti-align-mob,var(--valoo-bento-teksti-align,left))}.valoo-bento__nappi{inset:auto auto 18px 18px}.valoo-bento__teksti--asento-bottom{inset:auto 18px 18px}.valoo-bento__teksti--asento-top{inset:18px 18px auto}.valoo-bento__teksti--asento-center{left:18px;right:18px}.valoo-bento__kortti--has-nappi:not(.valoo-bento__kortti--nappi-hover) .valoo-bento__teksti{inset:auto 18px 64px}.valoo-bento__teksti--mob-asento-bottom{inset:auto 18px 18px;transform:none}.valoo-bento__teksti--mob-asento-top{inset:18px 18px auto;transform:none}.valoo-bento__teksti--mob-asento-center{inset:auto;top:50%;left:18px;right:18px;transform:translateY(-50%)}.valoo-bento__kortti--nappi-tekstilinkki.valoo-bento__kortti--has-nappi:not(.valoo-bento__kortti--nappi-hover) .valoo-bento__teksti{inset:auto 18px 46px}.valoo-bento__pikalinkki-nuoli{opacity:1 !important;transform:none !important;pointer-events:auto !important}.valoo-bento__kortti--animaatio .valoo-bento__teksti{transform:none !important}.valoo-bento__overlay{display:none}:root{--valoo-bento-row-padding:24px}.valoo-bento__rivi--vaalea,.valoo-bento__rivi--tumma,.valoo-bento__rivi--border{border-radius:calc(var(--valoo-bento-radius) - 4px)}.valoo-bento__pikalinkit{gap:10px}.valoo-bento__pikalinkki{padding:16px 18px}}.valoo-bento__kampanja-kortti{position:relative;display:block;overflow:hidden;border-radius:var(--valoo-bento-radius);background:#06184b;width:100%;aspect-ratio:var(--valoo-bento-ratio,4/3);border:1px solid var(--valoo-border);text-decoration:none;color:var(--valoo-bento-teksti-vari,#fff);flex:1}.valoo-bento__kampanja-kortti:before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.06) 52%,transparent 100%);z-index:1;border-radius:inherit;pointer-events:none}.valoo-bento__kampanja-kortti--gradientti:after{content:'';position:absolute;inset:0;background:linear-gradient(to top right,rgba(0,0,0,.65) 0%,rgba(0,0,0,.22) 45%,transparent 78%);z-index:2;pointer-events:none;border-radius:inherit}.valoo-bento__kampanja-tagi{position:absolute;top:16px;left:16px;z-index:3;display:inline-flex;align-items:center;gap:5px;background:#f97316;color:#fff;font-size:.72rem;font-weight:600;padding:5px 12px;border-radius:99px;letter-spacing:.02em;pointer-events:none;white-space:nowrap}.valoo-bento__kampanja-sisalto{position:absolute;inset:auto 20px 20px;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.valoo-bento__kampanja-info{flex:1;min-width:0}.valoo-bento__kampanja-otsikko{margin:0 0 2px;font-size:1.2rem;font-weight:600;color:var(--valoo-bento-teksti-vari,#fff);line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.45)}.valoo-bento__kampanja-nopeus{margin:0 0 6px;font-size:.82rem;color:rgba(255,255,255,.75);font-weight:400;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.4)}.valoo-bento__kampanja-hinta{margin:0;color:var(--valoo-bento-teksti-vari,#fff);display:flex;align-items:flex-end;flex-wrap:wrap;gap:2px 4px;line-height:1.1;text-shadow:0 1px 4px rgba(0,0,0,.35)}.valoo-bento__kampanja-hinta-luku{font-size:6rem;font-weight:700;line-height:1}.valoo-bento__kampanja-hinta-unit{display:flex;flex-direction:column;align-self:flex-end;padding-bottom:2px;gap:1px}.valoo-bento__kampanja-hinta-suffix{font-size:1.7rem;font-weight:600;line-height:1.2}.valoo-bento__kampanja-hinta-kesto{font-size:1.05rem;font-weight:400;opacity:.8;white-space:nowrap}.valoo-bento__kampanja-nappi{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:.82rem;font-weight:600;padding:10px 18px;border-radius:99px;text-decoration:none;transition:opacity .2s ease,transform .25s ease;white-space:nowrap}.valoo-bento__kampanja-nappi--vaalea{background:#fff;color:#06184b}.valoo-bento__kampanja-nappi--tumma{background:rgba(6,24,75,.8);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.valoo-bento__kampanja-nappi--tekstilinkki{background:0 0;color:#fff;padding:0;text-decoration:underline;text-underline-offset:3px}.valoo-bento__kampanja-nappi:hover{opacity:.85}.valoo-bento__kampanja-kortti:hover .valoo-bento__overlay{opacity:1}@media (max-width:680px){.valoo-bento__kampanja-sisalto{flex-direction:column;align-items:stretch;gap:12px}.valoo-bento__kampanja-nappi{width:100%;margin-top:14px}}@media (min-width:901px){.valoo-bento__teksti{inset:auto 32px 32px}.valoo-bento__kortti--has-nappi:not(.valoo-bento__kortti--nappi-hover) .valoo-bento__teksti{inset:auto 32px 72px}.valoo-bento__teksti--asento-top{inset:32px 32px auto}.valoo-bento__teksti--asento-center{left:32px;right:32px}.valoo-bento__nappi{inset:auto auto 32px 32px}.valoo-bento__kampanja-sisalto{inset:auto 28px 28px}.valoo-bento__kampanja-tagi{top:20px;left:20px;font-size:.85rem;padding:7px 15px;gap:6px}.valoo-bento__otsikko{font-size:23px;line-height:32px}.valoo-bento__kampanja-otsikko{font-size:1.45rem}.valoo-bento__kampanja-hinta-luku{font-size:10rem}.valoo-bento__kampanja-hinta-suffix{font-size:2.5rem}.valoo-bento__kampanja-hinta-unit{padding-bottom:4px}.valoo-bento__kortti--animaatio .valoo-bento__bg-img,.valoo-bento__kampanja-kortti .valoo-bento__bg-img{transition:transform .6s ease}a.valoo-bento__kortti--animaatio:hover .valoo-bento__bg-img,a.valoo-bento__kortti--animaatio:focus-visible .valoo-bento__bg-img{transform:scale(1.06)}a.valoo-bento__kampanja-kortti:hover .valoo-bento__bg-img{transform:scale(1.06)}a.valoo-bento__kampanja-kortti:hover .valoo-bento__kampanja-nappi{transform:translateY(-2px)}}@media (max-width:400px){:root{--valoo-bento-gap:12px;--valoo-bento-lohko-gap:18px;--valoo-bento-row-padding:16px;--valoo-bento-radius:16px}.valoo-bento__otsikko{font-size:17px;line-height:22px}.valoo-bento__kuvaus{font-size:.8rem}.valoo-bento__nappi{font-size:.8rem;padding:5px 12px}.valoo-bento__nappi--tekstilinkki{padding-left:0;padding-right:0}.valoo-bento__tagi{top:12px;left:12px;font-size:.64rem;padding:4px 9px}.valoo-bento__kampanja-sisalto{inset:auto 16px 16px}.valoo-bento__kampanja-tagi{top:12px;left:12px;font-size:.66rem;padding:4px 9px}.valoo-bento__kampanja-otsikko{font-size:1.05rem}.valoo-bento__kampanja-nopeus{font-size:.76rem}.valoo-bento__kampanja-hinta-luku{font-size:4rem}.valoo-bento__kampanja-hinta-suffix{font-size:1.3rem}.valoo-bento__kampanja-hinta-kesto{font-size:.9rem}.valoo-bento__kampanja-nappi{font-size:.78rem;padding:9px 16px}.valoo-bento .hql{padding:12px 14px;gap:10px;min-height:0}.valoo-bento .hql-icon{width:32px;height:32px;padding:6px;border-radius:8px}.valoo-bento .hql-title{font-size:.85rem}.valoo-bento .hql-desc{font-size:.74rem}}@media (max-width:430px){.valoo-bento .valoo-bento__kampanja-kortti,.valoo-bento .valoo-bento__kortti:not(.valoo-bento__kortti--mob-auto){aspect-ratio:auto !important;min-height:0 !important}.valoo-bento__kampanja-kortti{display:flex;flex-direction:column;justify-content:flex-end}.valoo-bento__kampanja-sisalto{position:relative;inset:auto;z-index:3;padding:56px 16px 16px}.valoo-bento__kortti{display:flex;flex-direction:column;justify-content:flex-end}.valoo-bento__kortti .valoo-bento__teksti{position:relative;inset:auto !important;top:auto !important;transform:none !important;padding:48px 18px 18px}.valoo-bento__kortti--has-nappi:not(.valoo-bento__kortti--nappi-hover) .valoo-bento__teksti{padding-bottom:4px}.valoo-bento__nappi{position:relative;inset:auto;align-self:flex-start;margin:0 18px 16px}}