.inquiryPage{max-width:820px;padding-top:24px;padding-bottom:32px}
.inquiryPanel{background:#fff;border:1px solid #e1e5ea;border-radius:20px;padding:24px;margin-bottom:20px;overflow-wrap:anywhere}
.inquiryPanel h1{font-size:clamp(26px,5vw,38px);margin:0 0 14px}.inquiryPanel h2{margin-top:0}
.inquiryForm{display:grid;gap:12px;margin:16px 0;max-width:100%;text-align:left;color:#111}
.inquiryForm label{display:grid;gap:6px;font-size:14px;font-weight:700;min-width:0}
.inquiryForm input,.inquiryForm textarea{display:block;width:100%;min-width:0;border:1px solid #c9cfd8;border-radius:10px;padding:10px 12px;font:inherit;font-weight:400;background:#fff;color:#111;box-sizing:border-box}.inquiryForm input{min-height:44px}.inquiryForm textarea{resize:vertical;line-height:1.5}
.inquiryFields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inquiryForm .btn{justify-self:start;min-height:44px;white-space:normal}.inquiryForm .inquiryTrap{display:none!important}
.inquiryPrivacy{font-size:12px!important;margin:0!important;color:#555!important}.inquiryPrivacy a{display:inline!important;text-decoration:underline!important}
.inquiryProduct{display:flex;align-items:center;gap:14px;background:#f5f6f8;border-radius:12px;padding:12px}.inquiryProduct img{width:70px;height:70px;object-fit:contain}
.footerContact{margin:20px 0;border-top:1px solid #ddd;padding-top:14px;max-width:720px}.footerContact summary{cursor:pointer;font-weight:800;padding:8px 0}.footerContact .inquiryForm a{display:inline}
.inquiryAsk{display:inline-flex;align-items:center;min-height:32px;font-size:12px;font-weight:650;color:#4b535c!important;text-decoration:underline!important;text-underline-offset:3px;white-space:normal;line-height:1.25}.inquiryAsk:hover{color:#111!important}.productInfo>.inquiryAsk{display:flex;width:max-content;max-width:100%;margin:8px 0}.cardBody>.inquiryAsk{margin:3px 0 6px}
.randomInfoLinks{display:flex;flex-wrap:wrap;gap:2px 14px;align-items:center}.randomInfoLinks .inquiryAsk{font-size:12px;min-height:28px}
.inquiryMessage{border:1px solid #dce1e8;background:#f6f8fa;border-radius:12px;margin:12px 0;padding:14px}.inquiryMessage small{display:block;color:#626a75;margin-top:4px}.inquiryMessage p{white-space:normal;line-height:1.55;margin-bottom:0;overflow-wrap:anywhere}.inquiryAnswer{background:#f2ffe2;border-color:#c8dfad}.inquiryDelivery{padding:12px;border:1px solid #ddd;border-radius:10px;margin:16px 0;font-size:13px}.inquiryDelivery summary{cursor:pointer;font-weight:700}
.inquiryToolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0}.inquiryToolbar select{padding:10px;border:1px solid #ccc;border-radius:8px}.inquiryList{display:grid;gap:10px}.inquiryListItem{display:grid;gap:6px;background:#fff;border:1px solid #ddd;border-radius:12px;padding:16px;overflow-wrap:anywhere}.inquiryListItem:hover{border-color:#7fa52d}.inquiryListItem small{color:#5c6673}
@media(max-width:600px){.inquiryFields{grid-template-columns:1fr}.inquiryPanel{padding:16px}.inquiryProduct{align-items:flex-start}.randomInfoLinks{gap:0 10px}.randomInfoLinks .inquiryAsk{font-size:11px}}
.footerContact{border-color:#3c424a}.footerContact>summary{color:#fff}.footerContact .inquiryForm{background:#fff;padding:18px;border-radius:14px}.footerContact .inquiryForm label{color:#111}.footerContact .inquiryForm .inquiryPrivacy a{color:#414953!important}

/* V73: logowanie przed pytaniem — widoczne, ale lekkie i dostępne z klawiatury. */
.inquiryLoginInline{display:grid;gap:10px;padding:18px;border:1px solid #dbe2ea;border-radius:16px;background:#f7f9fb;color:#111}.inquiryLoginInline>b{font-size:18px}.inquiryLoginInline p{margin:0!important;color:#565f69!important;line-height:1.5}.inquiryLoginActions,.inquiryAuthActions{display:flex;flex-wrap:wrap;gap:9px}.inquiryIdentity{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:12px 14px;border-radius:12px;background:#f4f6f8;border:1px solid #e2e6eb}.inquiryIdentity span{grid-row:1/3;color:#68717c;font-size:12px;font-weight:800}.inquiryIdentity strong,.inquiryIdentity small{overflow-wrap:anywhere}
.inquiryAuthDialog{width:min(520px,calc(100% - 24px));max-width:520px;margin:auto;padding:34px;border:0;border-radius:24px;background:#fff;color:#111;box-shadow:0 26px 90px rgba(0,0,0,.28);overflow:visible}.inquiryAuthDialog::backdrop{background:rgba(15,18,22,.68);backdrop-filter:blur(4px)}.inquiryAuthDialog.isOpen{display:block;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:10010}.inquiryAuthDialog.isOpen::before{content:"";position:fixed;inset:-100vh -100vw;z-index:-1;background:rgba(15,18,22,.68)}.inquiryAuthClose{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:999px;background:#edf0f3;color:#111;font-size:26px;line-height:1;cursor:pointer}.inquiryAuthIcon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:var(--lime);font-size:28px;font-weight:950}.inquiryAuthDialog h2{margin:18px 0 8px;font-size:clamp(26px,6vw,36px);line-height:1.02;letter-spacing:-1.2px}.inquiryAuthDialog>p{margin:0 0 20px;color:#59616b;line-height:1.55}.inquiryAuthActions .btn{flex:1 1 180px;min-height:48px;text-align:center}.inquiryAuthLater{display:block;margin:14px auto 0;border:0;background:transparent;color:#5c6570;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.inquiryModalOpen{overflow:hidden}
@media(max-width:600px){.inquiryAuthDialog{padding:26px 18px 22px;border-radius:20px}.inquiryAuthActions{display:grid;grid-template-columns:1fr}.inquiryLoginActions{display:grid;grid-template-columns:1fr}.inquiryIdentity{grid-template-columns:1fr}.inquiryIdentity span{grid-row:auto}.footerContact .inquiryLoginInline{background:#fff}}

/* V74: stala geometria kart i przyciskow.
   Tytul moze byc krotszy wizualnie, ale nigdy nie przesuwa ceny ani akcji. */
.productGrid{
  align-items:stretch!important;
  grid-auto-rows:auto;
}
.productGrid>.productCard{
  display:grid!important;
  grid-template-rows:auto 154px!important;
  align-self:stretch!important;
  height:100%!important;
  min-height:0!important;
}
.productGrid>.productCard>.cardImage{
  min-width:0!important;
  min-height:0!important;
}
.productGrid>.productCard>.cardBody{
  display:grid!important;
  grid-template-rows:14px 2.64em 32px minmax(32px,1fr)!important;
  gap:4px!important;
  width:100%!important;
  height:154px!important;
  min-width:0!important;
  min-height:0!important;
  padding:12px!important;
  box-sizing:border-box!important;
}
.productGrid .cardCat{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  height:14px!important;
  line-height:14px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.productGrid .cardTitle{
  display:-webkit-box!important;
  min-width:0!important;
  min-height:2.64em!important;
  height:2.64em!important;
  max-height:2.64em!important;
  margin:0!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2;
  text-overflow:ellipsis!important;
  overflow-wrap:anywhere!important;
}
.productGrid .cardBody>.inquiryAsk{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  width:100%!important;
  height:32px!important;
  min-height:32px!important;
  margin:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.productGrid .cardBottom{
  align-self:end!important;
  width:100%!important;
  min-width:0!important;
  min-height:32px!important;
  margin:0!important;
}
.productGrid .cardPrice{
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.productGrid .miniCartForm{margin:0!important;flex:0 0 auto!important}
.productGrid .roundArrow{flex:0 0 auto!important}

/* Losuj: naglowek zawsze u gory, linki i oba glowne przyciski zawsze u dolu. */
.randomMode .randomProduct{min-height:345px!important}
.randomMode .randomInfo{
  display:grid!important;
  grid-template-areas:
    "category"
    "title"
    "price"
    "space"
    "links"
    "actions" !important;
  grid-template-rows:auto 3.36em auto minmax(0,1fr) 34px 56px!important;
  align-content:stretch!important;
  justify-content:stretch!important;
  gap:8px!important;
  padding:18px!important;
  overflow:hidden!important;
}
.randomMode .randomInfo>.cardCat{
  grid-area:category!important;
  align-self:start!important;
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  height:18px!important;
  line-height:18px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.randomMode .randomInfo>h1{
  grid-area:title!important;
  display:block!important;
  align-self:start!important;
  min-width:0!important;
  min-height:3.36em!important;
  height:3.36em!important;
  max-height:3.36em!important;
  margin:0!important;
  overflow:hidden!important;
}
.randomMode .randomTitleLink{
  display:-webkit-box!important;
  width:100%!important;
  min-width:0!important;
  height:3.36em!important;
  max-height:3.36em!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  line-clamp:3;
  text-overflow:ellipsis!important;
  overflow-wrap:anywhere!important;
}
.randomMode #randomName{display:inline!important}
.randomMode .randomPrice{
  grid-area:price!important;
  align-self:start!important;
  margin:0!important;
  white-space:nowrap!important;
}
.randomMode .randomSummary{grid-area:space!important}
.randomMode .randomInfoLinks{
  grid-area:links!important;
  align-self:end!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  gap:12px!important;
  overflow:hidden!important;
}
.randomMode .randomInfoLinks .randomDetailsLink,
.randomMode .randomInfoLinks .inquiryAsk{
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  line-height:34px!important;
}
.randomMode .randomInfoLinks .randomDetailsLink{flex:1 1 auto!important}
.randomMode .randomInfoLinks .inquiryAsk{flex:0 0 auto!important}
.randomMode .randomActions{
  grid-area:actions!important;
  align-self:end!important;
  position:static!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:56px!important;
  gap:8px!important;
  inset:auto!important;
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  margin:0!important;
}
.randomMode .randomCartForm{
  display:flex!important;
  width:100%!important;
  height:56px!important;
  min-width:0!important;
  margin:0!important;
}
.randomMode .randomActions .randomNext,
.randomMode .randomActions .randomPrimary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  margin:0!important;
  padding:8px 12px!important;
  overflow:hidden!important;
  line-height:1.2!important;
  text-align:center!important;
}

@media(max-width:800px){
  .productGrid>.productCard{grid-template-rows:auto 138px!important}
  .productGrid>.productCard>.cardBody{
    grid-template-rows:14px 2.6em 32px minmax(28px,1fr)!important;
    height:138px!important;
    padding:9px!important;
  }
  .productGrid .cardTitle{
    min-height:2.6em!important;
    height:2.6em!important;
    max-height:2.6em!important;
  }
  .productGrid .cardBottom{min-height:28px!important}

  .randomMode .randomProduct{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(260px,1fr) 250px!important;
    min-height:510px!important;
  }
  .randomMode .randomInfo{
    grid-template-rows:auto 2.24em auto minmax(0,1fr) 32px 58px!important;
    width:100%!important;
    height:250px!important;
    min-height:250px!important;
    padding:10px!important;
    gap:6px!important;
  }
  .randomMode .randomInfo>h1,
  .randomMode .randomTitleLink{
    min-height:2.24em!important;
    height:2.24em!important;
    max-height:2.24em!important;
  }
  .randomMode .randomTitleLink{-webkit-line-clamp:2!important;line-clamp:2}
  .randomMode .randomInfoLinks{
    height:32px!important;
    min-height:32px!important;
    gap:8px!important;
  }
  .randomMode .randomInfoLinks .randomDetailsLink,
  .randomMode .randomInfoLinks .inquiryAsk{
    font-size:11px!important;
    line-height:32px!important;
  }
  .randomMode .randomActions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:58px!important;
    height:58px!important;
    min-height:58px!important;
  }
  .randomMode .randomCartForm,
  .randomMode .randomActions .randomNext,
  .randomMode .randomActions .randomPrimary{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
  }
  .randomMode .randomActions .randomNext,
  .randomMode .randomActions .randomPrimary{
    padding:7px!important;
    font-size:12px!important;
  }
}

/* V76: pelna plakietka kategorii oraz Losuj zamkniete w jednym ekranie telefonu. */
.productGrid>.productCard>.cardBody{
  grid-template-rows:22px 20px 32px minmax(32px,1fr)!important;
}
.productGrid .cardCat{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  justify-self:start!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:22px!important;
  height:22px!important;
  max-height:22px!important;
  padding:4px 8px!important;
  line-height:1.1!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

@media(max-width:800px){
  .productGrid>.productCard>.cardBody{
    grid-template-rows:22px 18px 32px minmax(28px,1fr)!important;
  }

  body.randomMode{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100vh!important;
    height:100svh!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  .randomMode .siteTop{
    position:relative!important;
    flex:0 0 56px!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    overflow:hidden!important;
  }
  .randomMode .nav{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .randomMode .launchReviewBanner{
    flex:0 0 42px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:3px 8px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    font-size:9.5px!important;
    line-height:1.15!important;
  }
  .randomMode .launchReviewBanner>span{
    max-width:100%!important;
    margin:0!important;
    text-align:center!important;
  }
  .randomMode .randomPage{
    flex:1 1 0!important;
    width:calc(100% - 12px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:4px 0 max(4px,env(safe-area-inset-bottom,0px))!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .randomMode .randomStage{
    flex:1 1 auto!important;
    display:grid!important;
    grid-template-rows:28px minmax(0,1fr)!important;
    gap:4px!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  .randomMode .randomMiniNav{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    width:100%!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .randomMode .randomMiniNav a{
    min-width:0!important;
    padding:4px 8px!important;
    font-size:10px!important;
    line-height:1.1!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  .randomMode .randomProduct{
    --random-mobile-info-height:clamp(168px,22dvh,190px);
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) var(--random-mobile-info-height)!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }
  .randomMode .randomPhoto{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:100%!important;
    padding:6px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .randomMode .randomPhoto img{
    position:absolute!important;
    inset:6px!important;
    display:block!important;
    width:calc(100% - 12px)!important;
    height:calc(100% - 12px)!important;
    min-width:0!important;
    min-height:0!important;
    max-width:calc(100% - 12px)!important;
    max-height:calc(100% - 12px)!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .randomMode .randomInfo{
    display:grid!important;
    grid-template-areas:
      "category"
      "title"
      "price"
      "space"
      "links"
      "actions" !important;
    grid-template-rows:18px 36px 24px minmax(0,1fr) 16px 46px!important;
    gap:3px!important;
    width:100%!important;
    height:var(--random-mobile-info-height)!important;
    min-height:var(--random-mobile-info-height)!important;
    max-height:var(--random-mobile-info-height)!important;
    padding:7px 8px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .randomMode .randomInfo>.cardCat{
    grid-area:category!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-self:start!important;
    width:max-content!important;
    max-width:100%!important;
    min-height:18px!important;
    height:18px!important;
    max-height:18px!important;
    padding:3px 7px!important;
    font-size:8px!important;
    line-height:1!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    box-sizing:border-box!important;
  }
  .randomMode .randomInfo>h1{
    grid-area:title!important;
    display:block!important;
    min-width:0!important;
    min-height:36px!important;
    height:36px!important;
    max-height:36px!important;
    margin:0!important;
    overflow:hidden!important;
    font-size:clamp(15px,4.5vw,18px)!important;
    line-height:18px!important;
    letter-spacing:-.45px!important;
  }
  .randomMode .randomTitleLink{
    display:-webkit-box!important;
    width:100%!important;
    min-height:36px!important;
    height:36px!important;
    max-height:36px!important;
    overflow:hidden!important;
    white-space:normal!important;
    text-overflow:ellipsis!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2;
  }
  .randomMode #randomName{display:inline!important}
  .randomMode .randomPrice{
    grid-area:price!important;
    align-self:center!important;
    margin:0!important;
    font-size:22px!important;
    line-height:24px!important;
    white-space:nowrap!important;
  }
  .randomMode .randomSummary{grid-area:space!important;display:none!important}
  .randomMode .randomInfoLinks{
    grid-area:links!important;
    align-self:center!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
    overflow:hidden!important;
  }
  .randomMode .randomInfoLinks .randomDetailsLink,
  .randomMode .randomInfoLinks .inquiryAsk{
    display:block!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    font-size:9.5px!important;
    line-height:16px!important;
  }
  .randomMode .randomInfoLinks .randomDetailsLink{flex:1 1 auto!important}
  .randomMode .randomInfoLinks .inquiryAsk{flex:0 1 auto!important}
  .randomMode .randomActions{
    grid-area:actions!important;
    position:static!important;
    align-self:end!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:46px!important;
    gap:6px!important;
    inset:auto!important;
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    margin:0!important;
  }
  .randomMode .randomCartForm{
    display:flex!important;
    width:100%!important;
    height:46px!important;
    min-width:0!important;
    margin:0!important;
  }
  .randomMode .randomActions .randomNext,
  .randomMode .randomActions .randomPrimary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    margin:0!important;
    padding:5px 6px!important;
    overflow:hidden!important;
    white-space:normal!important;
    font-size:10.5px!important;
    line-height:1.05!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:360px){
  .productGrid>.productCard{grid-template-rows:auto 134px!important}
  .productGrid>.productCard>.cardBody{height:134px!important;padding:7px!important}
  .productGrid .cardPrice{font-size:15px!important}
  .randomMode .randomInfoLinks .randomDetailsLink,
  .randomMode .randomInfoLinks .inquiryAsk{font-size:10px!important}
}

/* V75: jedna bezpieczna linia na kartach; pelna nazwa w Losuj bez nakladania. */
.productGrid>.productCard>.cardBody{
  grid-template-rows:14px 20px 32px minmax(32px,1fr)!important;
}
.productGrid .cardTitle{
  display:block!important;
  min-height:20px!important;
  height:20px!important;
  max-height:20px!important;
  line-height:20px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset;
}

.randomMode .randomProduct{
  height:auto!important;
  min-height:345px!important;
  overflow:visible!important;
}
.randomMode .randomInfo{
  grid-template-rows:auto auto auto minmax(0,1fr) 34px 56px!important;
  height:auto!important;
  min-height:345px!important;
  max-height:none!important;
  overflow:visible!important;
}
.randomMode .randomInfo>h1,
.randomMode .randomTitleLink{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.randomMode .randomTitleLink{
  display:block!important;
  white-space:normal!important;
  text-overflow:clip!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset;
}

@media(max-width:800px){
  .productGrid>.productCard>.cardBody{
    grid-template-rows:14px 18px 32px minmax(28px,1fr)!important;
  }
  .productGrid .cardTitle{
    min-height:18px!important;
    height:18px!important;
    max-height:18px!important;
    line-height:18px!important;
  }

  .randomMode .randomProduct{
    grid-template-rows:minmax(260px,44svh) auto!important;
    height:auto!important;
    min-height:0!important;
  }
  .randomMode .randomInfo{
    grid-template-rows:auto auto auto minmax(12px,1fr) auto 58px!important;
    height:auto!important;
    min-height:250px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .randomMode .randomInfo>h1,
  .randomMode .randomTitleLink{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .randomMode .randomTitleLink{
    display:block!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset;
  }
  .randomMode .randomInfoLinks{
    flex-wrap:wrap!important;
    height:auto!important;
    min-height:32px!important;
    overflow:visible!important;
  }
  .randomMode .randomInfoLinks .randomDetailsLink,
  .randomMode .randomInfoLinks .inquiryAsk{
    line-height:1.25!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
  }
}

/* V76-final: ostatnia warstwa kaskady — nie pozwala V75 cofnac ukladu mobilnego. */
.productGrid>.productCard>.cardBody{
  grid-template-rows:22px 20px 32px minmax(32px,1fr)!important;
}

@media(max-width:800px){
  .productGrid>.productCard>.cardBody{
    grid-template-rows:22px 18px 32px minmax(28px,1fr)!important;
  }
  .randomMode .randomProduct{
    grid-template-rows:minmax(0,1fr) var(--random-mobile-info-height)!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  .randomMode .randomInfo{
    grid-template-rows:18px 36px 24px minmax(0,1fr) 16px 46px!important;
    height:var(--random-mobile-info-height)!important;
    min-height:var(--random-mobile-info-height)!important;
    max-height:var(--random-mobile-info-height)!important;
    overflow:hidden!important;
  }
  .randomMode .randomInfo>h1{
    display:block!important;
    min-height:36px!important;
    height:36px!important;
    max-height:36px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .randomMode .randomTitleLink{
    display:-webkit-box!important;
    min-height:36px!important;
    height:36px!important;
    max-height:36px!important;
    overflow:hidden!important;
    white-space:normal!important;
    text-overflow:ellipsis!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2;
  }
  .randomMode .randomInfoLinks{
    flex-wrap:nowrap!important;
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
    overflow:hidden!important;
  }
  .randomMode .randomInfoLinks .randomDetailsLink,
  .randomMode .randomInfoLinks .inquiryAsk{
    line-height:16px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
}

/* V78: Losuj — kategoria bez pionowego przycinania. */
.randomMode .randomInfo>.cardCat{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:22px!important;
  height:22px!important;
  max-height:22px!important;
  padding:4px 9px!important;
  line-height:1.2!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

@media(max-width:800px){
  .randomMode .randomInfo{
    grid-template-rows:22px 36px 22px minmax(0,1fr) 16px 44px!important;
    gap:2px!important;
    padding:6px 8px!important;
  }
  .randomMode .randomInfo>.cardCat{
    min-height:22px!important;
    height:22px!important;
    max-height:22px!important;
    padding:4px 8px!important;
    font-size:9px!important;
    line-height:1.2!important;
  }
  .randomMode .randomInfo>h1,
  .randomMode .randomTitleLink{
    min-height:36px!important;
    height:36px!important;
    max-height:36px!important;
    line-height:18px!important;
  }
  .randomMode .randomPrice{line-height:22px!important}
  .randomMode .randomActions,
  .randomMode .randomCartForm,
  .randomMode .randomActions .randomNext,
  .randomMode .randomActions .randomPrimary{
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
  }
  .randomMode .randomActions{grid-template-rows:44px!important}
}

/* V82: Losuj na komputerze — pionowa karta jak na telefonie, zawsze w jednym ekranie. */
@media(min-width:801px){
  body.randomMode{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100vh!important;
    height:100svh!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  .randomMode .siteTop{
    position:relative!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  .randomMode .nav{
    height:auto!important;
    min-height:62px!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  .randomMode .launchReviewBanner{
    flex:0 0 auto!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  .randomMode .randomPage{
    flex:1 1 0!important;
    width:min(920px,calc(100% - 24px))!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:8px 0 max(8px,env(safe-area-inset-bottom,0px))!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .randomMode .randomStage{
    flex:1 1 auto!important;
    display:grid!important;
    grid-template-rows:36px minmax(0,1fr)!important;
    gap:6px!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  .randomMode .randomMiniNav{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .randomMode .randomMiniNav a{
    min-width:0!important;
    padding:7px 11px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  .randomMode .randomProduct{
    --random-desktop-info-height:clamp(210px,24dvh,246px);
    --random-desktop-action-height:clamp(44px,5dvh,52px);
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) var(--random-desktop-info-height)!important;
    align-items:stretch!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
    border-radius:24px!important;
  }
  .randomMode .randomPhoto{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:100%!important;
    padding:8px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .randomMode .randomPhoto img{
    position:absolute!important;
    inset:8px!important;
    display:block!important;
    width:calc(100% - 16px)!important;
    height:calc(100% - 16px)!important;
    min-width:0!important;
    min-height:0!important;
    max-width:calc(100% - 16px)!important;
    max-height:calc(100% - 16px)!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
  .randomMode .randomInfo{
    display:grid!important;
    grid-template-areas:
      "category"
      "title"
      "price"
      "space"
      "links"
      "actions" !important;
    grid-template-rows:22px minmax(0,auto) auto minmax(0,1fr) 20px var(--random-desktop-action-height)!important;
    align-content:stretch!important;
    justify-content:stretch!important;
    gap:4px!important;
    width:100%!important;
    height:var(--random-desktop-info-height)!important;
    min-width:0!important;
    min-height:var(--random-desktop-info-height)!important;
    max-height:var(--random-desktop-info-height)!important;
    padding:10px 14px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .randomMode .randomInfo>.cardCat{
    grid-area:category!important;
    justify-self:start!important;
    align-self:start!important;
    min-height:22px!important;
    height:22px!important;
    max-height:22px!important;
    padding:4px 9px!important;
    font-size:10px!important;
    line-height:1.2!important;
  }
  .randomMode .randomInfo>h1{
    grid-area:title!important;
    display:block!important;
    align-self:start!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:3.15em!important;
    margin:0!important;
    overflow:hidden!important;
    font-size:clamp(18px,2.35dvh,28px)!important;
    line-height:1.05!important;
    letter-spacing:-.7px!important;
  }
  .randomMode .randomTitleLink{
    display:-webkit-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:3.15em!important;
    overflow:hidden!important;
    white-space:normal!important;
    text-overflow:ellipsis!important;
    overflow-wrap:anywhere!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    line-clamp:3;
  }
  .randomMode .randomPrice{
    grid-area:price!important;
    align-self:start!important;
    margin:0!important;
    font-size:clamp(25px,3dvh,34px)!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .randomMode .randomSummary{
    grid-area:space!important;
    display:none!important;
  }
  .randomMode .randomInfoLinks{
    grid-area:links!important;
    align-self:center!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    overflow:hidden!important;
  }
  .randomMode .randomInfoLinks .randomDetailsLink,
  .randomMode .randomInfoLinks .inquiryAsk{
    display:block!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    font-size:12px!important;
    line-height:20px!important;
  }
  .randomMode .randomInfoLinks .randomDetailsLink{flex:1 1 auto!important}
  .randomMode .randomInfoLinks .inquiryAsk{flex:0 1 auto!important}
  .randomMode .randomActions{
    grid-area:actions!important;
    position:static!important;
    align-self:end!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:var(--random-desktop-action-height)!important;
    gap:8px!important;
    inset:auto!important;
    width:100%!important;
    height:var(--random-desktop-action-height)!important;
    min-height:var(--random-desktop-action-height)!important;
    max-height:var(--random-desktop-action-height)!important;
    margin:0!important;
  }
  .randomMode .randomCartForm,
  .randomMode .randomActions .randomNext,
  .randomMode .randomActions .randomPrimary{
    height:var(--random-desktop-action-height)!important;
    min-height:var(--random-desktop-action-height)!important;
    max-height:var(--random-desktop-action-height)!important;
  }
  .randomMode .randomCartForm{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  .randomMode .randomActions .randomNext,
  .randomMode .randomActions .randomPrimary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    margin:0!important;
    padding:7px 10px!important;
    overflow:hidden!important;
    white-space:normal!important;
    font-size:clamp(12px,1.55dvh,14px)!important;
    line-height:1.1!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
}

/* Bardzo niski ekran komputera: zachowujemy pionowy uklad, zmniejszamy tylko panel danych. */
@media(min-width:801px) and (max-height:620px){
  .randomMode .randomProduct{
    --random-desktop-info-height:176px;
    --random-desktop-action-height:40px;
  }
  .randomMode .randomStage{grid-template-rows:30px minmax(0,1fr)!important;gap:4px!important}
  .randomMode .randomMiniNav{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
  }
  .randomMode .randomMiniNav a{padding:5px 9px!important;font-size:10px!important}
  .randomMode .randomInfo{
    grid-template-rows:18px minmax(0,auto) auto minmax(0,1fr) 16px var(--random-desktop-action-height)!important;
    gap:2px!important;
    padding:6px 10px!important;
  }
  .randomMode .randomInfo>.cardCat{
    min-height:18px!important;
    height:18px!important;
    max-height:18px!important;
    padding:3px 7px!important;
    font-size:8px!important;
  }
  .randomMode .randomInfo>h1,
  .randomMode .randomTitleLink{
    max-height:2.1em!important;
    font-size:16px!important;
    line-height:1.05!important;
  }
  .randomMode .randomTitleLink{-webkit-line-clamp:2!important;line-clamp:2}
  .randomMode .randomPrice{font-size:23px!important}
  .randomMode .randomInfoLinks{
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
  }
  .randomMode .randomInfoLinks .randomDetailsLink,
  .randomMode .randomInfoLinks .inquiryAsk{font-size:10px!important;line-height:16px!important}
  .randomMode .randomActions .randomNext,
  .randomMode .randomActions .randomPrimary{font-size:11px!important;padding:5px 8px!important}
}
