/* PO – Blocchi categoria · brand packaging-online (Nunito/Roboto, #1D1D1B #95C11F #CADE99 #EDEDED #065151) */
.pocb{font-family:Roboto,sans-serif;color:#1D1D1B}
.pocb a{color:#065151}
.pocb-eb{display:inline-block;background:#CADE99;color:#1D1D1B;border-radius:40px;padding:5px 12px;font:500 12px Roboto,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}
.pocb-h2{font:900 34px/1.15 Nunito,sans-serif;margin:0 0 22px;color:#1D1D1B}

/* riepilogo numeri */
.pocb-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1.5px solid #EDEDED;border-radius:20px;margin:0 0 34px}
.pocb-sum div{padding:18px 22px;border-left:1.5px solid #EDEDED}.pocb-sum div:first-child{border-left:0}
.pocb-sum b{display:block;font:900 34px/1.1 Nunito,sans-serif;color:#065151}
.pocb-sum span{font-size:14px;color:#555}

/* schede */
.pocb-cards{display:grid;gap:16px}
.pocb-c4{grid-template-columns:repeat(4,minmax(0,1fr))}.pocb-c3{grid-template-columns:repeat(3,minmax(0,1fr))}.pocb-c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pocb-card{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1.5px solid #EDEDED;text-decoration:none!important;color:#1D1D1B!important;transition:border-color .15s}
.pocb-card:hover{border-color:#95C11F}
.pocb-card .top{position:relative;height:180px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1.5px solid #EDEDED}
.pocb-card .top img{max-height:150px;max-width:78%;width:auto;height:auto;mix-blend-mode:multiply}
.pocb-card .bd{position:absolute;top:14px;left:14px;border-radius:30px;padding:5px 11px;font-size:12px;font-weight:500}
.pocb-card .bd-k{background:#1D1D1B;color:#fff}.pocb-card .bd-g{background:#CADE99;color:#1D1D1B}.pocb-card .bd-o{background:#065151;color:#fff}
.pocb-card .bo{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.pocb-card h3{font:800 18px/1.25 Nunito,sans-serif;margin:0 0 6px;color:#1D1D1B}
.pocb-card p{font-size:13.5px;line-height:1.55;color:#555;margin:0 0 14px}
.pocb-card .nf{margin-top:auto;padding-top:14px;border-top:1px solid #EDEDED;margin-bottom:14px}
.pocb-card .nf b{display:block;font:900 32px/1 Nunito,sans-serif;color:#065151}
.pocb-card .nf span{display:block;font:800 13px Nunito,sans-serif;margin-top:3px}
.pocb-card .nf small{display:block;font-size:12px;color:#777;margin-top:2px}
.pocb-card .go{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#1D1D1B;color:#fff;border-radius:40px;padding:11px 18px;font-weight:500;font-size:14.5px;transition:background .15s,color .15s}
.pocb-card:hover .go,.pocb-card .go:hover{background:#95C11F;color:#1D1D1B}

/* trova misura */
.pocb-find{background:#065151;border-radius:24px;padding:28px;color:#fff}
.pocb-find h3{color:#fff!important;font:900 24px/1.2 Nunito,sans-serif!important;margin:0 0 6px}
.pocb-find>p{color:#E6F0EF;font-size:15px;margin:0 0 18px;max-width:760px}
.pocb-ff{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.pocb-ff label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#E6F0EF;margin:0}
.pocb-ff input[name=l],.pocb-ff input[name=w],.pocb-ff input[name=h]{width:120px;height:46px;border:0;border-radius:14px;padding:0 14px;font:800 18px Nunito,sans-serif;color:#1D1D1B;background:#fff}
.pocb-ff .x{font:800 20px Nunito,sans-serif;color:#CADE99;padding-bottom:10px}
.pocb-ff button{height:46px;border:0;border-radius:40px;background:#fff;color:#1D1D1B;font:500 15px Roboto,sans-serif;padding:0 22px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s}
.pocb-ff button:hover{background:#95C11F}
.pocb-ff .opt{flex-direction:row;align-items:center;gap:8px;font-size:13.5px;color:#fff;padding-bottom:12px}
.pocb-ff .opt input{width:18px;height:18px}
.pocb-ff .seg{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-top:4px}
.pocb-ff .seg label{flex-direction:row}
.pocb-ff .seg input{position:absolute;opacity:0;width:1px;height:1px}
.pocb-ff .seg span{display:inline-block;border:1.5px solid rgba(255,255,255,.35);border-radius:40px;padding:7px 14px;font-size:13.5px;color:#fff;cursor:pointer}
.pocb-ff .seg span:hover{border-color:#95C11F}
.pocb-ff .seg input:checked+span{background:#95C11F;border-color:#95C11F;color:#1D1D1B}
.pocb-fmsg{margin-top:16px;font-size:14px;color:#E6F0EF}.pocb-fmsg a{color:#CADE99!important}
.pocb-fr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.pocb-fr:empty{display:none}
.pocb-fi{display:flex;gap:12px;background:#fff;color:#1D1D1B!important;border-radius:18px;padding:14px;text-decoration:none!important;border:2px solid transparent}
.pocb-fi:hover{border-color:#95C11F}
.pocb-fi img{width:76px;height:76px;object-fit:contain;flex:none}
.pocb-fi b{display:block;font:800 15px/1.25 Nunito,sans-serif;color:#1D1D1B}
.pocb-fi small{display:block;font-size:12.5px;color:#555;line-height:1.45}
.pocb-fi .t{display:inline-block;border-radius:30px;padding:2px 9px;font-size:11.5px;font-weight:500;margin:4px 0}
.pocb-fi .t.ok{background:#CADE99;color:#1D1D1B}.pocb-fi .t.no{background:#EDEDED;color:#555}

@media(max-width:1100px){.pocb-c4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.pocb-c4,.pocb-c3{grid-template-columns:repeat(2,minmax(0,1fr))}.pocb-fr{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pocb-c4,.pocb-c3,.pocb-c2,.pocb-fr{grid-template-columns:1fr}.pocb-h2{font-size:26px}.pocb-sum{grid-template-columns:1fr}.pocb-sum div{border-left:0;border-top:1.5px solid #EDEDED}.pocb-sum div:first-child{border-top:0}.pocb-ff input[name=l],.pocb-ff input[name=w],.pocb-ff input[name=h]{width:92px}}