/* Detal.pl — czytelność nagłówka i rozbudowanych stron informacyjnych. */
.detal-header-main {
  grid-template-columns: 220px minmax(0, 1fr) auto;
}
.detal-brand {
  width: 205px;
  max-width: 100%;
  justify-items: center;
  overflow: hidden;
}
.detal-brand small {
  display: block;
  width: 100%;
  max-width: 205px;
  color: #334e6b;
  font-size: 10px;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}
.detal-search {
  min-width: 0;
}
.detal-support-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}
.detal-document {
  font-size: 16px;
}
.detal-document > p,
.detal-document > ul,
.detal-document > ol,
.detal-document > dl,
.detal-document > div:not(.detal-contact-cards):not(.detal-help-cta) {
  max-width: 920px;
}
.detal-document h2 {
  scroll-margin-top: 24px;
}
.detal-document h3 {
  margin-top: 28px;
}
.detal-document li {
  padding-left: 3px;
}
.detal-page-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 26px 0 38px;
  padding: 14px;
  border: 1px solid #dfe5ec;
  border-radius: 12px;
  background: #f7f9fc;
}
.detal-page-nav a {
  padding: 8px 11px;
  border-radius: 7px;
  background: #fff;
  color: #082f5b;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}
.detal-page-nav a:hover,
.detal-page-nav a:focus-visible {
  background: #edf5ff;
  color: #1769e0;
}
.detal-note,
.detal-form-example {
  margin: 28px 0;
  padding: 22px 24px;
  border-radius: 12px;
  background: #edf5ff;
  border-left: 4px solid #1769e0;
}
.detal-note strong {
  color: #082f5b;
  font-size: 17px;
}
.detal-note p:last-child,
.detal-form-example p:last-child {
  margin-bottom: 0;
}
.detal-table-wrap {
  width: 100%;
  max-width: 100% !important;
  margin: 24px 0;
  overflow-x: auto;
  border: 1px solid #dfe5ec;
  border-radius: 12px;
}
.detal-legal-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  background: #fff;
}
.detal-legal-table th,
.detal-legal-table td {
  padding: 15px 16px;
  border-bottom: 1px solid #dfe5ec;
  text-align: left;
  vertical-align: top;
}
.detal-legal-table th {
  background: #082f5b;
  color: #fff;
  font-size: 13px;
}
.detal-legal-table tr:last-child td {
  border-bottom: 0;
}
.detal-definitions {
  display: grid;
  gap: 8px;
}
.detal-definitions div {
  display: grid;
  grid-template-columns: minmax(180px, .32fr) 1fr;
  gap: 18px;
  padding: 15px 17px;
  border-radius: 9px;
  background: #f5f7fa;
}
.detal-definitions dt {
  color: #082f5b;
  font-weight: 900;
}
.detal-definitions dd {
  margin: 0;
}
.detal-company-card {
  padding: 24px;
  border: 1px solid #dfe5ec;
  border-radius: 12px;
  background: #f7f9fc;
  font-style: normal;
}
.detal-product-card .relaunch-product-status .is-available {
  color: #137a3a;
  font-weight: 900;
}
.detal-product-card .relaunch-product-status .is-available i {
  background: #1f9d55;
  box-shadow: 0 0 0 4px rgba(31, 157, 85, .14);
}
.detal-product-card .relaunch-product-status .is-unavailable {
  color: #9b2c2c;
  font-weight: 850;
}
.detal-product-card .relaunch-product-buy .free-delivery,
.checkout-summary .free-delivery-note {
  color: #137a3a;
  font-weight: 850;
}
.detal-buy-box > small {
  color: #137a3a;
  font-weight: 750;
}
.detal-product-assurance span:nth-child(3) {
  background: #eaf8ef;
  color: #137a3a;
}
.detal-form-feedback,
.detal-cart-feedback {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  color: #123b25;
  background: linear-gradient(135deg, #f1fbf4 0%, #e7f6ec 100%);
  border: 1px solid #a8d7b7;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(19, 122, 58, .10);
}
.detal-form-feedback { margin-top: 18px; scroll-margin-top: 24px; }
.detal-cart-feedback { align-items: center; margin: 0 0 24px; }
.detal-feedback-icon {
  display: grid;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  place-items: center;
  color: #fff;
  font-size: 23px;
  font-weight: 900;
  line-height: 1;
  background: #137a3a;
  border-radius: 50%;
  box-shadow: 0 5px 14px rgba(19, 122, 58, .22);
}
.detal-form-feedback strong,
.detal-cart-feedback strong { display: block; margin: 1px 0 4px; color: #0d5129; font-size: 17px; }
.detal-form-feedback p,
.detal-cart-feedback p { margin: 0; color: #315d41; font-weight: 500; }
.detal-cart-feedback > a {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 10px 15px;
  color: #0d5129;
  font-weight: 800;
  text-decoration: none;
  background: #fff;
  border: 1px solid #9dccad;
  border-radius: 999px;
}
.detal-cart-feedback > a:hover { border-color: #137a3a; }
.detal-form-feedback-error,
.detal-cart-feedback-error { color: #7a271f; background: #fff3f1; border-color: #efb6af; box-shadow: 0 10px 28px rgba(164, 45, 37, .08); }
.detal-form-feedback-error .detal-feedback-icon,
.detal-cart-feedback-error .detal-feedback-icon { background: #b42318; box-shadow: 0 5px 14px rgba(180, 35, 24, .18); }
.detal-form-feedback-error strong,
.detal-cart-feedback-error strong { color: #8e241c; }
.detal-form-feedback-error p,
.detal-cart-feedback-error p { color: #7a3a35; }
@media (max-width: 1100px) {
  .detal-header-main { grid-template-columns: 180px minmax(0, 1fr) auto; }
  .detal-brand { width: 170px; }
  .detal-brand small { max-width: 170px; font-size: 9px; }
}
@media (max-width: 760px) {
  .detal-header-main { grid-template-columns: 145px minmax(0, 1fr); }
  .detal-brand { width: 140px; }
  .detal-brand small { display: none; }
  .detal-support-actions { justify-content: flex-start; }
  .detal-definitions div { grid-template-columns: 1fr; gap: 5px; }
  .detal-document { font-size: 15px; }
  .detal-page-nav { margin-bottom: 28px; }
  .detal-form-feedback,
  .detal-cart-feedback { padding: 16px; }
  .detal-cart-feedback { align-items: flex-start; flex-wrap: wrap; }
  .detal-cart-feedback > a { width: 100%; margin-left: 56px; text-align: center; }
}
@media (max-width: 440px) {
  .detal-brand { width: 125px; }
  .detal-support-actions { display: grid; }
}

/* DETAL CONTINUE SHOPPING RESPONSIVE FIX V2 */
.detal-continue-shopping {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 320px !important;
  min-width: 220px !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  white-space: normal !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  *:has(> .detal-continue-shopping) {
    flex-wrap: wrap !important;
  }

  .detal-continue-shopping {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 0 100% !important;
    margin: 16px 0 0 !important;
  }
}
/* END DETAL CONTINUE SHOPPING RESPONSIVE FIX V2 */