/* COSMETICMAKERS - wspolny arkusz stylow (wygenerowany z v37/netlify przez tools/extract.py) */
:root{--blue:#3149f5;--text:#171a21;--muted:#667085;--line:#e4e8ef;--soft:#f7f9fc}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}
.wrap{max-width:1180px;margin:auto;padding:0 24px}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
nav{height:70px;display:flex;align-items:center;gap:22px}
.brand{font-weight:900}
.brand span{color:var(--blue)}
.navlinks{display:flex;gap:16px;font-size:13px;flex:1}
.langs{display:flex;gap:4px;flex-wrap:wrap}
.langs a{font-size:10px;border:1px solid var(--line);padding:5px 6px;border-radius:6px}
.langs .on{background:var(--blue);color:white;border-color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border-radius:9px;padding:11px 15px;font-size:13px;font-weight:700}
.hero{padding:66px 0 46px;background:linear-gradient(180deg,#f6f8ff,#fff)}
.crumb{font-size:12px;color:var(--muted);margin-bottom:22px}
h1{font-size:48px;line-height:1.05;letter-spacing:-1.7px;max-width:850px;margin:0 0 18px}
.lead{font-size:19px;line-height:1.6;color:var(--muted);max-width:840px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;padding:48px 0}
.content section{margin-bottom:44px}
h2{font-size:29px;letter-spacing:-.6px;margin:0 0 14px}
.t-registration h3{font-size:19px;margin:0}
h3{font-size:19px;margin:24px 0 10px}
p,li{color:#4f5c70;line-height:1.7}
.side{position:sticky;top:92px;height:max-content}
.card{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}
.linkgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.linkcard{border:1px solid var(--line);border-radius:13px;padding:16px;background:#fff}
.linkcard small{display:block;color:var(--muted);margin-top:5px;line-height:1.45}
.side-links{display:grid;gap:8px;margin-top:12px}
.side-links a{padding:10px 12px;background:var(--soft);border-radius:9px;font-size:13px}
.side-links a:hover{color:var(--blue);background:#eef1ff}
.faq{border-top:1px solid var(--line);padding:16px 0}
.faq strong{display:block;margin-bottom:5px}
.cta{background:#202fc4;color:#fff;border-radius:18px;padding:26px}
.cta p{color:#e7eaff}
.notice{background:#f8f9fb;border:1px solid var(--line);padding:14px;border-radius:12px;font-size:13px;color:#667085}
footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:12px}
@media(max-width:860px){
  .navlinks{display:none}
  .layout{grid-template-columns:1fr}
  .side{position:static}
  .linkgrid{grid-template-columns:1fr}
  h1{font-size:38px}
}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line)}
th{background:#f8f9fc;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#667085}
tr:last-child td{border-bottom:none}
.category-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 34px}
.category-nav a{border:1px solid var(--line);border-radius:13px;padding:16px;background:#fff;font-weight:700}
.category-nav a:hover{border-color:#b8c2ff;background:#f6f7ff;color:var(--blue)}
.category-section{scroll-margin-top:90px;margin-bottom:36px}
.category-section h2{display:flex;align-items:center;justify-content:space-between;gap:16px}
.category-count{font-size:12px;color:var(--muted);font-weight:500}
@media(max-width:850px){
  .category-nav{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .category-nav{grid-template-columns:1fr}
}
.lang-dropdown{position:relative;margin-left:auto}
.lang-dropdown summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700;background:#fff;min-width:135px}
.lang-dropdown summary::-webkit-details-marker{display:none}
.lang-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:60;display:grid;grid-template-columns:1fr;min-width:195px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:0 14px 34px rgba(20,30,55,.14)}
.lang-menu a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:7px;font-size:12px}
.lang-menu a:hover{background:var(--soft)}
.lang-menu a.current{background:#eef1ff;color:var(--blue);font-weight:700}
.timeline{display:grid;gap:12px}
.timeline-item{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}
.timeline-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.timeline-time{white-space:nowrap;background:#f3f5ff;color:var(--blue);font-size:12px;font-weight:800;padding:6px 9px;border-radius:999px}
.timeline-item p{margin:8px 0 0}
@media(max-width:860px){
  .timeline-top{display:grid;gap:8px}
  .timeline-time{width:max-content}
}
.process-section{padding:62px 0;border-top:1px solid var(--line)}
.process-head{max-width:920px;margin-bottom:30px}
.process-head p{font-size:17px;color:var(--muted)}
.process-scroll{overflow-x:auto;padding:12px 6px 28px;scrollbar-width:thin}
.process-zigzag{position:relative;display:flex;align-items:stretch;gap:18px;min-width:2520px;padding:48px 0}
.process-zigzag:before{content:"";position:absolute;left:40px;right:40px;top:50%;height:2px;background:#dbe1ef}
.process-step{position:relative;flex:0 0 210px;display:flex;flex-direction:column;align-items:center}
.process-step:nth-child(odd){justify-content:flex-start;padding-bottom:260px}
.process-step:nth-child(even){justify-content:flex-end;padding-top:260px}
.process-card{position:relative;z-index:2;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 16px 15px;box-shadow:0 10px 28px rgba(17,24,39,.06);min-height:224px;width:100%;max-width:210px}
.process-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center}
.process-step:nth-child(odd) .process-marker{flex-direction:column}
.process-step:nth-child(even) .process-marker{flex-direction:column-reverse}
.process-dot{width:40px;height:40px;border-radius:50%;border:2px solid #b7c2dc;background:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#162033;box-shadow:0 2px 6px rgba(17,24,39,.05)}
.process-line{width:2px;height:44px;background:#dbe1ef}
.process-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.process-icon{width:36px;height:36px;border-radius:12px;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-size:18px}
.process-step.testing .process-icon{background:#dfe6ff}
.process-step.testing .process-dot{border-color:var(--blue);color:var(--blue)}
.process-card h3{font-size:17px;line-height:1.25;margin:0 0 8px}
.process-card p{font-size:13px;line-height:1.62;margin:0;color:var(--muted)}
.process-time{display:inline-flex;margin-top:10px;padding:5px 9px;border-radius:999px;background:#f1f3f7;font-size:11px;font-weight:700;color:#586174}
.process-parallel{margin-top:6px;border:1px dashed #b9c1d8;border-radius:15px;padding:16px 18px;background:#fafbfe}
.process-parallel strong{display:block;margin-bottom:6px}
.process-parallel p{margin:0;font-size:14px;line-height:1.6}
.process-login-note{font-size:12px;color:var(--muted);margin-top:12px}
@media(max-width:900px){
  .process-zigzag{display:grid;min-width:unset;padding:0;gap:14px}
  .process-zigzag:before{display:none}
  .process-step,.process-step:nth-child(odd),.process-step:nth-child(even){padding:0;flex:1;align-items:stretch}
  .process-marker{position:static;transform:none;flex-direction:row!important;justify-content:flex-start;margin:0 0 8px 6px}
  .process-line{display:none}
  .process-card{min-height:auto;max-width:none}
}
/* Os czasu procesu: siatka 3-rzedowa (karty gorne / pas osi / karty dolne) zamiast sztywnych 260px.
   Rzedy dopasowuja sie do najwyzszej karty, karty w rzedzie maja rowna wysokosc, a laczniki ida
   od karty do kolka lezacego na osi - numery nigdy nie zaslaniaja tekstu, w zadnym jezyku. */
@media(min-width:901px){
  .process-zigzag{display:grid;grid-template-rows:auto 128px auto;grid-auto-flow:column;grid-auto-columns:210px;column-gap:18px;row-gap:0}
  .process-zigzag:before{display:none}
  .process-zigzag .process-step:nth-child(n){display:grid;grid-row:1/4;grid-template-rows:subgrid;padding:0;justify-items:center}
  .process-step::before{content:"";grid-row:2;grid-column:1;align-self:center;justify-self:stretch;height:2px;margin:0 -9px;background:#dbe1ef;z-index:1}
  .process-step:first-child::before{margin-left:105px}
  .process-step:last-child::before{margin-right:105px}
  .process-zigzag .process-marker{position:relative;left:auto;top:auto;transform:none;grid-row:2;grid-column:1;z-index:3}
  .process-zigzag .process-step:nth-child(odd) .process-marker{flex-direction:column-reverse;align-self:start}
  .process-zigzag .process-step:nth-child(even) .process-marker{flex-direction:column;align-self:end}
  .process-step:nth-child(odd) .process-card{grid-row:1;align-self:stretch}
  .process-step:nth-child(even) .process-card{grid-row:3;align-self:stretch}
}
/* telefon: numer etapu nad karta, nie pod nia */
@media(max-width:900px){.process-marker{order:-1}}
/* ramka z uwaga miedzy sekcjami miala 0 px odstepu od nastepnego naglowka */
.content > .notice{margin-bottom:44px}
/* sekcja "rejestracja - szczegoly" wewnatrz artykulu: zagniezdzony .wrap dodawal 24 px wciecia */
.content .registration-deep > .wrap{padding:0;max-width:none}
nav{height:78px;display:flex;align-items:center;gap:18px}
.brand{font-weight:900;font-size:22px;letter-spacing:-.03em;white-space:nowrap}
.primary-nav{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.nav-item{position:relative}
.nav-link{display:flex;align-items:center;gap:7px;padding:12px 13px;border-radius:10px;font-size:14px;font-weight:600;color:#243041;transition:.18s background,.18s color}
.nav-link:hover,.nav-item:hover>.nav-link{background:#f2f5fb;color:var(--blue)}
.nav-arrow{font-size:10px;color:#8d97ab;transform:translateY(1px)}
.nav-item.has-sub:hover .nav-arrow{color:var(--blue)}
.submenu{position:absolute;left:0;top:calc(100% + 8px);z-index:70;min-width:280px;display:block;opacity:0;visibility:hidden;transform:translateY(10px);transition:.18s opacity,.18s transform,.18s visibility;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px rgba(16,24,40,.12);padding:10px}
.nav-item:hover>.submenu,.nav-item:focus-within>.submenu{opacity:1;visibility:visible;transform:translateY(0)}
.submenu a{display:block;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.35;color:#354153}
.submenu a:hover{background:#f5f7ff;color:var(--blue)}
.nav-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.lang-dropdown{margin-left:0}
.lang-dropdown summary{min-width:138px}
@media(max-width:1120px){
  nav{height:auto;align-items:flex-start;padding:14px 0;flex-wrap:wrap}
  .primary-nav{order:3;flex-basis:100%;overflow:auto;padding-bottom:4px}
  .primary-nav::-webkit-scrollbar{height:6px}
  .nav-link{white-space:nowrap;padding:10px 12px}
  .submenu{position:absolute}
}
.registration-deep{padding:62px 0;background:#fff}
.registration-intro{max-width:900px;margin-bottom:34px}
.registration-intro p{font-size:17px;line-height:1.7;color:var(--muted)}
.reg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.reg-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff;box-shadow:0 8px 24px rgba(17,24,39,.04)}
.reg-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:10px}
.reg-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-size:20px}
.reg-num{font-size:11px;font-weight:800;color:var(--blue);letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px}
.reg-card h3{font-size:18px;line-height:1.25;margin:0}
.reg-time{display:inline-flex;margin:2px 0 10px;padding:5px 9px;border-radius:999px;background:#f3f5f8;color:#596579;font-size:11px;font-weight:700}
.reg-card p{font-size:14px;line-height:1.68;margin:0;color:#5d687b}
.reg-note{margin-top:18px;border:1px dashed #b9c1d8;border-radius:14px;padding:16px 18px;background:#fafbfe}
.reg-note strong{display:block;margin-bottom:5px}
.reg-note p{margin:0;font-size:14px}
@media(max-width:800px){
  .reg-grid{grid-template-columns:1fr}
}
.registration-teaser{padding:58px 0;border-top:1px solid var(--line)}
.registration-teaser-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:start}
.registration-teaser .steps-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.registration-teaser .mini{border:1px solid var(--line);border-radius:13px;padding:14px;background:#fff;font-size:13px;font-weight:700}
.registration-teaser p{color:var(--muted);line-height:1.7}
@media(max-width:760px){
  .registration-teaser-grid{grid-template-columns:1fr}
  .registration-teaser .steps-mini{grid-template-columns:1fr}
}
#cmRequest .overlay{position:fixed;inset:0;background:rgba(18, 24, 40, .26);backdrop-filter:blur(4px);z-index:50;display:none;align-items:center;justify-content:center;padding:24px;}
#cmRequest .overlay.open{display:flex;}
#cmRequest .modal{width:min(760px, 100%);max-height:min(92vh, 960px);background:rgba(255,255,255,.96);border-radius:24px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.8);overflow:hidden;display:flex;flex-direction:column;}
#cmRequest .modal-scroll{overflow:auto;padding:24px 20px 0 20px;}
#cmRequest .modal-inner{padding:0 20px 28px;}
#cmRequest .modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:12px;}
#cmRequest .step-label{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;}
#cmRequest .modal-title{font-size:28px;line-height:1.15;letter-spacing:-.03em;margin:0;}
#cmRequest .modal-subtitle{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.5;}
#cmRequest .close-btn{border:0;background:transparent;font-size:32px;line-height:1;color:#948d85;cursor:pointer;padding:0 4px;}
#cmRequest .summary-top{margin:8px 0 14px;color:#55524e;font-size:14px;line-height:1.45;}
#cmRequest .summary-top .dot{margin:0 7px;color:#b0aba5}
#cmRequest .progress{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 30px;}
#cmRequest .progress span{display:block;height:4px;border-radius:999px;background:#ddd9d3;}
#cmRequest .progress span.active{background:var(--blue)}
#cmRequest .field{margin-bottom:24px; position:relative;}
#cmRequest .label{display:block;margin-bottom:12px;font-size:16px;font-weight:700;color:#1f1f1f;}
#cmRequest .label .optional{color:#8e867e;font-weight:500;}
#cmRequest .input, #cmRequest .select, #cmRequest textarea{width:100%;border:1px solid var(--line);background:var(--surface-soft);border-radius:16px;padding:16px 18px;font-size:16px;color:var(--text);outline:none;transition:border-color .16s ease, box-shadow .16s ease;}
#cmRequest .input:focus, #cmRequest .select:focus, #cmRequest textarea:focus{border-color:#c4cdfd;box-shadow:0 0 0 4px rgba(49,73,245,.08);}
#cmRequest .search-wrap{position:relative}
#cmRequest .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8a847d;font-size:18px;pointer-events:none;}
#cmRequest .search-input{padding-left:46px;padding-right:16px;}
#cmRequest .suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #ebe6df;border-radius:16px;box-shadow:0 16px 36px rgba(21,33,64,.12);overflow:hidden;z-index:8;display:none;}
#cmRequest .suggestion-item{padding:13px 16px;font-size:15px;cursor:pointer;border-top:1px solid #f1ede8;background:#fff;}
#cmRequest .suggestion-item:first-child{border-top:0}
#cmRequest .suggestion-item:hover{background:#f7f8fd}
#cmRequest .hint{color:#8a847d;font-size:13px;margin-top:8px;line-height:1.4;}
#cmRequest .option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
#cmRequest .option-btn, #cmRequest .timeline-card, #cmRequest .quantity-chip, #cmRequest .pack-chip, #cmRequest .yesno-chip{border:1px solid var(--line);background:#fff;border-radius:16px;cursor:pointer;transition:.15s ease;color:var(--text);}
#cmRequest .option-btn{min-height:64px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;font-weight:700;padding:10px 14px;}
#cmRequest .option-btn small{display:block;font-size:12px;font-weight:500;color:#7f7b75;margin-top:4px;}
#cmRequest .production-option{gap:8px;position:relative;}
#cmRequest .tip-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
#cmRequest .info-inline{width:16px;height:16px;border-radius:999px;border:1px solid #bcb5ad;color:#8b857d;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;background:#fff;}
#cmRequest .tooltip-bubble{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);background:#1f1b18;color:#fff;padding:10px 12px;border-radius:12px;font-size:12px;line-height:1.4;min-width:220px;max-width:280px;text-align:left;box-shadow:0 12px 28px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:.14s ease;z-index:12;}
#cmRequest .tooltip-bubble::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border-width:7px 7px 0 7px;border-style:solid;border-color:#1f1b18 transparent transparent transparent;}
#cmRequest .tip-wrap:hover .tooltip-bubble{opacity:1;}
#cmRequest .subpanel{border:1px solid #e7e1da;background:#fbfaf8;border-radius:18px;padding:16px;margin-top:-6px;margin-bottom:24px;}
#cmRequest .subpanel-title{margin:0 0 12px;font-size:14px;font-weight:700;color:#4d4842;}
#cmRequest .option-btn.selected, #cmRequest .timeline-card.selected, #cmRequest .quantity-chip.selected, #cmRequest .pack-chip.selected, #cmRequest .yesno-chip.selected{border-color:#1d1d1d;box-shadow:inset 0 0 0 1px #1d1d1d;background:#f6f7ff;}
#cmRequest .quantity-wrap{display:grid;grid-template-columns:1fr 210px;gap:12px;align-items:start;}
#cmRequest .quantity-row{display:flex;gap:10px;flex-wrap:wrap;}
#cmRequest .quantity-chip{padding:14px 18px;min-width:92px;text-align:center;font-size:16px;font-weight:700;}
#cmRequest .other-qty-box{display:flex;gap:8px;align-items:center;border:1px solid var(--line);background:var(--surface-soft);border-radius:16px;padding:8px 10px 8px 14px;min-height:52px;}
#cmRequest .other-qty-box span{font-size:14px;font-weight:700;color:#5f5a54;flex:0 0 auto;}
#cmRequest .other-qty-box input{width:100%;border:0;background:transparent;font-size:16px;color:var(--text);outline:none;min-width:0;}
#cmRequest .inline-note{margin-top:8px;color:#8a847d;font-size:13px;}
#cmRequest .form-error{color:#9a948d;font-size:12px;line-height:1.4;text-align:right;margin-left:auto;margin-right:8px;white-space:nowrap;}
#cmRequest .pack-row{display:flex;gap:10px;flex-wrap:wrap;}
#cmRequest .pack-chip{padding:10px 14px;font-size:15px;line-height:1.3;display:inline-flex;align-items:center;gap:8px;}
#cmRequest .check{width:18px;height:18px;border-radius:999px;border:1px solid #b9b2aa;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:transparent;flex:0 0 auto;}
#cmRequest .pack-chip.selected .check{background:var(--blue);color:#fff;border-color:var(--blue);}
#cmRequest .two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;}
#cmRequest .timeline-list{display:grid;gap:12px;}
#cmRequest .timeline-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;}
#cmRequest .timeline-card .left{display:flex;align-items:flex-start;gap:14px;}
#cmRequest .iconbox{width:24px;height:24px;border-radius:999px;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto;margin-top:1px;}
#cmRequest .timeline-card strong{display:block;font-size:16px;margin-bottom:4px;}
#cmRequest .timeline-card span{display:block;color:#7f7b75;font-size:14px;line-height:1.35;}
#cmRequest .radio-dot{width:26px;height:26px;border-radius:999px;border:1px solid #d3ccc4;background:#fff;flex:0 0 auto;}
#cmRequest .timeline-card.selected .radio-dot{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 6px #fff;}
#cmRequest .extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;}
#cmRequest .extra-group-title{margin:0 0 10px;font-size:14px;font-weight:700;color:#58544e;}
#cmRequest .yesno-row{display:flex;gap:10px;}
#cmRequest .yesno-chip{min-width:86px;padding:12px 14px;text-align:center;font-weight:700;}
#cmRequest textarea{min-height:110px;resize:vertical;}
#cmRequest .footer-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 0;margin-top:8px;position:sticky;bottom:0;background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.96) 18%, rgba(255,255,255,.98) 100%);}
#cmRequest .back-btn{border:0;background:transparent;color:#7f7b75;font-size:16px;cursor:pointer;padding:12px 0;}
#cmRequest .back-btn:hover{color:#3f3c39}
#cmRequest .submit-note{display:flex;align-items:center;gap:8px;color:#8a847d;font-size:14px;}
#cmRequest .success-box{margin-top:16px;padding:16px 18px;border-radius:16px;border:1px solid #caebda;background:#eefaf4;color:#15663f;font-size:14px;line-height:1.5;display:none;}
#cmRequest .review-screen{margin-top:8px;display:none;}
#cmRequest .review-screen.show{display:block;}
#cmRequest .review-banner{border:1px solid #cfe7d8;background:#f0faf4;border-radius:20px;padding:18px 20px;margin-bottom:18px;}
#cmRequest .review-banner h3{margin:0 0 8px;font-size:24px;line-height:1.2;letter-spacing:-.02em;color:#15663f;}
#cmRequest .review-banner p{margin:0;color:#8a847d;font-size:13px;line-height:1.5;}
#cmRequest .review-grid{display:grid;grid-template-columns:1fr;gap:14px;}
#cmRequest .review-card{border:1px solid #e6e1da;background:#fff;border-radius:18px;padding:18px;}
#cmRequest .review-card h4{margin:0 0 14px;font-size:16px;line-height:1.2;}
#cmRequest .review-list{display:grid;gap:10px;}
#cmRequest .review-item{display:grid;grid-template-columns:190px 1fr;gap:12px;align-items:start;padding-top:10px;border-top:1px solid #f1ede8;}
#cmRequest .review-item:first-child{border-top:0;padding-top:0;}
#cmRequest .review-item .k{color:#7f7b75;font-size:13px;line-height:1.35;}
#cmRequest .review-item .v{color:#1f1f1f;font-size:14px;line-height:1.45;word-break:break-word;}
#cmRequest .hidden{display:none !important;}
#cmRequest h1{font-size:40px}
@media (max-width:680px){
  #cmRequest .overlay{padding:0}
  #cmRequest .modal{width:100%;height:100vh;max-height:100vh;border-radius:0;}
  #cmRequest .modal-scroll{padding:18px 16px 0}
  #cmRequest .modal-inner{padding:0 16px 20px}
  #cmRequest .option-grid, #cmRequest .two-col, #cmRequest .extra-grid, #cmRequest .quantity-wrap{grid-template-columns:1fr;}
  #cmRequest .footer-nav{gap:12px;flex-wrap:wrap;}
  #cmRequest .btn.footer-primary{width:100%;}
}
#cmRequest .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:14px;border:1px solid #ddd9d3;background:#fff;color:#161616;font-size:16px;font-weight:700;cursor:pointer;transition:.16s ease;text-decoration:none}
#cmRequest .btn:hover{transform:translateY(-1px)}
#cmRequest .btn.primary{background:#3149f5;color:#fff;border-color:#3149f5;box-shadow:0 10px 22px rgba(49,73,245,.2)}
#cmRequest .btn.primary:hover{background:#2537c9}
#cmRequest .btn.ghost{background:#fff}
#cmRequest .overlay{z-index:9999}
#cmRequest .modal{color:#161616}
body.cm-modal-open{overflow:hidden}
/* Przelacznik jezyka: kod jezyka zamiast emoji flag (Windows nie rysuje flag, pokazywal gole literki "PL"),
   plus strzalka jak przy pozycjach menu, zeby bylo widac, ze to lista. */
.lang-code{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:18px;padding:0 5px;border-radius:5px;background:#eef1ff;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.03em;line-height:1}
.lang-menu a.current .lang-code{background:var(--blue);color:#fff}
.lang-dropdown summary{display:flex;align-items:center;gap:8px}
.lang-dropdown summary::after{content:"▾";font-size:10px;color:#8d97ab;margin-left:auto;padding-left:4px}
.lang-dropdown[open] summary::after{content:"▴"}
.eu-flag{display:inline-block;vertical-align:-.12em;border-radius:2px}
/* Odpowiedzi w FAQ byly golym <span> bez stylu (interlinia ~1.15, ciemny kolor) - teraz jak akapity */
.faq span{display:block;color:#4f5c70;line-height:1.7}

/* ===== Naglowek (build.py): menu nigdy nie zaslania przycisku CTA ani nie nachodzi na siebie =====
   >1120px domyslnie dwa rzedy (logo + jezyk + CTA / menu); jeden rzad tylko dla jezykow,
   w ktorych menu sie miesci (config.json -> nav_one_row_min_width). flex-wrap = siatka bezpieczenstwa. */
nav{height:auto;min-height:78px;flex-wrap:wrap}
.nav-right{flex:0 0 auto}
@media (width > 1120px){
  nav{padding:10px 0 8px;row-gap:4px}
  .nav-right{order:2;margin-left:auto}
  .primary-nav{order:3;flex:1 1 100%;flex-wrap:wrap;gap:2px 4px}
  .nav-link{white-space:nowrap;padding:9px 11px}
  .nav-item:nth-last-child(-n+3) > .submenu{left:auto;right:0}
  header .wrap{overflow-x:clip}
  .side{top:150px}
  html{scroll-padding-top:150px}
}