/* Portal klienta — lifestyle VP: zdjęcie z toru, granat, czerwony akcent, dużo powietrza. */
.portal-hero{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:28px;min-height:300px;padding:44px 44px 36px;margin-bottom:28px;border-radius:24px;overflow:hidden;color:#fff;background:linear-gradient(100deg,rgba(0,71,187,.97) 0%,rgba(0,71,187,.86) 45%,rgba(16,24,32,.25) 100%),url(/brand/portal-hero.jpg) center 60%/cover no-repeat,#0047BB;border-bottom:5px solid #E4002B}
.portal-hero .eyebrow{color:rgba(255,255,255,.82);text-transform:uppercase}
.portal-hero h1{color:#fff;font-size:54px;margin:0 0 12px}
.portal-lead{max-width:560px;margin:0 0 24px;font-size:18px;line-height:1.45;color:rgba(255,255,255,.92)}
.portal-actions{display:flex;flex-wrap:wrap;gap:10px}
.portal-hero .portal-primary{background:#fff;color:#0047BB}
.portal-hero .portal-primary:hover{background:#EEF3FC}
.portal-hero .portal-ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28)}
.portal-hero .portal-ghost:hover{background:rgba(255,255,255,.24);color:#fff}
.portal-latest{flex:0 0 340px;display:flex;flex-direction:column;gap:2px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.94);color:#101820;text-decoration:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 32px rgba(16,24,32,.18)}
.portal-latest:hover{color:#101820;background:#fff}
.portal-latest-label{font-family:var(--display);font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#E4002B}
.portal-latest strong{font-size:20px}
.portal-latest small{color:#5F6672;margin-bottom:12px}
.portal-latest .flow-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.portal-latest .flow-text strong{font-size:11px}
.portal-latest .flow-step:not(:last-child)::after{left:30px;right:2px}
.portal-latest .flow-dot{width:24px;height:24px;font-size:11px}
.portal-latest .flow-text{display:none}
.portal-latest-status{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:13px;font-weight:600;color:#0047BB}

.portal-section{margin-bottom:28px}
.portal-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}
.portal-section-head h2{margin:0;font-family:var(--display);font-weight:600;font-size:28px;text-transform:uppercase;letter-spacing:.01em}
.portal-section-head .eyebrow{margin-bottom:4px}
.portal-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.portal-product{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(16,24,32,.06),0 0 0 1px rgba(16,24,32,.03);transition:box-shadow .15s,transform .15s}
.portal-product:hover{box-shadow:0 0 0 2px #0047BB,0 10px 26px rgba(0,71,187,.12);transform:translateY(-2px)}
.portal-product-photo{height:170px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#F5F5F7,#ECEEF2)}
.portal-product-photo img{max-width:80%;max-height:150px;object-fit:contain}
.portal-product-mark{font-family:var(--display);font-weight:600;font-size:44px;letter-spacing:.02em;color:#0047BB;opacity:.18}
.portal-product-body{display:flex;flex-direction:column;gap:3px;padding:16px 18px 18px;flex:1}
.portal-product-body>small{font-size:12px;color:#0047BB;font-weight:600;letter-spacing:.02em}
.portal-product-body strong{font-size:16px;line-height:1.3}
.portal-product-meta{font-size:12.5px;color:#5F6672}
.portal-product-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px}
.portal-product-foot em{font-style:normal;font-weight:700;font-size:18px}
.portal-product-foot em small{font-weight:400;font-size:12px;color:#5F6672}

.portal-paddock{display:flex;align-items:flex-end;min-height:260px;margin:32px 0 20px;padding:36px 40px;border-radius:24px;overflow:hidden;color:#fff;background:linear-gradient(0deg,rgba(16,24,32,.88) 0%,rgba(16,24,32,.35) 60%,rgba(16,24,32,.1) 100%),url(/brand/paddock.jpg) center/cover no-repeat,#101820}
.portal-paddock-text{max-width:620px}
.portal-paddock .eyebrow{color:#FF4D6A}
.portal-paddock h2{margin:0 0 10px;color:#fff;font-family:var(--display);font-weight:600;font-size:34px;text-transform:uppercase;letter-spacing:.01em}
.portal-paddock p{margin:0;font-size:16px;line-height:1.5;color:rgba(255,255,255,.88)}
.portal-footer{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 0 8px;color:#5F6672}
.portal-footer img{width:64px;height:auto}
.portal-footer span{font-family:var(--display);font-weight:500;font-size:14px;letter-spacing:.14em;text-transform:uppercase}
.portal-footer sup{font-size:9px}

/* Dla klienta: bez etykiet i komunikatów z wewnętrznej kuchni zespołu. */
.role-customer [data-status="baselinker"],.role-customer [data-status="review"],.role-customer #stock-summary-sync{display:none!important}

@media(max-width:1100px){.portal-hero{flex-direction:column;align-items:stretch}.portal-latest{flex-basis:auto}}
@media(max-width:640px){.portal-hero{padding:28px 22px}.portal-hero h1{font-size:36px}.portal-paddock{padding:26px 22px;min-height:220px}.portal-paddock h2{font-size:26px}}
.portal-latest .flow-steps .flow-step:nth-child(2)::after{display:block}