/* Dom Gryzoni: katalog e-bookow. Wszystkie selektory ograniczone do modulu. */
.dg-eb {
  --dg-eb-ink:#292f3a;
  --dg-eb-muted:#657086;
  --dg-eb-edge:#e3d9ca;
  --dg-eb-accent:#6d4a35;
  box-sizing:border-box;
  max-width:1120px;
  width:100%;
  padding:32px 24px 76px;
  margin:0 auto;
  color:var(--dg-eb-ink);
  font-family:inherit;
  line-height:1.65;
}
.dg-eb *, .dg-eb *::before, .dg-eb *::after {box-sizing:border-box}
.dg-eb h1,.dg-eb h2,.dg-eb h3,.dg-eb p {margin-top:0}
.dg-eb a {color:#755037}
.dg-eb .dg-eb-eyebrow {display:block;color:#97724d;letter-spacing:.1em;text-transform:uppercase;font-weight:700;font-size:12px;line-height:1.5;margin-bottom:9px}
.dg-eb .dg-eb-header {margin:0 0 28px;padding:0 0 22px;border-bottom:1px solid var(--dg-eb-edge)}
.dg-eb .dg-eb-header h1 {font-family:inherit;font-size:clamp(30px,3.5vw,42px);line-height:1.16;letter-spacing:-.025em;font-weight:700;color:var(--dg-eb-ink);margin:0 0 10px}
.dg-eb .dg-eb-header p {color:var(--dg-eb-muted);font-size:16px;margin-bottom:0;line-height:1.6}
.dg-eb .dg-eb-hero {display:grid;grid-template-columns:minmax(0,310px) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,70px);margin:28px 0 40px;min-width:0}
.dg-eb .dg-eb-hero > * {min-width:0}
.dg-eb .dg-eb-cover {margin:0;width:100%;max-width:310px;min-width:0}
.dg-eb .dg-eb-cover img {display:block;box-sizing:border-box;width:100%;height:auto;max-width:310px;max-height:470px;object-fit:contain;object-position:top center;border-radius:3px;box-shadow:0 12px 36px rgba(35,23,13,.19);margin:0}
.dg-eb .dg-eb-cover figcaption {color:var(--dg-eb-muted);text-align:center;font-size:12px;padding-top:12px}
.dg-eb .dg-eb-offer h2 {font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3.1vw,40px);font-weight:normal;line-height:1.17;color:#3e3025;letter-spacing:-.018em;margin:0 0 9px}
.dg-eb .dg-eb-subtitle {font-size:15px;color:#7b6652;font-style:italic;margin:0 0 19px}
.dg-eb .dg-eb-description {font-size:15px;line-height:1.76;color:#4e5360;margin-bottom:16px;max-width:65ch}
.dg-eb .dg-eb-seller {font-size:13px;color:var(--dg-eb-muted);line-height:1.6;margin:0 0 20px}
.dg-eb .dg-eb-price {display:flex;flex-wrap:wrap;align-items:baseline;column-gap:14px;row-gap:4px;border-top:1px solid var(--dg-eb-edge);border-bottom:1px solid var(--dg-eb-edge);padding:13px 0;margin:16px 0 22px}
.dg-eb .dg-eb-price small {font-size:13px;color:var(--dg-eb-muted);font-weight:400}
.dg-eb .dg-eb-price strong {font-size:28px;line-height:1.2;color:#38291e}
.dg-eb .dg-eb-form {margin:0;padding:23px;background:#fbf8f4;border:1px solid var(--dg-eb-edge);border-radius:8px;max-width:660px}
.dg-eb .dg-eb-form h3 {font-family:inherit;color:var(--dg-eb-ink);font-size:21px;font-weight:700;margin:0 0 8px}
.dg-eb .dg-eb-form p {font-size:13px;line-height:1.6;color:#5b5e66;margin:0 0 12px}
.dg-eb .dg-eb-field {display:block;font-size:13px;font-weight:700;margin:15px 0 6px;color:#3d414a}
.dg-eb .dg-eb-form input[type="email"],.dg-eb .dg-eb-form input[type="text"] {display:block;width:100%;min-width:0;max-width:100%;height:auto;min-height:44px;background:white;color:#292f3a;border:1px solid #c8c7c3;border-radius:5px;padding:11px 12px;font:inherit;font-size:15px;box-shadow:none}
.dg-eb .dg-eb-form input:focus {outline:2px solid #a9845e;outline-offset:1px}
.dg-eb .dg-eb-check {display:flex;gap:10px;align-items:flex-start;color:#484d56;font-size:13px;font-weight:400;line-height:1.55;margin:15px 0;cursor:pointer}
.dg-eb .dg-eb-check input {flex:none;width:16px;height:16px;margin:2px 0 0}
.dg-eb .dg-eb-form button {display:block;width:100%;max-width:100%;height:auto;border:0;background:var(--dg-eb-accent);border-radius:5px;color:white;font-weight:700;font-size:15px;line-height:1.4;font-family:inherit;padding:14px 16px;cursor:pointer;margin:20px 0 12px;white-space:normal}
.dg-eb .dg-eb-form button:hover {background:#563b29}
.dg-eb .dg-eb-smallprint {font-size:12px!important;line-height:1.55!important;color:#6d6d6d!important;margin:0!important}
.dg-eb .dg-eb-hp {position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.dg-eb .dg-eb-note {border-radius:6px;border:1px solid #d8d8bb;background:#f2f4e9;color:#47523d;padding:14px 17px;margin:15px 0;line-height:1.6;font-size:14px}
.dg-eb .dg-eb-note.error {border-color:#e6c9c0;background:#fff6f2;color:#663e32}
.dg-eb .dg-eb-payment {padding:19px 21px;border:1px solid #d6c2ad;border-radius:6px;background:#faf6ef;overflow-wrap:anywhere;font-size:14px;line-height:1.8;margin-bottom:24px}
.dg-eb .dg-eb-payment h3 {margin:0 0 10px;font-size:20px}
.dg-eb .dg-eb-payment p {margin:0 0 10px}
.dg-eb .dg-eb-catalog {margin-top:40px;padding-top:28px;border-top:1px solid var(--dg-eb-edge)}
.dg-eb .dg-eb-catalog h2 {font-family:inherit;font-size:23px;line-height:1.35;color:var(--dg-eb-ink);font-weight:700;margin:0 0 16px}
.dg-eb .dg-eb-tiles {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:14px}
.dg-eb .dg-eb-tile {display:flex;align-items:center;gap:14px;min-width:0;text-decoration:none;padding:13px;background:#fff;border:1px solid var(--dg-eb-edge);border-radius:7px;color:var(--dg-eb-ink)}
.dg-eb .dg-eb-tile:hover,.dg-eb .dg-eb-tile:focus {border-color:#9d7b5b;text-decoration:none}
.dg-eb .dg-eb-tile img {display:block;width:59px!important;height:83px!important;max-width:59px!important;flex:0 0 59px;object-fit:cover;border-radius:2px}
.dg-eb .dg-eb-tile span {min-width:0}
.dg-eb .dg-eb-tile b {display:block;color:#3f3330;line-height:1.42;font-size:14px;font-weight:700}
.dg-eb .dg-eb-tile small {display:block;color:#79675c;font-size:12px;margin-top:7px}
@media(max-width:800px){
  .dg-eb{padding:26px 18px 65px}
  .dg-eb .dg-eb-hero{grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:26px}
  .dg-eb .dg-eb-cover,.dg-eb .dg-eb-cover img{max-width:230px}
}
@media(max-width:640px){
  .dg-eb{padding:20px 16px 56px}
  .dg-eb .dg-eb-hero{grid-template-columns:minmax(0,1fr);gap:23px}
  .dg-eb .dg-eb-cover{width:min(100%,255px);max-width:255px;margin:0 auto}
  .dg-eb .dg-eb-cover img{max-width:255px;max-height:390px}
  .dg-eb .dg-eb-offer h2{font-size:29px}
  .dg-eb .dg-eb-header h1{font-size:31px}
  .dg-eb .dg-eb-form{padding:18px 15px}
}

/* Poprawka 2026-10-20: checkboxy w globalnym motywie witryny sa ukrywane/
   pozbawiane natywnego wygladu. Ustawienia tylko dla formularza e-bookow. */
.dg-eb .dg-eb-form label.dg-eb-check > input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  float: none !important;
  clip: auto !important;
  clip-path: none !important;
  transform: none !important;
  filter: none !important;
  box-sizing: border-box !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  border: 2px solid #806b56 !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  vertical-align: top !important;
}
.dg-eb .dg-eb-form label.dg-eb-check > input[type="checkbox"]:checked {
  border-color: #62422f !important;
  background-color: #62422f !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10l4 4 8-8' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 16px 16px !important;
}
.dg-eb .dg-eb-form label.dg-eb-check > input[type="checkbox"]:focus-visible {
  outline: 3px solid #b08b67 !important;
  outline-offset: 3px !important;
}
.dg-eb .dg-eb-form label.dg-eb-check > span {
  display: inline !important;
  flex: 1 1 auto;
  min-width: 0;
  color: #484d56;
}
@media (forced-colors: active) {
  .dg-eb .dg-eb-form label.dg-eb-check > input[type="checkbox"] {
    forced-color-adjust: auto !important;
    border-color: CanvasText !important;
    background-color: Canvas !important;
  }
  .dg-eb .dg-eb-form label.dg-eb-check > input[type="checkbox"]:checked {
    background-color: Highlight !important;
    border-color: Highlight !important;
  }
}