/* P.H. COMPUTER — polecane produkty jako responsywna karuzela */
.featured-section{padding:24px 0 20px;overflow:hidden}
.featured-heading{margin-bottom:16px}
.featured-heading h2{font-size:20px;letter-spacing:.01em;margin:0;color:#082967}
.featured-heading a{font-size:14px}
.featured-carousel-shell{position:relative}
.featured-carousel-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain;padding:2px 1px 8px}
.featured-carousel-viewport::-webkit-scrollbar{display:none}
.featured-carousel-track{display:flex;gap:20px}
.featured-card{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;min-height:610px;background:#fff;border:1px solid #dce4f0;border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.featured-card:hover{transform:translateY(-4px);border-color:#bdcce4;box-shadow:0 16px 34px rgba(8,41,103,.11)}
.featured-card-image{height:285px;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(180deg,#fff,#fbfcff);overflow:hidden}
.featured-card-image img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.featured-card:hover .featured-card-image img{transform:scale(1.025)}
.featured-placeholder{display:flex;flex-direction:column;align-items:center;gap:14px;color:#8290a8;font-size:16px}
.featured-placeholder-icon{width:80px;height:65px;border:4px solid #9aa9c0;border-radius:14px;display:grid;place-items:center;font-size:34px;line-height:1;color:#9aa9c0}
.featured-card-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.featured-category{font-size:12px;text-transform:uppercase;color:#0a3e98;margin-bottom:10px}
.featured-card h3{font-size:20px;line-height:1.25;color:#082967;margin:0 0 17px}
.featured-card h3 a:hover{text-decoration:underline}
.featured-card p{font-size:15px;line-height:1.65;color:#253650;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.featured-card-actions{margin-top:auto;padding-top:24px;display:grid;gap:13px;text-align:center}
.featured-primary{display:block;border-radius:6px;padding:13px 14px;background:linear-gradient(135deg,#0b378c,#082967);color:#fff;font-size:15px;font-weight:700;transition:filter .15s ease,transform .15s ease}
.featured-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
.featured-secondary{font-size:14px;color:#0751be;font-weight:600}
.featured-secondary:hover{text-decoration:underline}
.featured-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:52px;height:52px;border:1px solid #dce4f0;border-radius:50%;background:#fff;color:#08327d;font-size:42px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(8,41,103,.12);transition:.15s}
.featured-arrow:hover{background:#082967;color:#fff;border-color:#082967}
.featured-arrow:disabled{opacity:0;pointer-events:none}
.featured-arrow-prev{left:-25px}.featured-arrow-next{right:-25px}
.featured-dots{display:flex;justify-content:center;gap:10px;min-height:14px;margin-top:14px}
.featured-dot{width:11px;height:11px;padding:0;border:0;border-radius:50%;background:#d8e0ec;cursor:pointer}
.featured-dot.is-active{background:#0751be}
.featured-section:not(.is-scrollable) .featured-arrow,.featured-section:not(.is-scrollable) .featured-dots{display:none}
@media(max-width:1100px){.featured-card{flex-basis:calc((100% - 20px)/2);min-height:590px}.featured-arrow-prev{left:-18px}.featured-arrow-next{right:-18px}}
@media(max-width:650px){.featured-section{padding-top:18px}.featured-heading{align-items:flex-start;gap:8px}.featured-heading h2{font-size:18px}.featured-heading a{font-size:12px}.featured-carousel-track{gap:14px}.featured-card{flex-basis:100%;min-height:570px}.featured-card-image{height:270px}.featured-card h3{font-size:19px}.featured-arrow{width:44px;height:44px;font-size:35px}.featured-arrow-prev{left:-8px}.featured-arrow-next{right:-8px}}


/* P.H. COMPUTER — Polecane produkty V4
   Ten sam komponent działa na stronie głównej i karcie produktu. */
.featured-section { padding-top: 34px; padding-bottom: 34px; }
.featured-heading { margin-bottom: 22px; }
.featured-heading h2 {
    font-size: clamp(25px, 2.3vw, 31px) !important;
    line-height: 1.2;
}
.featured-heading a { font-size: 16px !important; }
.featured-carousel-track { gap: 22px; }
.featured-card {
    flex-basis: calc((100% - 66px) / 4);
    min-height: 650px;
}
.featured-card-image { height: 300px; padding: 22px; }
.featured-card-body { padding: 21px 22px 23px; }
.featured-category {
    font-size: 13px !important;
    font-weight: 700;
    letter-spacing: .045em;
}
.featured-card h3 {
    font-size: 22px !important;
    line-height: 1.28;
    margin-bottom: 16px;
}
.featured-card p {
    font-size: 16px !important;
    line-height: 1.65;
    -webkit-line-clamp: 4;
}
.featured-card-actions { padding-top: 26px; gap: 14px; }
.featured-primary {
    min-height: 52px;
    padding: 15px 16px;
    font-size: 16px !important;
}
.featured-secondary { font-size: 15px !important; }

@media(max-width:1100px){
    .featured-card { flex-basis: calc((100% - 22px)/2); min-height: 630px; }
}
@media(max-width:650px){
    .featured-heading h2 { font-size: 24px !important; }
    .featured-heading a { font-size: 14px !important; }
    .featured-card { min-height: 590px; }
    .featured-card-image { height: 275px; }
    .featured-card h3 { font-size: 20px !important; }
    .featured-card p { font-size: 15px !important; }
}