/* Aurum Aktualności: sekcje „Biblioteka rozwiązań” i „Baza wiedzy”. Wymiary odwzorowane z projektu (makieta 1920 px). Geometria i tekst skalują się razem z szerokością kontenera (jednostki cqw), dzięki czemu karty wyglądają jak w projekcie na każdej szerokości strony. */ /* ===================== BIBLIOTEKA ROZWIĄZAŃ ===================== */ #aurum-site .aur-bib{background:var(--paper,#f4f2ec);padding:clamp(64px,6.2vw,119px) 0 clamp(64px,6.6vw,126px);overflow:hidden} #aurum-site .aur-bib [hidden]{display:none!important} #aurum-site .aur-bib-head{display:grid;grid-template-columns:27.56% minmax(0,1fr) auto;align-items:start;margin-bottom:clamp(28px,2.55vw,49px)} #aurum-site .aur-bib-head h2{font-size:clamp(2.3rem,3.34vw,4rem);font-style:italic;font-weight:700;line-height:1.19;margin:0;color:var(--ink,#181818)} #aurum-site .aur-bib-head p{font-size:clamp(1.05rem,1.02vw,1.5rem);line-height:1.25;color:var(--ink,#181818);max-width:min(860px,47vw);padding-top:.35em;margin:0} #aurum-site .aur-bib-nav{display:flex;gap:27px;margin-top:clamp(30px,2.9vw,56px)} #aurum-site .aur-bib-nav button{width:80px;height:12px;padding:0;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:80px 12px;cursor:pointer;transition:opacity .2s} #aurum-site .aur-bib-nav button:disabled{opacity:.28;cursor:default} #aurum-site .aur-bib-prev{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='12'%3E%3Cline x1='79' y1='6' x2='1' y2='6' stroke='%23181818' stroke-width='1'/%3E%3Cpath d='M7 2 L1 6 L7 10' fill='none' stroke='%23181818' stroke-width='1'/%3E%3C/svg%3E")} #aurum-site .aur-bib-next{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='12'%3E%3Cline x1='1' y1='6' x2='79' y2='6' stroke='%23181818' stroke-width='1'/%3E%3Cpath d='M73 2 L79 6 L73 10' fill='none' stroke='%23181818' stroke-width='1'/%3E%3C/svg%3E")} #aurum-site .aur-bib-wrap{container-type:inline-size;display:flex;align-items:flex-end} #aurum-site .aur-bib-aside{flex:0 0 22.99%;margin-right:4.55%;display:flex;flex-direction:column;gap:25px} #aurum-site .aur-bib-btn{display:flex;align-items:center;justify-content:center;width:82.2%;margin-left:auto;min-height:49px;padding:6px 10px;font-size:clamp(11.5px,.88cqw,15.5px);font-weight:700;text-transform:uppercase;text-align:center;line-height:1.15;transition:background .2s,color .2s} #aurum-site .aur-bib-btn-ghost{border:1px solid var(--ink,#181818);color:var(--ink,#181818);background:transparent} #aurum-site .aur-bib-btn-ghost:hover{background:var(--ink,#181818);color:#fff} #aurum-site .aur-bib-btn-dark{background:#000;color:#fff} #aurum-site .aur-bib-btn-dark:hover{background:var(--gold-deep,#a87f2c)} /* Karuzela: karty wychodzą poza kontener aż do prawej krawędzi strony. */ #aurum-site .aur-bib-viewport{flex:1 1 0;min-width:0;margin-right:calc(50% - 50vw);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch} #aurum-site .aur-bib-viewport::-webkit-scrollbar{display:none} #aurum-site .aur-bib-viewport:focus-visible{outline:2px solid var(--ink,#181818);outline-offset:4px} #aurum-site .aur-bib-track{display:flex;width:max-content} #aurum-site .aur-bib-card{flex:0 0 42.73cqw;margin-right:2.27cqw;container-type:inline-size;scroll-snap-align:start;background:var(--gold-bg,#dfc790);display:grid;grid-template-columns:1fr 1fr;aspect-ratio:752/515} #aurum-site .aur-bib-text{display:flex;flex-direction:column;min-width:0;padding:5.3cqw 3.3cqw 5.2cqw 3.2cqw} #aurum-site .aur-bib-text h3{font-size:max(15.5px,3.19cqw);line-height:1.2;font-weight:700;letter-spacing:-.018em;margin:0 0 3.2cqw;color:var(--ink,#181818)} #aurum-site .aur-bib-text h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px} #aurum-site .aur-bib-tags{font-size:max(12.5px,2.13cqw);line-height:1.2;color:var(--ink,#181818);margin:0 0 2cqw;flex:1} #aurum-site .aur-bib-tags span{display:inline} #aurum-site .aur-bib-tags span:not(:last-child)::after{content:" | ";color:rgba(24,24,24,.45)} #aurum-site .aur-bib-more{align-self:flex-end;display:flex;align-items:center;gap:2.3cqw;font-size:max(13px,2.13cqw);font-weight:700;letter-spacing:-.018em;line-height:1;color:var(--ink,#181818)} #aurum-site .aur-bib-more::before{content:"";flex:0 0 80px;width:80px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='12'%3E%3Cline x1='1' y1='6' x2='79' y2='6' stroke='%23181818' stroke-width='1'/%3E%3Cpath d='M73 2 L79 6 L73 10' fill='none' stroke='%23181818' stroke-width='1'/%3E%3C/svg%3E") left center/80px 12px no-repeat} #aurum-site .aur-bib-more:hover{text-decoration:underline;text-underline-offset:4px} #aurum-site .aur-bib-photo{position:relative;display:block;overflow:hidden;background:#4a3548;min-height:100%} #aurum-site .aur-bib-photo:empty{background:#cdb06a} #aurum-site .aur-bib-photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block} #aurum-site .aur-bib-photo.aur-duo img{filter:url(#aur-duo)} /* Lista rozwiązań na stronie podsumowania (Biblioteka rozwiązań) */ #aurum-site .aur-bib-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px} #aurum-site .aur-bib-grid .aur-bib-card{flex:none;margin:0;width:auto} /* ===================== BAZA WIEDZY ===================== */ #aurum-site .aur-baza{background:#e3e3e3;padding:clamp(64px,6.2vw,119px) 0 clamp(64px,6.3vw,121px)} #aurum-site .aur-baza-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:clamp(40px,6.5vw,125px)} #aurum-site .aur-baza-head h2{font-size:clamp(2.3rem,3.34vw,4rem);font-style:italic;font-weight:700;line-height:1.19;margin:0;color:var(--ink,#181818)} #aurum-site .aur-baza-all{font-size:clamp(.95rem,1.04vw,1.25rem);font-weight:600;line-height:1.2;padding:12px 26px;white-space:nowrap} #aurum-site .aur-baza-grid{container-type:inline-size;display:grid;grid-template-columns:375fr 82fr 375fr 122fr 806fr;align-items:stretch} #aurum-site .aur-bz-c1{grid-column:1} #aurum-site .aur-bz-c2{grid-column:3} #aurum-site .aur-baza-list{grid-column:5} #aurum-site .aur-baza-card{display:flex;flex-direction:column;min-width:0} #aurum-site .aur-baza-img{display:block;aspect-ratio:376/266;background:#cbc6ba;overflow:hidden} #aurum-site .aur-baza-img img{width:100%;height:100%;max-width:none;object-fit:cover;display:block} #aurum-site .aur-baza-lbl{display:block;font-size:max(13px,.91cqw);line-height:1.2;font-style:italic;font-weight:400;color:#004ddd;letter-spacing:0} #aurum-site .aur-baza-card .aur-baza-lbl{margin-top:1.14cqw} #aurum-site .aur-baza-card h3{font-size:max(14px,.91cqw);line-height:1.2;font-weight:700;letter-spacing:-.01em;margin:1.8cqw 0 0;color:var(--ink,#181818)} #aurum-site .aur-baza-card h3 a:hover,#aurum-site .aur-baza-item h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px} #aurum-site .aur-baza-card p{font-size:max(13.5px,.91cqw);line-height:1.2;margin:1.5cqw 0 0;color:var(--ink,#181818)} #aurum-site .aur-baza-more{margin-top:auto;padding-top:2.6cqw;display:flex;justify-content:flex-end;align-items:center;gap:.97cqw;font-size:max(13.5px,.91cqw);font-weight:700;letter-spacing:-.01em;line-height:1;color:var(--ink,#181818)} #aurum-site .aur-baza-more::before{content:"";flex:0 0 80px;width:80px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='12'%3E%3Cline x1='1' y1='6' x2='79' y2='6' stroke='%23004ddd' stroke-width='1'/%3E%3Cpath d='M73 2 L79 6 L73 10' fill='none' stroke='%23004ddd' stroke-width='1'/%3E%3C/svg%3E") left center/80px 12px no-repeat} #aurum-site .aur-baza-more:hover{text-decoration:underline;text-underline-offset:4px} #aurum-site .aur-baza-list{border-top:1px solid #b5b5b5;margin-top:-.23cqw;align-self:start} #aurum-site .aur-baza-item{display:flex;align-items:flex-end;gap:1.48cqw;padding:max(10px,.91cqw) 0;border-bottom:1px solid #b5b5b5} #aurum-site .aur-baza-thumb{flex:0 0 11.42cqw;aspect-ratio:201/142;background:#cbc6ba;overflow:hidden;display:block} #aurum-site .aur-baza-thumb img{width:100%;height:100%;max-width:none;object-fit:cover;display:block} #aurum-site .aur-baza-txt{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:1.48cqw} #aurum-site .aur-baza-item h3{font-size:max(16px,1.364cqw);line-height:1.2;font-weight:700;letter-spacing:-.018em;margin:0;color:var(--ink,#181818)} #aurum-site .aur-baza-arrow{flex:0 0 80px;width:80px;height:12px;margin-bottom:-4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='12'%3E%3Cline x1='1' y1='6' x2='79' y2='6' stroke='%23004ddd' stroke-width='1'/%3E%3Cpath d='M73 2 L79 6 L73 10' fill='none' stroke='%23004ddd' stroke-width='1'/%3E%3C/svg%3E") left center/80px 12px no-repeat} /* ===================== RWD ===================== */ @media(max-width:980px){ #aurum-site .aur-bib-head{grid-template-columns:1fr auto;gap:18px 24px} #aurum-site .aur-bib-head h2{grid-column:1 / -1} #aurum-site .aur-bib-head p{max-width:60ch} #aurum-site .aur-bib-nav{margin-top:0;align-self:end} #aurum-site .aur-bib-wrap{display:block} #aurum-site .aur-bib-aside{flex-direction:row;flex-wrap:wrap;margin:0 0 28px;gap:12px;width:100%} #aurum-site .aur-bib-btn{width:auto;flex:1 1 240px;margin:0;min-height:49px} #aurum-site .aur-bib-viewport{margin-right:calc(-1 * clamp(20px,3.2vw,56px))} #aurum-site .aur-bib-card{flex:0 0 min(86vw,640px);margin-right:16px;grid-template-columns:1fr;aspect-ratio:auto} #aurum-site .aur-bib-photo{order:-1;min-height:0;height:min(52vw,320px)} #aurum-site .aur-bib-text{padding:22px 20px 24px} #aurum-site .aur-bib-text h3{font-size:1.2rem;margin-bottom:14px} #aurum-site .aur-bib-tags{font-size:.88rem;margin-bottom:18px} #aurum-site .aur-bib-more{font-size:.92rem;gap:12px} #aurum-site .aur-bib-grid{grid-template-columns:1fr} #aurum-site .aur-baza-grid{grid-template-columns:1fr 1fr;gap:28px 24px} #aurum-site .aur-bz-c1,#aurum-site .aur-bz-c2{grid-column:auto} #aurum-site .aur-baza-list{grid-column:1 / -1;margin-top:8px} #aurum-site .aur-baza-card .aur-baza-lbl{margin-top:12px} #aurum-site .aur-baza-card h3{margin-top:10px;font-size:1rem} #aurum-site .aur-baza-card p{margin-top:10px;font-size:.92rem} #aurum-site .aur-baza-more{padding-top:16px;font-size:.92rem;gap:12px} #aurum-site .aur-baza-item{gap:18px;padding:14px 0} #aurum-site .aur-baza-thumb{flex:0 0 clamp(120px,26vw,200px)} #aurum-site .aur-baza-item h3{font-size:1.15rem} #aurum-site .aur-baza-txt{gap:10px} } @media(max-width:640px){ #aurum-site .aur-bib-head{grid-template-columns:1fr} #aurum-site .aur-bib-nav{justify-self:start;margin-top:4px} } @media(max-width:600px){ #aurum-site .aur-baza-head{flex-direction:column;align-items:flex-start;margin-bottom:32px} #aurum-site .aur-baza-grid{grid-template-columns:1fr} #aurum-site .aur-baza-arrow{display:none} } @media(prefers-reduced-motion:reduce){#aurum-site .aur-bib-viewport{scroll-behavior:auto}} /* ===================== RUCH STRZAŁEK PO NAJECHANIU ===================== Każda strzałka (linki „Szczegóły”, „Dowiedz się więcej”, lista, karuzela) płynnie przesuwa się o kilka pikseli. Obejmuje też strzałki w kodzie stron. */ #aurum-site .aur-step-link::before, #aurum-site .aur-bib-more::before, #aurum-site .aur-baza-more::before, #aurum-site .aur-baza-arrow, #aurum-site .aur-nmore::before, #aurum-site .aur-lib-nav button::before{transition:transform .38s cubic-bezier(.22,.61,.36,1);will-change:transform} #aurum-site .aur-bib-nav button{transition:transform .38s cubic-bezier(.22,.61,.36,1),opacity .2s} #aurum-site .aur-step-link:hover::before, #aurum-site .aur-bib-more:hover::before, #aurum-site .aur-bib-card:hover .aur-bib-more::before, #aurum-site .aur-baza-more:hover::before, #aurum-site .aur-baza-card:hover .aur-baza-more::before, #aurum-site .aur-baza-arrow:hover, #aurum-site .aur-baza-item:hover .aur-baza-arrow, #aurum-site .aur-nmore:hover::before, #aurum-site .aur-lib-next:not(:disabled):hover::before, #aurum-site .aur-bib-next:not(:disabled):hover{transform:translateX(7px)} #aurum-site .aur-lib-prev:not(:disabled):hover::before, #aurum-site .aur-bib-prev:not(:disabled):hover{transform:translateX(-7px)} @media(prefers-reduced-motion:reduce){ #aurum-site .aur-step-link::before,#aurum-site .aur-bib-more::before,#aurum-site .aur-baza-more::before, #aurum-site .aur-baza-arrow,#aurum-site .aur-nmore::before,#aurum-site .aur-lib-nav button::before,#aurum-site .aur-bib-nav button{transition:none} } /* Stopka bez plakietek certyfikatów */ #aurum-site .aur-foot-badges{display:none!important} /* Telefon: stopka w jednej kolumnie (ujednolicenie z wtyczkami; nadpisuje 2 kolumny w kodzie stron) */ @media(max-width:600px){ #aurum-site .aur-footer .aur-footer-top{grid-template-columns:minmax(0,1fr);gap:30px} #aurum-site .aur-footer .aur-footer-brand p{max-width:none} #aurum-site .aur-footer .aur-footer-col a,#aurum-site .aur-footer .aur-footer-col p{overflow-wrap:anywhere} #aurum-site .aur-footer .aur-footer-bottom{flex-direction:column;align-items:flex-start;gap:10px} } /* ===== Czcionka projektu (Inter) wymuszona na każdym elemencie, także w polach formularzy i tabelach ===== */ #aurum-site,#aurum-site *{font-family:var(--font-body,'Inter',system-ui,-apple-system,Arial,sans-serif)} /* Logo: większe, bez białego tła (ciemne w headerze, białe w stopce) */ #aurum-site .aur-logo{background:none;overflow:visible;flex:0 0 auto} #aurum-site .aur-logo-img{height:64px;width:auto;max-width:none;display:block} #aurum-site .aur-footer .aur-logo-img,#aurum-site .aur-logo-img-foot{height:70px} #aurum-site .aur-topbar-inner{height:88px} @media(max-width:760px){#aurum-site .aur-logo-img{height:50px}#aurum-site .aur-footer .aur-logo-img,#aurum-site .aur-logo-img-foot{height:56px}#aurum-site .aur-topbar-inner{height:72px}} /* Puste miejsca na sekcje (gdy brak treści) nie zajmują miejsca */ #aurum-site [data-aur-slot]:empty{display:none}