/* Odmiany: kafle + widok szczegółowy; kalkulator chłodu. Mobile-first. */
.pb-vd{--vd-blue:var(--blue,#1f3f8f);--vd-navy:var(--navy,#0f2350);--vd-line:rgba(15,35,80,.14);margin:1.5rem 0}
.pb-vd-hint{margin:0 0 1rem;opacity:.7;font-size:.95rem}
.pb-vd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
@media(min-width:700px){.pb-vd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}
@media(min-width:1050px){.pb-vd-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pb-vd-tile{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--vd-line);border-radius:14px;overflow:hidden;padding-bottom:.8rem;transition:transform .3s,box-shadow .3s}
.pb-vd-tile:hover,.pb-vd-tile:focus-visible{transform:translateY(-3px);box-shadow:0 10px 26px rgba(15,35,80,.14)}
.pb-vd-ph{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#eef2f8}
.pb-vd-ph figure,.pb-vd-ph img{margin:0;width:100%;height:100%;object-fit:cover;display:block}
.pb-vd-ph figcaption{display:none}
.pb-vd-size{position:absolute;right:.5rem;top:.5rem;min-width:2rem;height:2rem;padding:0 .4rem;display:grid;place-items:center;border-radius:99px;background:var(--vd-blue);color:#fff;font:700 .72rem/1 inherit}
.pb-vd-tile strong{padding:0 .8rem;font-size:1.05rem}
.pb-vd-tile small{padding:0 .8rem;opacity:.7;font-size:.8rem;line-height:1.35}
/* artykuły: bez JS widoczne jedno pod drugim, z JS tylko wybrany */
.pb-vd-articles{margin-top:2rem}
.pb-vd-article{display:grid;grid-template-columns:1fr;gap:1.2rem;padding:1rem 0;border-top:1px solid var(--vd-line);scroll-margin-top:100px}
.pb-vd-media figure,.pb-vd-media img{margin:0;width:100%;border-radius:14px;display:block;aspect-ratio:4/3;object-fit:cover}
.pb-vd-media figcaption{display:none}
.pb-vd-body h3{margin:.2rem 0 .8rem;font-size:clamp(1.6rem,6vw,2.4rem)}
.pb-vd-back{display:none;border:0;background:none;color:var(--vd-blue);font:700 .95rem/1 inherit;padding:.6rem 0;cursor:pointer;min-height:44px}
.pb-vd-spec{margin:0 0 1.2rem;border-top:1px solid var(--vd-line)}
.pb-vd-spec>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:.8rem;padding:.7rem 0;border-bottom:1px solid var(--vd-line)}
.pb-vd-spec dt{font:700 .72rem/1.3 inherit;letter-spacing:.08em;text-transform:uppercase;opacity:.65}
.pb-vd-spec dd{margin:0;font-size:.98rem;line-height:1.4}
.pb-vd-spec dd small{display:block;opacity:.65;font-size:.8rem}
.pb-vd-spec .is-empty dd{opacity:.5}
.pb-vd-scale{margin:1rem 0 1.3rem}
.pb-vd-scale p{margin:0 0 .5rem;font:700 .72rem/1.3 inherit;letter-spacing:.08em;text-transform:uppercase;opacity:.65}
.pb-vd-bar{position:relative;height:12px;border-radius:99px;background:linear-gradient(90deg,#8fd3a5,#f2d64b 50%,#e0653d)}
.pb-vd-bar i{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;border:4px solid var(--vd-navy);box-shadow:0 2px 6px rgba(0,0,0,.3)}
.pb-vd-ends{display:flex;justify-content:space-between;margin-top:.4rem;font-size:.8rem;opacity:.7}
.pb-vd-text{line-height:1.65}
.pb-vd-note{font-size:.8rem;opacity:.6;margin-top:1rem}
.pb-vd-ask{margin-top:1rem}
@media(min-width:800px){.pb-vd-article{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2.5rem;padding:1.5rem 0}.pb-vd-media{position:sticky;top:110px;align-self:start}}
.pb-vd.is-js .pb-vd-article{display:none}
.pb-vd.is-js .pb-vd-article.is-open{display:grid}
.pb-vd.is-js{display:flex;flex-direction:column}.pb-vd.is-js .pb-vd-articles{order:-1;margin-bottom:1.5rem}.pb-vd.is-js.is-open .pb-vd-hint{display:none}.pb-vd.is-js.is-open .pb-vd-article{padding-bottom:1.5rem;border-bottom:1px solid var(--vd-line)}.pb-vd-tile.is-current{border-color:var(--vd-blue);box-shadow:0 0 0 2px var(--vd-blue)}
.pb-vd.is-js .pb-vd-back{display:inline-flex;align-items:center}
.pb-vd.is-js .pb-vd-articles{margin-top:0}
.pb-vd.is-js .pb-vd-article{border-top:0}
/* kalkulator */
.pb-ck{padding:1.1rem;border:1px solid var(--vd-line,rgba(15,35,80,.14));border-radius:14px;background:#f6f8fc;margin:1rem 0 2rem}
.pb-ck-row{display:grid;grid-template-columns:1fr;gap:.8rem;margin:1rem 0}
@media(min-width:700px){.pb-ck-row{grid-template-columns:1fr 1fr}}
.pb-ck label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.9rem}
.pb-ck select,.pb-ck input{min-height:48px;padding:.5rem .7rem;border:1px solid #9fb0cf;border-radius:8px;font:inherit;background:#fff;width:100%;box-sizing:border-box}
.pb-ck-out{margin-top:1rem}
.pb-ck-out h4{margin:.2rem 0 .5rem}
.pb-ck-out ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:.6rem 0}
.pb-ck-out li a{display:inline-block;padding:.5rem .8rem;border-radius:99px;background:#fff;border:1px solid var(--vd-line,#ccd);text-decoration:none;min-height:20px}
.pb-ck-warn{padding:.7rem .9rem;border-left:4px solid #e0653d;background:#fff4ef;border-radius:6px}
.pb-chill-guide h3{margin-top:1.8rem}
.pb-ck-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0}
.pb-ck-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:.9rem}
.pb-ck-table th,.pb-ck-table td{padding:.6rem .7rem;border-bottom:1px solid var(--vd-line,#dde);text-align:left;vertical-align:top}
.pb-vd-article:focus{outline:0}
.pb-vd-media figure{margin:0!important}
@media(max-width:520px){.pb-vd-spec>div{grid-template-columns:1fr;gap:.2rem}}
.pb-ck-out li{margin:0}
.pb-vd-spec>div{grid-template-columns:minmax(9.5rem,.9fr) minmax(0,1.3fr)}
.pb-vd-spec dt{min-width:0;letter-spacing:.04em;font-size:.7rem;overflow-wrap:anywhere;hyphens:auto}
@media(max-width:520px){.pb-vd-spec>div{grid-template-columns:1fr}}
/* etykieta nad wartością – nic się nie nakłada w żadnym języku */
.pb-vd .pb-vd-spec>div{display:block}
.pb-vd .pb-vd-spec dt{display:block;margin:0 0 .25rem;font-size:.72rem;line-height:1.3;letter-spacing:.06em;overflow-wrap:anywhere;hyphens:auto}
.pb-vd .pb-vd-spec dd{display:block;margin:0;min-width:0;overflow-wrap:anywhere}
/* mapa krajów */
.pb-cmap{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.2rem 0 2rem}
.pb-cmap-svg{width:100%;height:auto;display:block;overflow:hidden}
.pb-cmap-o{fill:none;stroke:#a9b8d4;stroke-width:.9;vector-effect:non-scaling-stroke}
.pb-cmap-c{fill:rgba(255,255,255,0);stroke:#1f3f8f;stroke-width:1.3;vector-effect:non-scaling-stroke;cursor:pointer;pointer-events:all;transition:fill .25s;outline:0}
.pb-cmap-c:hover,.pb-cmap-c:focus-visible{fill:rgba(31,63,143,.14)}
.pb-cmap-c.is-on{fill:rgba(31,63,143,.38);stroke-width:2.4}
.pb-cmap-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.pb-cmap-chips button{min-height:40px;padding:.4rem .8rem;border:1px solid #9fb0cf;border-radius:99px;background:#fff;font:inherit;font-size:.88rem;cursor:pointer}
.pb-cmap-chips button.is-on{background:var(--blue,#1f3f8f);border-color:var(--blue,#1f3f8f);color:#fff}
.pb-cmap-info{padding:1rem 1.1rem;border:1px solid var(--vd-line,rgba(15,35,80,.14));border-radius:14px;background:#f6f8fc;min-height:7rem}
.pb-cmap-info h4{margin:0 0 .6rem;font-size:1.3rem}
.pb-cmap-info .g{padding:.6rem 0;border-top:1px solid var(--vd-line,#dde)}
.pb-cmap-info .g:first-of-type{border-top:0}
.pb-cmap-info small{display:block;opacity:.7;margin-top:.2rem}
.pb-cmap-info p{margin:0 0 .4rem}
.pb-cmap-info b{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;opacity:.65;display:block}
/* karuzela zdjęć */
.pb-ph-slider{position:relative;margin:1.5rem 0}
.pb-ph-track{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.2rem 0}
.pb-ph-track::-webkit-scrollbar{display:none}
.pb-ph-track figure{flex:0 0 82%;margin:0;scroll-snap-align:start;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#eef2f8}
.pb-ph-track img{width:100%;height:100%;object-fit:cover;display:block}
@media(min-width:700px){.pb-ph-track figure{flex-basis:44%}}
@media(min-width:1100px){.pb-ph-track figure{flex-basis:31%}}
.pb-ph-slider>button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#0f2350;font-size:1.3rem;box-shadow:0 4px 14px rgba(0,0,0,.25);cursor:pointer}
.pb-ph-prev{left:.5rem}.pb-ph-next{right:.5rem}
@media(max-width:699px){.pb-ph-slider>button{display:none}}
.pb-ph-track figure a{display:block;height:100%;cursor:zoom-in}

.pb-ck-shape{margin:1rem 0;max-width:300px}
.pb-ck-shape svg{width:100%;height:auto;display:block}
.pb-ck-c{fill:rgba(31,63,143,.12);stroke:#1f3f8f;stroke-width:1.6;stroke-linejoin:round}
.pb-ck-v{fill:none;stroke:#1f3f8f;stroke-width:.6;stroke-opacity:.55}
.pb-ck-v.is-on{fill:#1f3f8f;fill-opacity:.55;stroke-opacity:1;stroke-width:1.2}

.pb-gt{margin:1rem 0 1.5rem;border:1px solid rgba(15,35,80,.14);border-radius:16px;background:#fff;overflow:hidden}
.pb-gt-top{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;justify-content:space-between;align-items:center;padding:1rem 1.1rem;background:#0f2350;color:#fff}
.pb-gt-top>div:first-child{display:flex;flex-direction:column;gap:.15rem}
.pb-gt-pl{font-size:1.15rem}.pb-gt-top span{font-size:.85rem;opacity:.8}
.pb-gt-f{display:flex;flex-wrap:wrap;gap:.4rem}
.pb-gt-f button{min-height:40px;padding:.35rem .85rem;border:1px solid rgba(255,255,255,.4);border-radius:99px;background:transparent;color:#fff;font:inherit;font-size:.85rem;cursor:pointer}
.pb-gt-f button.is-on{background:#fff;color:#0f2350;border-color:#fff}
.pb-gt-chart{padding:.4rem 0 .6rem}
.pb-gt-ax,.pb-gt-row{display:grid;grid-template-columns:minmax(92px,26%) minmax(0,1fr);align-items:center;gap:.4rem;padding:0 1rem}
.pb-gt-months{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.7;padding:.5rem 0}
.pb-gt-months span+span{border-left:1px solid rgba(15,35,80,.15)}
.pb-gt-gh{padding:.7rem 1rem .25rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#1f3f8f}
.pb-gt-row{width:100%;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer;min-height:40px;color:inherit;border-radius:8px}
.pb-gt-row:hover,.pb-gt-row:focus-visible{background:#f0f4fb;outline:0}
.pb-gt-row.is-on{background:#e6edf9}
.pb-gt-n{font-size:.88rem;line-height:1.2;overflow-wrap:anywhere}
.pb-gt-tr{display:grid;grid-template-columns:repeat(12,1fr);height:22px;align-items:center;background:repeating-linear-gradient(90deg,transparent 0 calc(100%/3 - 1px),rgba(15,35,80,.12) calc(100%/3 - 1px) calc(100%/3))}
.pb-gt-tr i{height:14px;border-radius:99px;background:#8aa3d6;transition:background .2s,height .2s}
.pb-gt-row.c1 .pb-gt-tr i{background:#1f3f8f}.pb-gt-row.c2 .pb-gt-tr i{background:#0f2350}
.pb-gt-row:hover .pb-gt-tr i,.pb-gt-row.is-on .pb-gt-tr i{height:18px;box-shadow:0 0 0 2px #c8dd3a}
.pb-gt-info{padding:1rem 1.1rem;border-top:1px solid rgba(15,35,80,.14);background:#f6f8fc;min-height:5rem}
.pb-gt-info h4{margin:0 0 .5rem;font-size:1.2rem}.pb-gt-info p{margin:0}
.pb-gt-info dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem 1rem;margin:0 0 .9rem}
.pb-gt-info dt{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;opacity:.65}.pb-gt-info dd{margin:0}
.pb-gt-note{font-size:.85rem;opacity:.75}

.pb-pots{margin:1.5rem 0 2rem;padding:1.2rem;border:1px solid rgba(15,35,80,.14);border-radius:18px;background:#f6f8fc}
.pb-pots h3{margin:0 0 .4rem}.pb-pots>p{margin:0 0 1rem}
.pb-pots-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}
@media(min-width:900px){.pb-pots-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}}
.pb-pots-fig{background:#fff;border:1px solid rgba(15,35,80,.12);border-radius:14px;padding:.6rem}
.pb-pots-fig svg{width:100%;height:auto;display:block;max-height:560px}
.pt-box{fill:#fff;stroke:#0f2350;stroke-width:2.5}.pt-axis{stroke:#9fb0cf;stroke-width:1;stroke-dasharray:2 4}
.pt-pot{fill:#dfe7f6;stroke:#1f3f8f;stroke-width:1.8}.pt-dot{fill:#1f3f8f}
.pt-dim{font:700 13px sans-serif;fill:#0f2350}.pt-ar{stroke:#0f2350;stroke-width:1.5}
.pb-pots-mode{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}
.pb-pots-mode button{min-height:40px;padding:.35rem .9rem;border:1px solid #9fb0cf;border-radius:99px;background:#fff;font:inherit;font-size:.88rem;cursor:pointer}
.pb-pots-mode button.is-on{background:#1f3f8f;border-color:#1f3f8f;color:#fff}
.pb-pots-ctl{display:block;margin:0 0 .9rem;font-size:.9rem}
.pb-pots-ctl span{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.pb-pots-ctl output{font-weight:700;white-space:nowrap}
.pb-pots-ctl input{width:100%;min-height:32px;accent-color:#1f3f8f}
.pb-pots-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem;margin-top:1rem}
.pb-pots-res>div{padding:.8rem;border-radius:12px;background:#fff;border:1px solid rgba(15,35,80,.12)}
.pb-pots-res b{display:block;font-size:1.45rem;color:#0f2350}.pb-pots-res span{font-size:.78rem;opacity:.75}
.pb-pots-res .is-key{background:#0f2350}.pb-pots-res .is-key b,.pb-pots-res .is-key span{color:#fff}
.pb-pots-warn{color:#b3261e;font-weight:700}.pb-pots-note{font-size:.85rem;opacity:.75;margin:.6rem 0 0}
.pb-pots-photo img{width:100%;max-height:520px;object-fit:cover;object-position:center 55%;border-radius:16px}

.pb-an,.pb-sub,.pb-specs{margin:1.5rem 0 2rem;padding:1.2rem;border:1px solid rgba(15,35,80,.14);border-radius:18px;background:#f6f8fc}
.pb-an h3,.pb-sub h3,.pb-specs h3{margin:0 0 .8rem}
.pb-an-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}
@media(min-width:900px){.pb-an-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}}
.pb-an-fig{position:relative;background:#fff;border-radius:14px;border:1px solid rgba(15,35,80,.12);overflow:hidden}
.pb-an-fig img{width:100%;height:auto;display:block}
.pb-an-pt{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid #fff;background:#1f3f8f;color:#fff;font:700 .85rem sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(15,35,80,.45)}
.pb-an-pt.is-on{background:#c8dd3a;color:#0f2350;transform:scale(1.15)}
.pb-an-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}
.pb-an-li{display:flex;align-items:center;gap:.6rem;text-align:left;min-height:44px;padding:.4rem .7rem;border:1px solid #cfd9ec;border-radius:12px;background:#fff;font:inherit;font-size:.9rem;cursor:pointer}
.pb-an-li b{flex:none;width:26px;height:26px;border-radius:50%;background:#1f3f8f;color:#fff;display:grid;place-items:center;font-size:.8rem}
.pb-an-li.is-on{border-color:#1f3f8f;background:#e6edf9}
.pb-an-info{padding:1rem;border-radius:12px;background:#fff;border:1px solid rgba(15,35,80,.12);min-height:5.5rem}
.pb-an-info h4{margin:0 0 .4rem}.pb-an-info p{margin:0}
.pb-specs dl{display:grid;grid-template-columns:1fr;margin:0}
.pb-specs dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid rgba(15,35,80,.12)}
.pb-specs dt{font-weight:600}.pb-specs dd{margin:0;font-weight:700;color:#1f3f8f;white-space:nowrap}
.pb-specs-n{font-size:.82rem;opacity:.7;margin:.8rem 0 0}
.pb-sub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem 1.2rem;margin:.6rem 0}
.pb-sub-ctl{display:block;font-size:.9rem}.pb-sub-ctl[hidden]{display:none}
.pb-sub-ctl span{display:block;margin-bottom:.25rem}
.pb-sub-ctl input[type=number]{width:100%;min-height:44px;padding:.4rem .7rem;border:1px solid #9fb0cf;border-radius:10px;font:inherit}
.pb-sub-ctl input[type=range]{width:100%;min-height:32px;accent-color:#1f3f8f}.pb-sub-ctl output{font-weight:700}

.pb-pc{position:relative;margin:1.6rem 0;display:block;width:100%;max-width:100%;min-width:0;overflow:hidden}
.pb-pc-track{display:flex;width:100%;min-width:0;gap:1rem;padding:.4rem .2rem 1rem}
.pb-pc-card{flex:0 0 86%;scroll-snap-align:start;position:relative;background:#fff;border:1px solid #dfe6f2;border-radius:18px;padding:1.6rem 1.4rem 1.4rem;box-shadow:0 8px 24px rgba(15,35,80,.07);overflow:hidden}
@media(min-width:700px){.pb-pc-card{flex-basis:46%}}
.pb-pc-ic{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#e8eefb,#eef7e0);margin-bottom:1rem}
.pb-pc-ic svg{width:38px;height:38px;fill:none;stroke:#1f3f9a;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pb-pc-n{position:absolute;top:.8rem;right:1.1rem;font:700 2.6rem/1 Georgia,serif;color:#e3e9f5}
.pb-pc-card h3{margin:0 0 .6rem;font-size:1.05rem!important;line-height:1.25!important;color:#1f3f9a;text-align:left;hyphens:none;overflow-wrap:normal;word-break:normal;letter-spacing:.01em}
.pb-pc-card p{margin:0;text-align:left;hyphens:none;font-size:.98rem;line-height:1.6}
.pb-pc-card ul{margin:0;padding-left:1.1rem;text-align:left;font-size:.96rem;line-height:1.55}
.pb-pc-card li{text-align:left;margin:.15rem 0}
.pb-pc>button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:#0f2350;font-size:1.3rem;box-shadow:0 4px 14px rgba(0,0,0,.25);cursor:pointer}
@media(max-width:699px){.pb-pc>button{display:none}}
.pb-pc-track{padding-bottom:4rem}
.pb-pc>button{top:auto!important;bottom:.4rem;transform:none!important;background:#1f3f9a;color:#fff;width:42px;height:42px}
.pb-pc>.pb-ph-prev{left:calc(50% - 50px)}.pb-pc>.pb-ph-next{left:calc(50% + 8px);right:auto}
@media(max-width:699px){.pb-pc-track{padding-bottom:1rem}}

.pb-ph-pots .pb-ph-track{padding-bottom:4rem}
.pb-ph-pots figure{aspect-ratio:1/1;background:#fff;border:1px solid #dfe6f2;flex-basis:82%}
.pb-ph-pots img{object-fit:contain;padding:.6rem}
@media(min-width:700px){.pb-ph-pots figure{flex-basis:48%}}
@media(min-width:1100px){.pb-ph-pots figure{flex-basis:48%}}
.pb-ph-pots>button{top:auto!important;bottom:.4rem;transform:none!important;background:#1f3f9a;color:#fff;width:42px;height:42px}
.pb-ph-pots>.pb-ph-prev{left:calc(50% - 50px)}.pb-ph-pots>.pb-ph-next{left:calc(50% + 8px);right:auto}
@media(max-width:699px){.pb-ph-pots .pb-ph-track{padding-bottom:.4rem}}
.pb-an,.pb-specs,.pb-sub{max-width:980px;margin-left:auto;margin-right:auto}
.pb-an-fig{max-width:460px}
@media(min-width:1100px){.pb-pc-card{flex-basis:31.5%}}