.srx,.srx-hero{--srx-acc:#879b87;--srx-acc-d:#718773;--srx-ink:#282923;--srx-mut:#62665f;--srx-bd:#ebe5dc;--srx-bg:#fffdfa;--srx-soft:#f7f2ea;--srx-soft2:#eff3ed}
.srx{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start;margin:32px 0;font-size:15px;line-height:1.5;color:var(--srx-ink);scroll-margin-top:110px}
.srx *{box-sizing:border-box}
.srx-step{margin-bottom:30px}
.srx-h{display:flex;align-items:center;gap:10px;font-weight:650;font-size:18px;margin-bottom:12px}
.srx-h span{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--srx-acc);color:#fff;align-items:center;justify-content:center;font-size:14px;flex:none}
.srx-h small{font-weight:400;color:var(--srx-mut);font-size:14px}
.srx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.srx-cards--sets{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.srx-card{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;border:1.5px solid var(--srx-bd);border-radius:18px;background:var(--srx-bg);box-shadow:0 7px 22px rgba(68,62,49,.06);transition:border-color .15s,box-shadow .15s,transform .15s}
.srx-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(68,62,49,.12)}
.srx-card:focus-visible{outline:2px solid var(--srx-acc);outline-offset:2px}
.srx-card.is-on{border-color:var(--srx-acc);box-shadow:0 0 0 2px var(--srx-acc),0 10px 26px rgba(68,62,49,.10)}
.srx-card img,.srx-noimg{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px;margin:0 0 6px;background:linear-gradient(135deg,var(--srx-soft) 0%,var(--srx-soft2) 100%)}
.srx-cards--sets .srx-card img,.srx-cards--sets .srx-noimg{aspect-ratio:4/3}
.srx-noimg{position:relative}
.srx-noimg::after{content:"";position:absolute;left:18%;right:18%;bottom:26%;height:14%;border-radius:999px;background:linear-gradient(180deg,#e9e6e1,#cfd2cd)}
.srx-card strong{font-size:15px;font-weight:650}
.srx-card span{font-size:13px;color:var(--srx-mut)}
.srx-card em{font-style:normal;font-weight:700;font-size:14px;color:var(--srx-acc-d);margin-top:auto}
.srx-pills{display:flex;flex-wrap:wrap;gap:8px}
.srx-pill{all:unset;cursor:pointer;padding:10px 18px;border:1.5px solid var(--srx-bd);border-radius:999px;font-weight:600;background:var(--srx-bg)}
.srx-pill:hover{border-color:#cfc6b8}
.srx-pill:focus-visible{outline:2px solid var(--srx-acc);outline-offset:2px}
.srx-pill.is-on{border-color:var(--srx-acc);background:var(--srx-acc);color:#fff}
.srx-tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin:0;background:var(--srx-bg);border-radius:14px;overflow:hidden}
.srx-tbl th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--srx-mut);text-align:right;padding:9px 12px;border-bottom:1.5px solid var(--srx-bd);background:none}
.srx-tbl th:first-child,.srx-tbl td:first-child{text-align:left}
.srx-tbl td{padding:9px 12px;text-align:right;border-bottom:1px solid #f2ede5;cursor:pointer}
.srx-tbl td:nth-child(3){color:var(--srx-mut)}
.srx-tbl tr:hover td{background:#faf7f1}
.srx-tbl tr.is-on td{background:var(--srx-soft2);font-weight:700}
.srx-tbl tr.is-on td:first-child{box-shadow:inset 4px 0 0 var(--srx-acc)}
.srx-tbl tr:focus-visible{outline:2px solid var(--srx-acc)}
.srx-opt{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1.5px solid var(--srx-bd);border-radius:14px;background:var(--srx-bg);cursor:pointer;margin-bottom:12px}
.srx-opt input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--srx-acc);flex:none}
.srx-opt small{display:block;color:var(--srx-mut);font-size:13px;margin-top:2px}
.srx-opt:has(input:checked){border-color:var(--srx-acc);background:var(--srx-soft2)}
.srx-drop{display:block;position:relative;padding:18px;border:1.5px dashed #cfc6b8;border-radius:14px;background:linear-gradient(135deg,var(--srx-soft) 0%,var(--srx-soft2) 100%);text-align:center;cursor:pointer}
.srx-drop:hover{border-color:var(--srx-acc)}
.srx-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.srx-drop strong{display:block;font-size:15px}
.srx-drop small{display:block;color:var(--srx-mut);font-size:13px;margin-top:4px}
.srx-prog{height:6px;border-radius:99px;background:#ece6dc;margin-top:10px;overflow:hidden}
.srx-prog i{display:block;height:100%;width:0;background:var(--srx-acc);transition:width .2s}
.srx-file-ok{font-size:14px;margin-top:8px;color:#3f6b45}
.srx-file-ok.is-err{color:#a2412f}
.srx textarea{width:100%;border:1.5px solid var(--srx-bd);border-radius:14px;padding:12px 14px;font:inherit;background:var(--srx-bg)}
.srx-sum{position:sticky;top:110px}
.srx-sum-in{border:1px solid var(--srx-bd);border-radius:18px;padding:22px;background:var(--srx-bg);box-shadow:0 7px 22px rgba(68,62,49,.08)}
.srx-sum-t{font-weight:650;font-size:19px;margin-bottom:12px}
.srx-sum-l{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0 0 16px;font-size:14px}
.srx-sum-l dt{color:var(--srx-mut);margin:0}
.srx-sum-l dd{margin:0;text-align:right;font-weight:600}
.srx-price{border-top:1px solid var(--srx-bd);padding-top:14px;margin-bottom:12px}
.srx-gross{font-size:32px;font-weight:800;line-height:1.1;color:var(--srx-ink)}
.srx-gross small{font-size:15px;font-weight:600;color:var(--srx-mut)}
.srx-net{color:var(--srx-mut);margin-top:4px;font-size:14px}
.srx-unit{font-size:13px;color:var(--srx-mut);margin-top:2px}
.srx-ship{list-style:none;margin:0 0 16px;padding:0;font-size:14px}
.srx-ship li{position:relative;padding:3px 0 3px 24px}
.srx-ship li::before{content:"✓";position:absolute;left:2px;top:3px;color:var(--srx-acc-d);font-weight:700}
.srx-ship small{display:block;color:var(--srx-mut);font-size:12px}
.srx-btn{all:unset;box-sizing:border-box;display:block;width:100%;text-align:center;cursor:pointer;background:var(--srx-acc);color:#fff;font-weight:700;padding:15px;border-radius:999px;font-size:16px;transition:background .15s}
.srx-btn:hover{background:var(--srx-acc-d)}
.srx-btn:disabled{opacity:.6;cursor:wait}
.srx-btn:focus-visible{outline:2px solid var(--srx-ink);outline-offset:2px}
.srx-msg{font-size:14px;margin-top:10px;min-height:1px}
.srx-msg.is-ok{color:#3f6b45}
.srx-msg.is-err{color:#a2412f}
.srx-help{font-size:13px;color:var(--srx-mut);margin-top:12px;text-align:center}
.srx-help a,.srx-hero-help a{color:var(--srx-acc-d);font-weight:600}
/* pasek przy zdjęciach produktu */
.srx-hero{margin:18px 0 6px;padding:18px;border:1px solid var(--srx-bd);border-radius:18px;background:linear-gradient(135deg,var(--srx-soft) 0%,var(--srx-soft2) 100%);color:var(--srx-ink)}
.srx-hero-price{font-size:17px;margin-bottom:12px}
.srx-hero-price b{font-size:21px}
.srx-hero-price small{color:var(--srx-mut)}
.srx-trust{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;font-size:14px}
.srx-trust li{margin:0;padding-left:22px;position:relative}
.srx-trust li::before{content:"✓";position:absolute;left:2px;color:var(--srx-acc-d);font-weight:700}
.srx-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 18px;border-radius:999px;background:var(--srx-acc);color:#fff!important;font-weight:700;font-size:16px;text-decoration:none!important;transition:background .15s}
.srx-cta:hover{background:var(--srx-acc-d)}
.srx-hero-help{font-size:13px;color:var(--srx-mut);margin-top:10px;text-align:center}
@media (max-width:900px){
 .srx{grid-template-columns:1fr;gap:20px}
 .srx-sum{position:static}
 .srx-cards{grid-template-columns:1fr 1fr 1fr;gap:10px}
 .srx-cards--sets{grid-template-columns:1fr 1fr}
 .srx-card span{display:none}
 .srx-tbl th:nth-child(4),.srx-tbl td:nth-child(4){display:none}
}
@media (max-width:520px){
 .srx-cards{grid-template-columns:1fr}
 .srx-card{flex-direction:row;align-items:center;gap:12px}
 .srx-card img,.srx-noimg{width:72px;margin:0;flex:none}
 .srx-card em{margin:0 0 0 auto;white-space:nowrap}
 .srx-cards--sets{grid-template-columns:1fr}
 .srx-trust{grid-template-columns:1fr}
}
.srx-hero,.srx-hero *{box-sizing:border-box}