@import "../components/filter.css";
@import "../components/product-card.css";

.promo_section__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.promo_section__bg {
  background: #666;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.promo_section {
  position: relative;
  color: #fff;
  margin-bottom: 2.1875rem;
  overflow: hidden;
}
.promo_section--default {
  margin-bottom: 4.5rem;
}
@media screen and (max-width: 1024px) {
  .promo_section--default {
    margin-bottom: 32px;
  }
}
.promo_section__inner {
  position: relative;
  padding: 4.55rem 0 3.825rem;
  border-radius: 1.5rem;
  overflow: hidden;
}

.promo_section__title {
  font-weight: 600;
  font-size: 2.62rem;
  line-height: 1.09524;
  margin: 0 0 1.8rem;
  letter-spacing: 0.1rem;
}

.promo_section .container {
  position: relative;
}

.promo_section__info {
  flex: 1;
  max-width: 17rem;
}

.promo_section__text__add {
  font-size: 0.75rem;
}

.promo_section__text {
  font-weight: 600;
  font-size: 0.88rem;
  line-height: 2.07143;
  margin-bottom: 1.82rem;
}

.promo_section__text li:before {
  background: #67c15e;
  content: "";
  width: 0.25rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: absolute;
  left: 0.125rem;
  top: 0.85rem;
}

.promo_section__text ul {
  list-style: none;
}

.promo_section__text li {
  padding-left: 1.15rem;
  position: relative;
}

.promo_section__btn {
  margin-bottom: 1rem;
}

.promo_section .container {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  justify-content: space-between;
  align-items: flex-start;
}

.promo_section__rates {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0.38rem;
  width: 29.25rem;
  color: #212121;
  position: absolute;
  right: 16.2rem;
  top: 4.5rem;
}

/* Hero with rates calculator — unified min-height so the absolute
   .promo_section__rates widget (12-13 purity buttons across 4 cols
   = up to 4 grid rows) never gets clipped by .promo_section__inner's
   overflow:hidden. Applies to every page that hosts the calculator
   (home, wycena, o-nas, cennik, etc.). The :has() selector keeps
   the rule self-targeting — no need to add modifier classes per
   page. Sized for the worst-case metal (Srebro = 13 purities). */
.promo_section__inner:has(.promo_section__rates) {
  min-height: 41rem;
}

/* Fallback for engines without :has() — apply to known modifiers. */
.promo_section--home .promo_section__inner,
.promo_section--wycena .promo_section__inner,
.promo_section--default .promo_section__inner {
  min-height: 41rem;
}

.promo_section__rates__title {
  font-size: 1.38rem;
  line-height: 1;
  margin-bottom: 1.075rem;
}

.calculate_x__section.active {
  display: block;
}

.calculate_x__section {
  display: none;
}

.calculate_x__item {
  background: rgba(113, 97, 45, 0.25);
  font-weight: 500;
  font-size: 0.88rem;
  line-height: 1.78571;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% / 3);
  border: 1px solid #f0f0f0;
  padding: 0.25rem 0.25rem;
}

.calculate_x__section__list {
  display: flex;
  flex-wrap: wrap;
}

.promo_section__rates__content {
  padding: 2.475rem 3.45rem 2.6rem 2.925rem;
}

.calculate_x__tabs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

.calculate_x__tabs button {
  display: flex;
  flex: 1;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 0.88rem;
  line-height: 1.78571;
  background: rgba(113, 97, 45, 0.25);
  position: relative;
  padding: 0.29rem;
  border: 1px solid #f0f0f0;
}

.calculate_x__tabs button.active {
  background: #212121;
  color: #fff;
  border-color: transparent;
  padding-left: 1.6rem;
}

.calculate_x__tabs button.active:before {
  content: "";
  position: absolute;
  left: 0.55rem;
  top: 50%;
  transform: translate(0, -50%);
  width: 0.55rem;
  aspect-ratio: 1/1;
  background: #fdd435;
  border-radius: 50%;
  border: 0.12rem solid #fff;
  pointer-events: none;
}

.calculate_x__tabs button:hover {
  background: #212121;
  color: #fff;
  border-color: transparent;
}

.calculate_x__item:hover {
  background: #fdd435;
}

.calculate_x__tabs button:first-child {
  border-radius: 0.5rem 0 0 0.5rem;
}

.calculate_x__item:nth-child(3n + 1) {
  border-radius: 0.5rem 0 0 0.5rem;
}

.calculate_x__item:nth-child(3n + 3),
.calculate_x__item:last-child {
  border-radius: 0 0.5rem 0.5rem 0;
}
.calculate_x__item:nth-child(3n + 1):last-child {
  border-radius: 0.5rem;
}

.calculate_x__item.active {
  background: #fdd435;
}

.calculate_x__tabs button:last-child {
  border-radius: 0 0.5rem 0.5rem 0;
}

.calculate_x__value {
  font-size: 1.38rem;
  line-height: 2.09091;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5093 -3.07259e-07C14.8832 -2.47206e-07 16.1609 0.705057 16.8934 1.86735L19.1946 5.51887C20.0158 6.82204 20.0158 8.481 19.1946 9.78417L16.8934 13.4357C16.1609 14.598 14.8832 15.303 13.5093 15.303L4.00029 15.303C1.79115 15.303 0.000291098 13.5122 0.000290905 11.303L0.000290267 4C0.000290074 1.79086 1.79115 -8.19476e-07 4.00029 -7.22911e-07L13.5093 -3.07259e-07Z' fill='%2367C15E'/%3E%3Ccircle cx='12.0817' cy='7.65156' r='2.01356' transform='rotate(90 12.0817 7.65156)' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 1.3125rem auto;
  padding-left: 2rem;
  margin-bottom: 0.2rem;
}

.calculate_x__list {
  margin-bottom: 3.05rem;
}

.calculate_x__value b {
  font-weight: 600;
}

.calculate_x__btn {
  max-width: 16.35rem;
  font-weight: bold;
}
.calculate_x__add_text {
  font-size: 0.75rem;
  margin-top: 1rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.6rem;
}

.calculate_x__timestamp {
  font-size: 0.7rem;
  color: #888;
  margin-top: 1rem;
  display: inline-block;
  vertical-align: middle;
}

/* contact section */

.section__contact {
  margin-bottom: 5rem;
}
.section__contact__row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}

.section__contact__block {
  background: #efefef;
  border-radius: 1.56rem;
  flex: 1;
  padding: 4.5rem 3.8rem 4.9rem;
}

.section__contact__item__value {
  font-weight: 400;
  font-size: 0.88rem;
  line-height: 1.57143;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.section__contact__item__mail {
  font-size: 1.25rem;
  line-height: 1.1;
  color: inherit;
}

.section__contact__item__phone {
  font-weight: 600;
  font-size: 1.75rem;
  text-decoration: none;
  color: inherit;
  letter-spacing: 0.035em;
}

.section__contact__item--paydata .section__contact__item__value {
  line-height: 1.4;
}

.section__contact__item--paydata a {
  color: inherit;
  text-decoration: none;
}

.section__contact__item--paydata a:hover {
  color: #fed435;
}

.section__contact__item--paydata br {
  display: none;
}

.section__contact__item--paydata .section__contact__item__value a {
  display: block;
  margin-bottom: 0.15rem;
}

.section__contact__block__title {
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 1.55rem;
}

.section__contact__item {
  padding-left: 2.85rem;
  position: relative;
  margin-bottom: 2.4rem;
}

.section__contact__item__time {
  font-size: 0.75rem;
  position: relative;
  padding-left: 1.25rem;
  margin-top: -0.1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='2' fill='%2367C15E'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0.5rem 50%;
  background-size: 0.25rem auto;
}

.section__contact__item:last-child {
  margin-bottom: 0;
}

.section__contact__item__mail:hover,
.section__contact__item__phone:hover {
  color: #fed435;
  text-decoration: none;
}

.section__contact__item:before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3202 2.68207L12.4229 6.57938L16.3202 2.68207ZM12.4229 6.57938V3.6564V6.57938ZM12.4229 6.57938H15.3458H12.4229Z' fill='%23212121'/%3E%3Cpath d='M16.3202 2.68207L12.4229 6.57938M12.4229 6.57938V3.6564M12.4229 6.57938H15.3458' stroke='%23212121' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.9375 14.1982C9.42905 17.6538 12.6756 18.166 14.417 18.1357L14.4434 18.3965C12.6458 18.4323 9.31264 17.9101 5.74707 14.3779L5.9375 14.1982ZM15.9561 18.0234C15.8523 18.093 15.7436 18.1542 15.6299 18.2051L15.6025 17.9268C15.6561 17.8996 15.7083 17.8693 15.7598 17.8369L15.9561 18.0234ZM17.3867 16.6094L16.8291 17.1973L16.6387 17.0166L17.1963 16.4297L17.3867 16.6094ZM17.7246 12.9844C18.4249 13.6932 18.6011 14.8085 18.1504 15.6807L17.9502 15.4902C18.2937 14.7523 18.1499 13.8351 17.5869 13.2227L17.7246 12.9844ZM0.918945 5.18555C1.13232 6.89809 1.99146 9.88001 5.10938 13.3291L4.91992 13.5098C1.7496 10.0048 0.873314 6.96136 0.657227 5.2002L0.918945 5.18555ZM9.10352 10.8652C10.3046 12.0343 11.1311 12.412 11.6543 12.4971C11.671 12.4998 11.688 12.4998 11.7041 12.502L11.9902 12.7734C11.8797 12.7804 11.7539 12.7779 11.6123 12.7549C11.0139 12.6576 10.1383 12.2392 8.91406 11.0459L9.10352 10.8652ZM16.7256 12.3145L16.5947 12.541L15.7734 12.0684L15.9043 11.8418L16.7256 12.3145ZM13.3486 11.5195C13.7947 11.2677 14.3182 11.1966 14.8213 11.3184L14.6846 11.5537C14.2953 11.4769 13.897 11.5325 13.5479 11.709L13.3486 11.5195ZM6.71191 7.16699C6.71511 7.20993 6.71766 7.25529 6.72461 7.30273C6.80603 7.85831 7.16633 8.73093 8.27637 9.99512L8.08691 10.1758C6.95287 8.88628 6.55747 7.96598 6.46582 7.34082C6.44232 7.18046 6.44014 7.03979 6.44922 6.91797L6.71191 7.16699ZM7.58398 3.81445C7.81533 4.43079 7.77943 5.11745 7.48633 5.6875L7.28711 5.49805C7.50448 5.02951 7.53302 4.47867 7.36133 3.97168L7.58398 3.81445ZM1.1377 3.50781C1.05077 3.65855 0.98175 3.81745 0.93457 3.9834L0.661133 3.99805C0.71895 3.7581 0.816469 3.53256 0.943359 3.32422L1.1377 3.50781ZM6.95508 2.78906L6.74121 2.94043L6.20508 2.18262L6.41895 2.03125L6.95508 2.78906ZM2.61523 1.84863L1.91211 2.58887L1.72266 2.40918L2.42578 1.66895L2.61523 1.84863ZM3.31836 0.862305C4.05667 0.443958 4.98214 0.538925 5.65918 1.09961L5.43945 1.25488C4.86999 0.815785 4.1252 0.742132 3.5166 1.0498L3.31836 0.862305Z' fill='%23212121' stroke='%23212121' stroke-width='1.2'/%3E%3C/svg%3E%0A");
  background-size: contain;
  width: 1.25rem;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-position: 50%;
}

.section__contact__item--mail::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5286 5.87163L20.0236 5.37665L20.0236 5.37664L19.5286 5.87163ZM19.5286 19.5284L19.0336 19.0334L19.0336 19.0335L19.5286 19.5284ZM1.87177 19.5284L1.37679 20.0234L1.37679 20.0234L1.87177 19.5284ZM1.87177 5.87163L1.37679 5.37665L1.37679 5.37665L1.87177 5.87163ZM8.7002 3.99999C8.3136 3.99999 8.0002 4.31339 8.0002 4.69999C8.0002 5.08659 8.3136 5.39999 8.7002 5.39999V3.99999ZM12.7002 5.39999C13.0868 5.39999 13.4002 5.08659 13.4002 4.69999C13.4002 4.31339 13.0868 3.99999 12.7002 3.99999V5.39999ZM9.70019 6.99998C9.3136 6.99998 9.00019 7.31338 9.00019 7.69998C9.00019 8.08658 9.3136 8.39998 9.70019 8.39998V6.99998ZM11.7002 8.39998C12.0868 8.39998 12.4002 8.08658 12.4002 7.69998C12.4002 7.31338 12.0868 6.99998 11.7002 6.99998V8.39998ZM6.8591 10.4991L6.41097 11.0368L6.41097 11.0368L6.8591 10.4991ZM6.13946 9.89937L5.69132 10.4371L5.69133 10.4371L6.13946 9.89937ZM5.43243 1.43224L4.93746 0.937259L4.93745 0.937266L5.43243 1.43224ZM15.968 1.43224L16.463 0.937276L16.4629 0.937239L15.968 1.43224ZM15.2609 9.89937L14.8128 9.3616L14.8128 9.36162L15.2609 9.89937ZM14.5413 10.4991L14.9894 11.0368L14.9894 11.0368L14.5413 10.4991ZM5.14832 8.16222C4.85133 7.91472 4.40994 7.95485 4.16244 8.25184C3.91495 8.54884 3.95507 8.99023 4.25206 9.23773L5.14832 8.16222ZM17.1483 9.23773C17.4453 8.99023 17.4854 8.54884 17.2379 8.25184C16.9905 7.95485 16.5491 7.91472 16.2521 8.16222L17.1483 9.23773ZM16.6317 5.49819C17.8704 5.62003 18.55 5.88304 19.0336 6.36661L20.0236 5.37664C19.2008 4.55386 18.1302 4.23883 16.7687 4.10491L16.6317 5.49819ZM19.0336 6.36661C19.4677 6.80066 19.724 7.3926 19.86 8.40423C19.9987 9.43599 20.0002 10.7946 20.0002 12.7001H21.4002C21.4002 10.8342 21.4017 9.36441 21.2475 8.21767C21.0906 7.0508 20.7611 6.11417 20.0236 5.37665L19.0336 6.36661ZM20.0002 12.7001C20.0002 14.6054 19.9987 15.964 19.86 16.9958C19.724 18.0074 19.4677 18.5994 19.0336 19.0334L20.0236 20.0234C20.7611 19.2859 21.0906 18.3492 21.2475 17.1824C21.4017 16.0356 21.4002 14.5659 21.4002 12.7001H20.0002ZM19.0336 19.0335C18.5996 19.4675 18.0077 19.7238 16.996 19.8598C15.9642 19.9985 14.6056 20 12.7002 20V21.4C14.566 21.4 16.0358 21.4015 17.1826 21.2473C18.3494 21.0904 19.2861 20.7609 20.0236 20.0234L19.0336 19.0335ZM12.7002 20H8.7002V21.4H12.7002V20ZM8.7002 20C6.79479 20 5.43615 19.9985 4.40438 19.8598C3.39275 19.7238 2.8008 19.4675 2.36674 19.0334L1.37679 20.0234C2.11431 20.7609 3.05095 21.0904 4.21783 21.2473C5.36457 21.4015 6.83436 21.4 8.7002 21.4V20ZM2.36675 19.0335C1.93269 18.5994 1.67641 18.0074 1.5404 16.9958C1.40168 15.964 1.4002 14.6054 1.4002 12.7001H0.000195324C0.000195324 14.5659 -0.00129128 16.0356 0.152884 17.1824C0.309766 18.3492 0.639268 19.2859 1.37679 20.0234L2.36675 19.0335ZM1.4002 12.7001C1.4002 10.7946 1.40168 9.43599 1.5404 8.40422C1.67641 7.3926 1.93269 6.80065 2.36674 6.3666L1.37679 5.37665C0.639269 6.11418 0.309766 7.0508 0.152884 8.21768C-0.00129128 9.36441 0.000195324 10.8342 0.000195324 12.7001H1.4002ZM2.36674 6.3666C2.8503 5.88304 3.52997 5.62003 4.76872 5.49819L4.63167 4.10491C3.2702 4.23883 2.19959 4.55386 1.37679 5.37665L2.36674 6.3666ZM8.7002 5.39999H12.7002V3.99999H8.7002V5.39999ZM9.70019 8.39998H11.7002V6.99998H9.70019V8.39998ZM7.30722 9.96131L6.58758 9.36161L5.69133 10.4371L6.41097 11.0368L7.30722 9.96131ZM6.58759 9.36162C5.82963 8.72997 5.6302 8.54365 5.52293 8.31462L4.2551 8.90844C4.52547 9.4857 5.0338 9.88917 5.69132 10.4371L6.58759 9.36162ZM5.52293 8.31462C5.41566 8.08561 5.40019 7.81312 5.40019 6.82648H4.00019C4.00019 7.6824 3.98473 8.33119 4.2551 8.90844L5.52293 8.31462ZM5.40019 6.82648V5.69999H4.00019V6.82648H5.40019ZM5.40019 5.69999C5.40019 4.50169 5.40168 3.67339 5.48548 3.0501C5.56657 2.44694 5.71302 2.14159 5.9274 1.92721L4.93745 0.937266C4.4196 1.45512 4.19993 2.10515 4.09797 2.86355C3.99871 3.60182 4.00019 4.54127 4.00019 5.69999H5.40019ZM5.9274 1.92722C6.14178 1.71284 6.44713 1.56639 7.05029 1.4853C7.67359 1.4015 8.5019 1.40001 9.70019 1.40001V1.2219e-05C8.54147 1.2219e-05 7.60201 -0.00147438 6.86375 0.0977824C6.10534 0.199746 5.45531 0.419411 4.93746 0.937259L5.9274 1.92722ZM9.70019 1.40001H11.7002V1.2219e-05H9.70019V1.40001ZM11.7002 1.40001C12.8985 1.40001 13.7268 1.4015 14.3501 1.4853C14.9532 1.56639 15.2586 1.71284 15.473 1.92724L16.4629 0.937239C15.9451 0.419411 15.295 0.199747 14.5366 0.0977824C13.7984 -0.00147438 12.8589 1.2219e-05 11.7002 1.2219e-05V1.40001ZM15.473 1.9272C15.6874 2.14158 15.8338 2.44693 15.9149 3.05009C15.9987 3.67339 16.0002 4.5017 16.0002 5.69999H17.4002C17.4002 4.54127 17.4017 3.60182 17.3024 2.86355C17.2005 2.10515 16.9808 1.45513 16.463 0.937276L15.473 1.9272ZM16.0002 5.69999V6.82648H17.4002V5.69999H16.0002ZM16.0002 6.82648C16.0002 7.81311 15.9847 8.08562 15.8775 8.31465L17.1453 8.90842C17.4157 8.33117 17.4002 7.6824 17.4002 6.82648H16.0002ZM15.8775 8.31465C15.7702 8.54364 15.5708 8.72995 14.8128 9.3616L15.709 10.4371C16.3666 9.88919 16.875 9.48571 17.1453 8.90842L15.8775 8.31465ZM14.8128 9.36162L14.0932 9.96132L14.9894 11.0368L15.709 10.4371L14.8128 9.36162ZM14.0932 9.96131C13.1612 10.7379 12.5107 11.2784 11.9607 11.6321C11.4269 11.9754 11.0584 12.0949 10.7002 12.0949V13.4949C11.4281 13.4949 12.0618 13.2316 12.718 12.8096C13.3578 12.3981 14.0848 11.7907 14.9894 11.0368L14.0932 9.96131ZM10.7002 12.0949C10.342 12.0949 9.9735 11.9754 9.43975 11.6321C8.88968 11.2784 8.2392 10.7379 7.30722 9.9613L6.41097 11.0368C7.31562 11.7907 8.04264 12.3981 8.68244 12.8096C9.33856 13.2316 9.97233 13.4949 10.7002 13.4949V12.0949ZM4.25206 9.23773L6.41097 11.0368L7.30723 9.96131L5.14832 8.16222L4.25206 9.23773ZM14.9894 11.0368L17.1483 9.23773L16.2521 8.16222L14.0932 9.96131L14.9894 11.0368Z' fill='%23212121' /%3E%3C/svg%3E");
  width: 1.35rem;
  top: 0.1rem;
}

.section__contact__item--adress::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6607 14.2C20.3261 14.8025 20.7002 15.4816 20.7002 16.2C20.7002 18.6853 16.223 20.7 10.7002 20.7C5.17734 20.7 0.700195 18.6853 0.700195 16.2C0.700195 15.4816 1.07432 14.8025 1.73967 14.2M3.7002 7.21459C3.7002 3.61665 6.8342 0.699951 10.7002 0.699951C14.5662 0.699951 17.7002 3.61665 17.7002 7.21459C17.7002 10.7844 15.466 14.9498 11.9803 16.4395C11.1677 16.7867 10.2327 16.7867 9.4201 16.4395C5.93436 14.9498 3.7002 10.7844 3.7002 7.21459ZM12.7002 7.69995C12.7002 8.80455 11.8048 9.69995 10.7002 9.69995C9.5956 9.69995 8.7002 8.80455 8.7002 7.69995C8.7002 6.59538 9.5956 5.69995 10.7002 5.69995C11.8048 5.69995 12.7002 6.59538 12.7002 7.69995Z' stroke='%23212121' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  width: 1.35rem;
  top: 0.25rem;
}

.section__contact__item--noimage::before {
  display: none;
}

.btn_contact__section__block {
  width: 100%;
  max-width: 100%;
}
.promo_section__bg:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #222;
  opacity: 0.6;
}
@media screen and (max-width: 1024px) {
  .section__contact__row {
    flex-direction: column;
    gap: 12px;
  }
}
@media screen and (max-width: 1400px) {
  .promo_section__inner {
    padding: 4.55rem 20px 3.825rem;
  }

  .promo_section__rates {
    right: 7.5rem;
  }
}

@media screen and (max-width: 1024px) {
  .promo_section__info {
    padding: 0;
    max-width: 350px;
    width: calc(100% - 360px);
    flex: none;
  }

  .promo_section .container {
    padding: 0 40px;
  }

  .promo_section__rates {
    width: 375px;
  }

  .promo_section__inner {
    padding: 65px 0;
    border-radius: 6px;
  }
  .promo_section__rates {
    right: 30px;
  }
}

@media screen and (max-width: 750px) {
  .promo_section__title {
    line-height: 1.15;
    font-size: 32px;
    margin-bottom: 26px;
    font-weight: 600;
    letter-spacing: 1px;
    max-width: 300px;
  }

  .promo_section__title br {
    display: none;
  }
  .promo_section__inner {
    padding: 50px 0;
  }
  .promo_section__info {
    max-width: 500px;
    margin: 0 auto 0;
    width: auto;
    width: 100%;
  }

  .promo_section .container {
    flex-direction: column;
    gap: 0;
    padding: 0 20px;
  }

  .promo_section--home .promo_section__bg {
    max-height: 600px;
  }

  .promo_section__btn {
    max-width: 257px;
    margin-bottom: 18px;
  }

  .promo_section__text__add {
    font-size: 12px;
  }

  .promo_section__rates__title {
    font-size: 22px;
    margin-bottom: 18px;
  }

  .calculate_x__btn {
    max-width: 100%;
  }

  .calculate_x__list {
    margin-bottom: 35px;
  }

  .calculate_x__add_text {
    font-size: 12px;
  }
  .promo_section__text {
    margin-bottom: 29px;
    font-size: 13.5px;
  }

  .promo_section__rates {
    backdrop-filter: blur(20px);
    background: #f5f5f5;
    position: static;
    margin: 20px 0 0;
    width: auto;
  }

  .promo_section__rates__content {
    padding: 32px;
  }
}

@media screen and (max-width: 550px) {
  .section__contact__block {
    padding: 32px 24px;
    border-radius: 12px;
  }

  .section__contact__item__phone {
    font-size: 22px;
  }

  .section__contact__item {
    margin-bottom: 20px;
  }

  .section__contact__block__title {
    margin-bottom: 16px;
  }
}

/* blog post cards */

.post_list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}

.post_card {
  width: calc((100% - 1.875rem * 2) / 3);
  border: 2px solid #e8e8e8;
  border-radius: 0.38rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.post_card__image {
  font-size: 0;
  aspect-ratio: 16/9.45;
  overflow: hidden;
  display: block;
  max-height: 250px;
  width: 100%;
}

.post_card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.25s ease;
}

.post_card__image:hover img {
  transform: scale(1.015);
}
.post_card__content {
  padding: 2.75rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.post_card__title {
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 0.85rem;
}

.post_card__title a {
  color: inherit;
  text-decoration: none;
}

.post_card__title a:hover {
  color: #fed435;
}

.post_card__date {
  font-size: 0.88rem;
  line-height: 1.78571;
  margin-bottom: 1.5rem;
  margin-top: auto;
}

.post_card__more {
  max-width: 100%;
}

@media screen and (max-width: 1024px) {
  .post_card {
    width: calc((100% - 1.875rem) / 2);
  }
}

@media screen and (max-width: 750px) {
  .post_card__content {
    padding: 20px;
  }

  .post_card__title {
    font-size: 16px;
    line-height: 1.25;
  }

  .post_card__more {
    font-size: 13px;
    padding: 15px;
  }
}
@media screen and (max-width: 550px) {
  .post_card {
    width: 100%;
  }
  .post_list {
    gap: 16px;
  }
}

.post_card--small .post_card__content {
  padding: 1.8rem 2.7rem 1.2rem;
}

.post_card__date:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 750px) {
  .post_card--small {
    max-width: calc(50% - 6px);
  }

  .post_card--small .post_card__content {
    padding: 20px;
  }
}

@media screen and (max-width: 550px) {
  .post_card--small {
    max-width: 100%;
  }
}
/* map */

.section__map {
  margin-bottom: 5rem;
}
@media screen and (max-width: 750px) {
  .section__map {
    margin-bottom: 0;
  }
}

.home__map__section {
  margin-bottom: 5rem;
}

.home__map__section iframe {
  display: block;
  width: 100%;
  height: 28rem;
  border: 0;
  border-radius: 1.5rem;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  .home__map__section {
    margin-bottom: 2rem;
  }
  .home__map__section iframe {
    height: 18rem;
  }
}

.map__content {
  border-radius: 1.5rem;
  overflow: hidden;
  height: 37.5rem;
}

.map__content img,
.map__content iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* dark section */
.section__full--dark {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1024px) {
  .section__full--dark {
    padding: 0;
    margin-bottom: 44px;
  }
}
.dark_section {
  background: #212121;
  border-radius: 1.56rem;
  overflow: hidden;
  padding: 3.2rem 0 10.6rem;
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='911' height='162' viewBox='0 0 911 162' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 159.795C5.6 159.795 199.333 115.462 295.5 93.2949L363.5 159.795L493 49.7949L532.25 104.795M571.5 159.795L647.5 59.2949M571.5 159.795L532.25 104.795M571.5 159.795H834.5L647.5 59.2949M647.5 59.2949L532.25 104.795M757.5 116.795L909.5 0.794922' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-position: 100% calc(100% + 0.15rem);
  background-repeat: no-repeat;
  background-size: 56.5rem auto;
}

.dark_section__text {
  padding: 0 2.45rem;
  max-width: 70rem;
}

.dark_section__logo {
  margin-left: -11.25rem;
  font-size: 0;
  max-width: 7rem;
  margin-bottom: 1.4rem;
}

.dark_section__logo img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1024px) {
  .dark_section__text {
    padding: 0;
  }

  .dark_section__logo {
    margin-left: 0;
    margin-bottom: 30px;
  }

  .dark_section {
    border-radius: 0;
    background-size: 100vw;
    padding-bottom: 27.5vw;
  }
}

/* services */
.p_text__section {
  margin-bottom: 5rem;
}
@media screen and (max-width: 750px) {
  .p_text__section {
    margin-bottom: 32px;
  }
}

.our_services__card {
  background: #fdd435;
  border-radius: 0.38rem;
  width: calc((100% - 1.875rem * 3) / 4);
  display: flex;
  aspect-ratio: 1/0.94;
  position: relative;
  overflow: hidden;
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.35;
  color: inherit;
  text-decoration: none;
  padding: 2.5rem;
}

.our_services__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}

.our_services__card__image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.our_services__card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.our_services__card:hover {
  color: #fff;
  background: #000;
}

.our_services {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1024px) {
  .our_services__card {
    width: calc((100% - 1.875rem * 2) / 3);
  }
}
@media screen and (max-width: 750px) {
  .our_services__card {
    width: calc((100% - 8px) / 2);
  }
  .our_services__list {
    gap: 8px;
  }
  .our_services {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 550px) {
  .our_services__card {
    padding: 13px;
    font-size: 14px;
  }
}

.section__form_y__content {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}

.section__form_y__image {
  flex: 1;
  border-radius: 1.56rem;
  font-size: 0;
  overflow: hidden;
  font-size: 0;
}

.section__form_y__form {
  border-radius: 1.56rem;
  background: #212121;
  color: #fff;
  width: 35.62rem;
  text-align: center;
  padding: 5.75rem 4.55rem;
}

.section__form_y__image img {
  width: 100%;
  height: 100%;
}

.section__form_y {
  margin-bottom: 5rem;
}

.section__form_y__form__title {
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.section__form_y__form__text {
  font-size: 0.88rem;
  margin-bottom: 2.1rem;
}

.btn_section__form_y:hover {
  background: #fff;
  color: #000;
}

@media screen and (max-width: 1024px) {
  .section__form_y__form {
    width: auto;
    flex: 1;
    padding: 50px 40px;
  }

  .section__form_y__content {
    gap: 16px;
  }

  .section__form_y {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 750px) {
  .section__form_y__content {
    flex-direction: column;
  }

  .section__form_y__image {
    aspect-ratio: 16/9;
  }

  .section__form_y__form form {
    max-width: 400px;
    margin: 0 auto;
    text-align: left;
  }

  .section__form_y__form {
    padding: 32px;
  }

  .section__form_y__form__title {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .section__form_y__form__text {
    font-size: 13px;
  }
}

/* faq */

.section_faq {
  margin-bottom: 4.75rem;
}

.faq__card__top {
  cursor: pointer;
}

.faq__card__title {
  font-weight: 600;
  font-size: 1.12rem;
  line-height: 1.33333;
  position: relative;
}

.faq__card__btn {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5085 22.2443V0H11.7358V22.2443H10.5085ZM0 11.7358V10.5085H22.2443V11.7358H0Z' fill='%23212121'/%3E%3C/svg%3E%0A");
  width: 2.5625rem;
  aspect-ratio: 1/1;
  position: absolute;
  right: 2.25rem;
  top: 2.25rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 60%;
  border-radius: 50%;
  background-color: #fff;
  z-index: 2;
  cursor: pointer;
  transition: 0.25s ease-in-out;
}

.faq__card {
  border-radius: 0.38rem;
  background: #efefef;
  border: 2px solid #efefef;
  position: relative;
  padding: 2.85rem 6rem;
  transition: 0.25s ease-in-out;
}

.faq__card.active .faq__card__btn {
  background-color: #fdd435;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='2' viewBox='0 0 23 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5085 1.22727V0.000444412L11.7358 0V1.22727H10.5085ZM0 1.22727V0H22.2443V1.22727H0Z' fill='%23212121'/%3E%3C/svg%3E%0A");
}

.faq__card__title:before {
  background: #fdd435;
  content: "";
  position: absolute;
  left: -2.6rem;
  width: 0.5rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  top: 0.5rem;
}

.faq__list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.faq__card.active {
  background: transparent;
}

.faq__card__content {
  font-size: 0.88rem;
  line-height: 1.5;
  padding: 1.5rem 0 0;
  display: none;
  max-width: 55rem;
  margin-bottom: -0.55rem;
}

.faq__card.active .faq__card__content {
  display: block;
}

.faq__card:hover {
  background: transparent;
}

.faq__card:hover .faq__card__btn {
  background-color: #fed435;
}

@media screen and (max-width: 1024px) {
  .faq__card {
    padding: 16px 60px 16px 36px;
    border-width: 1px;
  }

  .faq__card__title:before {
    left: -20px;
    width: 6.5px;
    top: 7.5px;
  }

  .faq__card__title {
    font-size: 16px;
  }

  .faq__card__btn {
    width: 32px;
    top: 12px;
    right: 12px;
    background-size: 50%;
    background-position: 55% 50%;
  }

  .faq__card__content {
    font-size: 12px;
    padding: 16px 0 0;
    margin-right: -30px;
    margin-bottom: 0;
    padding-bottom: 7.5px;
  }

  .faq__list {
    gap: 10px;
  }
  .section_faq {
    margin-bottom: 32px;
  }
}

/* section form y */

.form_section_1 {
  margin-bottom: 5rem;
}
.form_section_1--dark .form_section_1__row {
  background-color: #212121;
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='911' height='162' viewBox='0 0 911 162' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M910.107 159.795C904.507 159.795 710.774 115.462 614.607 93.2949L546.607 159.795L417.107 49.7949L377.857 104.795M338.607 159.795L262.607 59.2949M338.607 159.795L377.857 104.795M338.607 159.795H75.6074L262.607 59.2949M262.607 59.2949L377.857 104.795M152.607 116.795L0.607422 0.794922' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.form_section_1__info__text--1 {
  font-weight: 900;
  font-size: 2rem;
  line-height: 1.21875;
}
.form_section_1__form {
  width: 28rem;
}

.form_section_1__row {
  background: #efefef;
  border-radius: 1.56rem;
  display: flex;
  gap: 2rem;
  padding: 4.55rem 2.8rem 9.6rem;
  background-image: url("data:image/svg+xml,%3Csvg width='911' height='162' viewBox='0 0 911 162' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M910.107 159.795C904.507 159.795 710.774 115.462 614.607 93.2949L546.607 159.795L417.107 49.7949L377.857 104.795M338.607 159.795L262.607 59.2949M338.607 159.795L377.857 104.795M338.607 159.795H75.6074L262.607 59.2949M262.607 59.2949L377.857 104.795M152.607 116.795L0.607422 0.794922' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 78%;
}

.form_section_1__info__title {
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.55;
  max-width: 27rem;
  margin-bottom: 1.05rem;
}

.form_section_1__info__text {
  line-height: 1.9375;
  max-width: 20rem;
}

.form_section_1__info {
  flex: 1;
  padding-left: 4.2rem;
}

.section_text_two_column__image img {
  width: 100%;
}

/* form 1 */
@media screen and (max-width: 1024px) {
  .form_section_1__row {
    flex-direction: column;
    padding: 44px;
  }

  .form_section_1__info {
    padding: 0;
    margin: 0 auto;
    max-width: 450px;
    width: 100%;
  }

  .form_section_1__info__title {
    max-width: 490px;
  }

  .form_section_1__info__text {
    max-width: 500px;
  }

  .form_section_1__form {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }

  .form_section_1 {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 550px) {
  .form_section_1__info__title {
    font-size: 15.5px;
    line-height: 1.4;
    margin-bottom: 20px;
  }

  .form_section_1__row {
    padding: 26px 20px;
    border-radius: 12px;
  }

  .form_section_1__info__text {
    font-size: 13.5px;
    line-height: 1.55;
  }
  .form_section_1__info__text--1 {
    font-size: 18px;
    line-height: 1.35;
  }
}

.promo_section--text .promo_section__info {
  max-width: 40rem;
}

.promo_section--text .promo_section__inner {
  padding: 9.5rem 0 6.65rem;
}
.promo_section--directions .promo_section__inner {
  padding: 4.55rem 0 5.5rem;
}

.promo_section--directions .promo_section__info {
  max-width: 30.5rem;
}

.promo_section--directions .promo_section__text {
  line-height: 1.7;
}

.promo_section--directions .promo_section__btn {
  max-width: 16.2rem;
}
.promo_section--text {
  margin-bottom: 5.15rem;
}
.promo_section--shop .promo_section__inner {
  padding: 6.2rem 0 5.25rem;
}

.promo_section--shop .promo_section__btn {
  display: inline-flex;
  width: auto;
  min-width: 13.75rem;
}

.promo_section--shop .promo_section__text {
  line-height: 1.75;
}

.promo_section--form .promo_section__inner {
  padding: 10.75rem 0 9.9rem;
}

.promo_section--form .promo_section__info {
  max-width: 27rem;
}

.promo__form {
  position: absolute;
  right: 16.35rem;
  top: 3.75rem;
  border-radius: 1.56rem;
  width: 35.62rem;
  background: rgba(33, 33, 33, 0.8);
  text-align: center;
  padding: 3.5rem 3rem;
}

.promo__form__title {
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.promo__form__text {
  font-weight: 500;
  font-size: 0.88rem;
  line-height: 1.5;
  max-width: 26rem;
  margin: 0 auto 1.5rem;
}

.promo__form_x {
  max-width: 24.75rem;
  margin: 0 auto;
}

.field_row--add_text {
  font-size: 0.75rem;
  padding-top: 0.75rem;
  line-height: 1.5;
  opacity: 0.5;
}

.promo__form:before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  top: 53.25%;
  transform: translate(-100%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='23' viewBox='0 0 21 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.75 0.541901C17.4167 -0.9977 20.75 0.926566 20.75 4.00577V18.7284C20.7498 21.8075 17.4166 23.7318 14.75 22.1923L2 14.831C-0.666647 13.2914 -0.666608 9.44285 2 7.90323L14.75 0.541901Z' fill='%23212121' fill-opacity='0.8' /%3E%3C/svg%3E");
  width: 0.75rem;
  height: 1.25rem;
  background-position: 0 0;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1400px) {
  .promo__form {
    right: 5rem;
  }
}
@media screen and (max-width: 1024px) {
  .promo__form {
    position: relative;
    width: 100%;
    margin-top: 12px;
    border-radius: 12px;
    left: auto;
    top: auto;
    right: auto;
    background: #212121;
    padding: 32px;
  }

  .promo__form:before {
    background-position: 0 50%;
    top: 5px;
    left: 50%;
    transform: rotate(90deg) translate(-100%, 50%);
    height: 19px;
    width: 15px;
  }
}

@media screen and (max-width: 550px) {
  .field_row--add_text {
    font-size: 10px;
    padding: 10px 0 0;
  }

  .promo__form__title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
  }

  .promo__form__text {
    font-size: 11.5px;
    opacity: 0.75;
    font-weight: 400;
  }
}
@media screen and (max-width: 1024px) {
  .promo_section--text .promo_section__inner {
    padding: 65px 0;
  }

  .promo_section--text .promo_section__text {
    margin: 0 0 20px;
    line-height: 1.5;
    max-width: 440px;
  }

  .promo_section--text {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 750px) {
  .promo_section--text .promo_section__inner {
    padding: 50px 0;
  }
}

/* shop */
.shop_section__sklep__top {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}

.shop_section__sklep__top__image {
  width: 23.25rem;
}

.shop_section__sklep__top__image img {
  width: 100%;
  height: auto;
  border-radius: 1rem;
}

.shop_section__sklep__top__info {
  flex: 1;
  padding-top: 0.76rem;
}

.shop_section__sklep__top__info > p {
  margin-bottom: 1rem;
}

.shop_section__categories__item {
  border-radius: 0.38rem;
  background: #efefef;
  width: calc((100% - 1.875rem * 3) / 4);
  padding: 2.5rem 2.5rem 1.5rem;
  aspect-ratio: 1/0.9425;
  position: relative;
  display: flex;
  align-items: flex-end;
}

.shop_section__categories__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}

.shop_section__sklep {
  margin-bottom: 6.25rem;
}

.shop_section--shop_cat {
  margin-bottom: 3rem;
}
.shop_section__categories__item__image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shop_section__categories__item__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.shop_section__categories__item__image img[src*="platyna-moneta"],
.shop_section__categories__item__image img[src*="Popularne_monety"] {
  width: auto;
  height: auto;
  max-width: 65%;
  max-height: 65%;
}

.btn_shop_section__categories {
  text-align: center;
  padding: 0 1rem;
  align-items: center;
  height: 3.2rem;
  z-index: 2;
}
.shop_section__categories {
  margin-bottom: 5.25rem;
}
@media screen and (max-width: 1024px) {
  .shop_section__categories__item {
    width: calc((100% - 1.875rem * 2) / 3);
  }
}
@media screen and (max-width: 750px) {
  .shop_section__categories__item {
    width: calc((100% - 8px) / 2);
  }

  .shop_section__sklep__top {
    flex-direction: column;
  }

  .shop_section__sklep__top__image {
    width: 100%;
    max-width: 350px;
  }

  .shop_section__categories__list {
    gap: 8px;
  }

  .shop_section__sklep {
    margin-bottom: 32px;
  }

  .shop_section__categories {
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 550px) {
  .shop_section__categories__item {
    aspect-ratio: 1/1.15;
    padding: 16px;
  }

  .btn_shop_section__categories {
    height: 44px;
    font-size: 10.5px;
    padding: 0;
    line-height: 1.25;
  }
}

.auction__card {
  border: 2px solid #e8e8e8;
  border-radius: 0.38rem;
  width: calc((100% - 1.875rem * 2) / 3);
  padding: 1.55rem 1rem 2.1rem;
}

.auction_section__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}

.auction__card__title {
  font-weight: 700;
  font-size: 1.12rem;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 1rem;
}

.auction__card__image {
  aspect-ratio: 1/0.7;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.8rem;
}

.auction__card__image img {
  width: 72.5%;
  height: 100%;
  object-fit: contain;
}

.auction__card__info {
  text-align: center;
  font-size: 0.88rem;
  line-height: 1.78571;
}

.--avalible {
  color: #67c15e;
}

.--price {
  font-weight: 600;
  font-size: 1.38rem;
  margin: 0.2rem 0 0;
  padding-left: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5088 -3.07259e-07C14.8827 -2.47206e-07 16.1604 0.705057 16.8929 1.86735L19.1941 5.51887C20.0153 6.82204 20.0153 8.481 19.1941 9.78417L16.8929 13.4357C16.1604 14.598 14.8827 15.303 13.5088 15.303L3.9998 15.303C1.79067 15.303 -0.000197183 13.5122 -0.000197376 11.303L-0.000198015 4C-0.000198208 1.79086 1.79066 -8.19476e-07 3.9998 -7.22911e-07L13.5088 -3.07259e-07Z' fill='%2367C15E'/%3E%3Ccircle cx='12.0812' cy='7.6515' r='2.01356' transform='rotate(90 12.0812 7.6515)' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 50%;
  display: inline-block;
  background-size: 1.35rem auto;
}

.auction__card__weight {
  margin-bottom: 0.9rem;
}

.btn_auction__card {
  display: inline-flex;
  max-width: 11.85rem;
  padding: 0.9rem;
}

.auction_section {
  margin-bottom: 5rem;
}

@media screen and (max-width: 750px) {
  .auction__card {
    width: calc((100% - 8px) / 2);
  }
  .auction_section__list {
    gap: 8px;
  }

  .auction_section {
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 550px) {
  .auction__card__title {
    font-size: 14px;
  }

  .auction__card {
    padding: 16px 6px 6px;
    border-width: 1px;
  }

  .auction__card__image {
    aspect-ratio: 1/0.625;
  }

  .auction__card__price {
    font-size: 15px;
    margin: 5px 0;
  }

  .--price {
    background-size: 19px;
    padding-left: 24px;
  }

  .auction__card__info {
    font-size: 12px;
    line-height: 1.45;
  }

  .btn_auction__card {
    font-size: 12px;
    padding: 10px;
  }
}

.why_we__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}

.why_we__item {
  background: #212121;
  color: #fff;
  width: calc((100% - 1.875rem) / 2);
  display: flex;
  padding: 3.5rem 3.5rem 2.45rem;
  border-radius: 0.45rem;
  gap: 2.65rem;
  align-items: flex-start;
  border: 1px solid transparent;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.why_we__item:hover {
  transform: translateY(-4px);
  border-color: #fed435;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
}

.why_we__item:hover .why_we__item__image {
  border-color: #fed435;
}

.why_we__item__info {
  font-weight: 500;
  font-size: 0.88rem;
  line-height: 1.5;
  flex: 1;
}

.why_we__item__title {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: 0.025em;
  margin-bottom: 1.3rem;
}

.why_we__item__image {
  border: 1px solid #3f3f3f;
  border-radius: 0.38rem;
  width: 5.94rem;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  transition: border-color 0.25s ease;
}

.why_we__item__image img {
  width: 44%;
  height: auto;
}

.why_we_section {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1024px) {
  .why_we__item {
    width: 100%;
  }

  .why_we__item__text {
    max-width: 400px;
  }
}

@media screen and (max-width: 750px) {
  .why_we__list {
    gap: 8px;
  }
  .why_we__item {
    padding: 24px;
  }
  .why_we_section {
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 550px) {
  .why_we__item {
    flex-direction: column;
    gap: 16px;
  }

  .why_we__item__image {
    width: 64px;
  }

  .why_we__item__title {
    font-size: 16px;
    margin-bottom: 14px;
  }

  .why_we__item__text {
    font-size: 12px;
  }
}

.table_x {
  font-size: 0.88rem;
  line-height: 1.55;
  width: 100%;
  border-collapse: collapse;
}

.table_x tr:nth-child(2n) {
  background: #f6f6f6;
}

.table_x tr {
  border: 0.095rem solid #eee;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  transition: 0.25s ease;
}

.table_x td,
.table_x th {
  padding: 1.16rem 2.9rem;
  text-align: left;
  flex: 1;
}

.table_x {
  display: flex;
  flex-direction: column;
}

.table_x thead,
.table_x tbody {
  display: flex;
  flex-direction: column;
}

.table_x th {
  padding: 1.1rem 2.9rem;
  font-weight: 900;
  background: #f6f6f6;
}

.section_table_x {
  margin-bottom: 5.5rem;
}

.table_x tr:nth-child(2n + 1) {
  border-color: transparent;
}

.table_x tr:has(th):nth-child(2n + 1) {
  border-color: #e0e0e0;
}

.--green {
  color: #67c15e;
  font-weight: 600;
}

.table_x--directions td:nth-child(2),
.table_x--directions th:nth-child(2) {
  flex: 0.395;
}

@media screen and (max-width: 750px) {
  .table_x td,
  .table_x th {
    padding: 15px 17.5px;
  }

  .section_table_x {
    margin-bottom: 44px;
  }

  .table_x {
    font-size: 12px;
    line-height: 1.35;
  }

  .table_x--directions td:nth-child(2),
  .table_x--directions th:nth-child(2) {
    flex: 0.5;
  }
}

/* shop */

.shop_section__x .container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: flex-start;
}

.shop_section__x {
  margin-bottom: 5rem;
}

@media screen and (max-width: 750px) {
  .shop_section__x {
    margin-bottom: 32px;
  }
}

/* promo categories */

.promo_categories__card {
  border-radius: 0.5rem;
  overflow: hidden;
  display: block;
  font-size: 0;
  max-width: 23.1rem;
  aspect-ratio: 16/6.45;
}

.promo_categories__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.25s ease-in-out;
}

.promo_categories__card__slide {
  max-width: calc(23.1rem + 1.9rem);
  box-sizing: border-box;
  height: auto;
}

.promo_categories__card:hover img {
  transform: scale(1.025);
}

.promo_categories__list {
  box-sizing: border-box;
  width: 100%;
  height: auto;
}

.promo_categories .swiper-wrapper {
  height: auto;
}

.promo_categories__list--pagination {
  display: none;
}
.promo_categories {
  margin-bottom: 3rem;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .promo_categories__card__slide {
    max-width: 330px;
    padding-right: 10px;
  }

  .promo_categories__card {
    max-width: none;
  }

  .promo_categories {
    margin-bottom: 32px;
  }
}

/* table section */
.home_table_section__top__add_text {
  font-size: 0.88rem;
  margin-top: -2rem;
}

.home_table_container {
  position: relative;
}

.home_table_nav {
  position: sticky;
  top: 0;
  display: flex;
  align-items: flex-start;
  gap: 0.3125rem;
  flex-wrap: wrap;
  margin-bottom: 2.05rem;
  z-index: 5;
  background: #fff;
  padding-top: 0.5rem;
}

.home_table_nav__item {
  font-weight: 500;
  font-size: 0.88rem;
  line-height: 1.34523;
  border: 1px solid #eee;
  border-radius: 0.38rem;
  background: #fbfbfb;
  color: inherit;
  text-decoration: none;
  padding: 0.54rem 1.175rem;
  display: inline-flex;
  white-space: nowrap;
  min-width: 10.45rem;
  justify-content: center;
  align-items: center;
}

.home_table_section__top {
  margin-bottom: 0.95rem;
}
.home_table_section {
  margin-bottom: 5rem;
}
@media screen and (max-width: 750px) {
  .home_table_section {
    margin-bottom: 32px;
  }
}

.home_table_nav__item.active {
  background: #000;
  color: #fff;
}

.home_table_nav__item:hover {
  background: #000;
  color: #fff;
}

/* SEO-safe tab hiding: all 7 sections stay in DOM (Googlebot indexes
   everything), only the active one is visible. Applies on every viewport. */
.table_y_section {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  margin: 0;
  transition: opacity .25s ease;
}

.table_y_section.active,
.table_y_section.is-standalone {
  height: auto;
  overflow: visible;
  visibility: visible;
  opacity: 1;
}

.home_catalog_section {
  padding: 3rem 0;
}

.table_y_section__top {
  border: 1px solid #eee;
  border-radius: 0.5rem;
  background: #fbfbfb;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.625rem;
}

.table_y_section__title__value {
  font-weight: 600;
  font-size: 1.75rem;
  letter-spacing: 0.025em;
  margin-right: 0.95rem;
  display: inline;
}

.table_y_section__addtext {
  font-size: 0.88rem;
  padding-left: 2.05rem;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5088 -3.07259e-07C14.8827 -2.47206e-07 16.1604 0.705057 16.8929 1.86735L19.1941 5.51887C20.0153 6.82204 20.0153 8.481 19.1941 9.78417L16.8929 13.4357C16.1604 14.598 14.8827 15.303 13.5088 15.303L3.9998 15.303C1.79067 15.303 -0.000197183 13.5122 -0.000197376 11.303L-0.000198015 4C-0.000198208 1.79086 1.79066 -8.19476e-07 3.9998 -7.22911e-07L13.5088 -3.07259e-07Z' fill='%2367C15E'/%3E%3Ccircle cx='12.0812' cy='7.65162' r='2.01356' transform='rotate(90 12.0812 7.65162)' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 1.35rem auto;
  padding-bottom: 0.25rem;
}

.table_y_section__title {
  display: b;
  align-items: flex-start;
  margin-bottom: 0.55rem;
  flex-wrap: wrap;
}

.table_y_section__info {
  padding: 3.45rem 2.8rem 3.75rem;
  padding-right: 20.25rem;
}

.table_y_section__image {
  border: 1px solid #eee;
  border-radius: 0 0.5rem 0.5rem 0;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  width: 20.31rem;
  aspect-ratio: 1.8053333333/1;
  bottom: 0;
}

.table_y_section__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.table_y_section__time {
  border-radius: 0.38rem;
  padding: 0.4rem 1.2rem;
  background: #ebebeb;
  font-weight: 600;
  font-size: 0.69rem;
  text-transform: uppercase;
  vertical-align: super;
  display: inline-block;
}
.table_y_section__bottom__info__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='52' viewBox='0 0 60 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='52.0004' height='52' rx='6' fill='%23212121'/%3E%3Cpath d='M56.4287 28.1963C57.762 27.4265 57.762 25.502 56.4287 24.7322L39.4464 14.9275C38.1131 14.1577 36.4464 15.12 36.4464 16.6596L36.4464 36.2689C36.4464 37.8085 38.1131 38.7707 39.4464 38.0009L56.4287 28.1963Z' fill='%23212121'/%3E%3Cpath d='M27.5 20.5C27.5 19.9477 27.0523 19.5 26.5 19.5C25.9477 19.5 25.5 19.9477 25.5 20.5H27.5ZM26.5 25.5H25.5C25.5 25.7652 25.6054 26.0196 25.7929 26.2071L26.5 25.5ZM28.9179 29.3321C29.3084 29.7226 29.9416 29.7226 30.3321 29.3321C30.7226 28.9416 30.7226 28.3084 30.3321 27.9179L28.9179 29.3321ZM39 25.5H38C38 31.8513 32.8513 37 26.5 37V38V39C33.9558 39 40 32.9558 40 25.5H39ZM26.5 38V37C20.1487 37 15 31.8513 15 25.5H14H13C13 32.9558 19.0442 39 26.5 39V38ZM14 25.5H15C15 19.1487 20.1487 14 26.5 14V13V12C19.0442 12 13 18.0442 13 25.5H14ZM26.5 13V14C32.8513 14 38 19.1487 38 25.5H39H40C40 18.0442 33.9558 12 26.5 12V13ZM26.5 20.5H25.5V25.5H26.5H27.5V20.5H26.5ZM26.5 25.5L25.7929 26.2071L28.9179 29.3321L29.625 28.625L30.3321 27.9179L27.2071 24.7929L26.5 25.5Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 3.75rem;
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: 2.2rem;
}

.table_y_section__bottom__info__title {
  font-weight: 700;
  margin-right: 1.65rem;
  font-size: 1.12rem;
}

.table_y_section__bottom {
  display: flex;
  border: 1px solid #eee;
  border-radius: 0.5rem;
  align-items: center;
  background: #fbfbfb;
  padding: 1.81rem 4.05rem 1.81rem 2.85rem;
  flex-wrap: wrap;
}

.table_y_section__bottom__info {
  flex: 1;
  align-items: center;
  display: flex;
}

.btn_table_y_section {
  max-width: 16.25rem;
}

.table_y_section__bottom__info__text {
  border-bottom: 2px solid #fdd435;
  font-size: 0.88rem;
}

.home_table_listing {
  display: flex;
  flex-direction: column;
  /* No gap: tabs hide 6 of 7 sections with height:0 but flex `gap`
     still accounts for them, leaving ~19rem of dead space around the
     visible tab. */
  gap: 0;
}

/* Visual group divider inside the catalog table (rowgroup header). */
.table_x tr.group th {
  background: #f6f6f6;
  font-weight: 600;
  color: #3c3c3c;
  text-align: left;
  padding-top: 1rem;
  padding-bottom: 0.4rem;
  border-top: 1px solid #eaeaea;
}
.table_x tr:hover {
  border-color: #fdd435;
}
@media screen and (max-width: 1024px) {
  .table_y_section__title__value {
    font-size: 20px;
    margin-right: 0;
  }

  .table_y_section__image {
    width: 225px;
  }

  .table_y_section__info {
    padding: 44px 32px;
    padding-right: 250px;
  }

  .home_table_section__top__add_text {
    margin-top: -18px;
  }
  .table_y_section__bottom {
    padding: 24px 32px;
    gap: 16px;
  }
  .table_y_section__bottom__info {
    flex: none;
    width: 100%;
  }

  .btn_table_y_section {
    max-width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .home_table_nav {
    position: static;
    margin-bottom: 24px;
  }

  .home_table_nav__item {
    font-size: 12px;
    min-width: 100px;
    padding: 9px 20px;
  }

  .table_y_section__image {
    position: static;
    order: -1;
    width: 100%;
    height: 190px;
    width: 100%;
    aspect-ratio: auto;
  }
  .table_y_section__top {
    flex-direction: column;
    display: flex;
  }

  .table_y_section__info {
    padding: 30px;
  }

  .table_y_section__title {
    margin-bottom: 15px;
  }
  .table_y_section__bottom__info__icon {
    position: absolute;
    width: 50px;
    left: 0;
    top: 0;
  }

  .table_y_section__bottom__info {
    position: relative;
    padding-left: 65px;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    padding-top: 5px;
  }

  .table_y_section__bottom {
    gap: 24px;
  }
}

@media screen and (max-width: 550px) {
  .table_x--price:not(.table_x--price--2_column) td:nth-child(2),
  .table_x--price:not(.table_x--price--2_column) th:nth-child(2) {
    position: absolute;
    bottom: 12px;
    padding: 0 17px;
    background: transparent;
    max-width: 100%;
    font-weight: bold;
  }

  .table_x--price:not(.table_x--price--2_column) tr {
    position: relative;
  }

  .table_x--price:not(.table_x--price--2_column) td:first-child,
  .table_x--price:not(.table_x--price--2_column) th:first-child {
    padding-bottom: 32px;
  }

  .table_x--price:not(.table_x--price--2_column) th:nth-child(3),
  .table_x--price:not(.table_x--price--2_column) td:nth-child(3) {
    flex: 0.75;
  }
}

.online_calculation__item {
  border-radius: 0.38rem;
  background: #212121;
  flex: 1;
  color: #fff;
  padding: 2.1rem 1.6rem 2.7rem;
}

.online_calculation_list {
  display: flex;
  gap: 1.875rem;
  flex-wrap: wrap;
  margin-top: -0.65rem;
}

.online_calculation__item--big {
  width: 29.38rem;
  flex: none;
  padding: 2rem 2.3rem;
}

.online_calculation__item__title {
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 1.15rem;
  max-width: 22rem;
}

.online_calculation__item__value {
  font-weight: 600;
  font-size: 0.88rem;
  line-height: 1.5;
  max-width: 20rem;
  margin-bottom: 1.7rem;
}

.btn_online_calculation__item {
  max-width: 14.85rem;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.btn_online_calculation__item:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.online_calculation__item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.online_calculation__item__image {
  width: 2.5rem;
  margin-top: 3.5rem;
  aspect-ratio: 1/1;
}

.online_calculation_section {
  margin-bottom: 5rem;
}

@media screen and (max-width: 1024px) {
  .online_calculation__item {
    width: calc(50% - 1.875rem / 2);
    flex: none;
  }
}
@media screen and (max-width: 750px) {
  .online_calculation__item {
    width: 100%;
  }

  .online_calculation_list {
    gap: 8px;
  }

  .online_calculation_section {
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 550px) {
  .online_calculation__item {
    padding: 24px;
  }
}

.swiper-wrapper {
  height: auto;
  align-items: stretch;
}
.arrows_x {
  display: flex;
  gap: 0.75rem;
}

.arrows_x button {
  width: 2.2rem;
  aspect-ratio: 1/1;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrows_x button svg {
  width: 45%;
  height: auto;
}

.arrows_x button:hover {
  opacity: 0.5;
}

.section_news__arrows {
  position: absolute;
  right: -0.5rem;
  top: 0.65rem;
}

.section_news__top {
  position: relative;
}

.section_news__slide {
  box-sizing: border-box;
  max-width: 25rem;
  padding-right: 1.875rem;
  height: auto;
  display: flex;
}

.section_news__slider .swiper-wrapper {
  align-items: stretch;
}

.swiper-slide .post_card {
  width: 100%;
  flex: 1;
  height: 100%;
}

.section_news__slide .post_card__title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.2em * 3);
}

.section_news__block {
  margin-bottom: 5rem;
}

.section_news__more {
  display: flex;
  justify-content: center;
}

.btn_news__more {
  max-width: 20rem;
}

.section_news {
  margin-bottom: 5rem;
}

@media screen and (max-width: 1024px) {
  .section_news__slide {
    padding-left: 1.25rem;
    padding-right: 0;
  }

  .section_news__slider {
    margin: 0 -1.25rem;
  }

  .section_news__arrows {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .section_news__slide {
    max-width: 320px;
  }

  .section_news__block {
    margin-bottom: 32px;
  }

  .section_news {
    margin-bottom: 44px;
  }
}

/* ---------- catalog (searchable bullion/coin SKUs) ---------- */

.catalog {
  padding: 3rem 0;
  /* Native lazy-rendering: browser skips layout/paint of the catalog table
     while it's off-screen, then reflows it once the user scrolls near.
     Significantly improves first-paint on long pages like /skup-zlota/.
     `contain-intrinsic-size` is a placeholder height so the scroll bar /
     page height stays stable while the catalog is collapsed. */
  content-visibility: auto;
  contain-intrinsic-size: 1px 1500px;
}

.catalog__title {
  font-size: 1.65rem;
  font-weight: 700;
  margin: 0 0 0.4rem;
}

.catalog__count {
  margin: 0 0 1.25rem;
  font-size: 0.8rem;
  color: #888;
  line-height: 1.2;
}

.catalog__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 1.25rem;
}

.catalog__search {
  flex: 1 1 220px;
  border: 1px solid #eaeaea;
  border-radius: 0.5rem;
  padding: 0.6rem 1rem;
  font-size: 0.9rem;
  background: #fff;
  outline: none;
  transition: border-color .15s ease;
}

.catalog__search:focus {
  border-color: #fdd435;
}

.catalog__filters {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.catalog__filters button {
  border: 1px solid #eaeaea;
  border-radius: 0.5rem;
  padding: 0.45rem 0.85rem;
  background: #fff;
  font-weight: 500;
  font-size: 0.85rem;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.catalog__filters button:hover {
  background: #f6f6f6;
}

.catalog__filters button.active {
  background: #212121;
  color: #fff;
  border-color: transparent;
}

/* Highlighted "Top" chip — brand-yellow with a leading star, distinct
   from the neutral metal chips. */
.catalog__filters button[data-metal="top"] {
  background: #fdd435;
  color: #212121;
  border-color: #fdd435;
  font-weight: 600;
  padding-left: 1.65rem;
  position: relative;
}

.catalog__filters button[data-metal="top"]::before {
  content: "★";
  position: absolute;
  left: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.85rem;
  color: #212121;
}

.catalog__filters button[data-metal="top"]:hover {
  background: #ffe680;
}

.catalog__filters button[data-metal="top"].active {
  background: #212121;
  color: #fdd435;
  border-color: transparent;
}

.catalog__filters button[data-metal="top"].active::before {
  color: #fdd435;
}

.catalog__table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.catalog__table thead th {
  background: #f6f6f6;
  text-align: left;
  font-weight: 600;
  font-size: 0.85rem;
  padding: 0.7rem 1rem;
  border-bottom: 1px solid #eaeaea;
  user-select: none;
}

.catalog__table tbody td {
  padding: 0.6rem 1rem;
  border-bottom: 1px solid #f3f3f3;
  font-size: 0.9rem;
  vertical-align: middle;
}

.catalog__table tbody tr:nth-child(2n) td {
  background: #fbfbfb;
}

.catalog__table tbody tr:hover td {
  background: #fff8d8;
}

.catalog__table tbody tr.hidden {
  display: none;
}

.catalog__table .btn_default {
  padding: 0.35rem 0.85rem;
  font-size: 0.8rem;
}

.js_catalog__sort {
  cursor: pointer;
  position: relative;
  padding-right: 1.5rem !important;
}

.js_catalog__sort::after {
  content: '↕';
  position: absolute;
  right: 0.6rem;
  opacity: 0.4;
  font-size: 0.85rem;
}

.js_catalog__sort.asc::after  { content: '▲'; opacity: 1; }
.js_catalog__sort.desc::after { content: '▼'; opacity: 1; }

.catalog__pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 1.25rem 0 0;
}

.catalog__pagination__page,
.catalog__pagination__nav {
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 0.65rem;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 0.4rem;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.85rem;
  line-height: 1;
  color: #3c3c3c;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.catalog__pagination__page:hover,
.catalog__pagination__nav:hover {
  background: #f6f6f6;
}

.catalog__pagination__page.active {
  background: #212121;
  color: #fff;
  border-color: transparent;
}

.catalog__pagination__nav[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}

.catalog__pagination__gap {
  align-self: center;
  color: #888;
  padding: 0 0.25rem;
  font-size: 0.85rem;
}

@media screen and (max-width: 700px) {
  .catalog__table thead { display: none; }

  .catalog__table tbody tr {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #eaeaea;
    gap: 0;
  }
  .catalog__table tbody tr:nth-child(2n) td { background: transparent; }

  .catalog__table tbody td {
    border: none;
    padding: 0;
  }

  /* Product name — full width */
  .catalog__table tbody td:nth-child(1) {
    width: 100%;
    font-weight: 600;
    font-size: 0.9rem;
    padding-bottom: 0.2rem;
  }

  /* Metal — left, muted */
  .catalog__table tbody td:nth-child(2) {
    flex: 0 0 auto;
    font-size: 0.78rem;
    color: #888;
  }
  .catalog__table tbody td:nth-child(2)::after {
    content:  ·;
    margin-right: 0.25rem;
  }

  /* Weight — after metal */
  .catalog__table tbody td:nth-child(3) {
    flex: 1 1 auto;
    font-size: 0.78rem;
    color: #888;
  }

  /* Price — right-aligned, bold */
  .catalog__table tbody td:nth-child(4) {
    flex: 0 0 auto;
    font-weight: 700;
    font-size: 0.95rem;
    margin-left: auto;
  }

  /* Button — full width */
  .catalog__table tbody td:nth-child(5) {
    width: 100%;
    padding-top: 0.5rem;
  }
  .catalog__table tbody td:nth-child(5) .btn_default {
    width: 100%;
    padding: 0.55rem 1rem;
  }
}

/* ---------- wycena online form ---------- */
.wycena_form_section { padding: 3rem 0; }
.wycena_form_section .title_x { margin-bottom: 0.4rem; }
.wycena_form_section__add_text { color: #666; font-size: 0.9rem; margin: 0 0 1.5rem; }

.wycena_form .field_group--cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.8rem;
}

.wycena_form .field_item__label {
  display: block;
  font-weight: 500;
  font-size: 0.85rem;
  margin-bottom: 0.4rem;
  color: #3c3c3c;
}

.wycena_form select,
.wycena_form input[type="text"],
.wycena_form input[type="tel"],
.wycena_form input[type="email"],
.wycena_form textarea,
.wycena_form input[type="file"] {
  width: 100%;
  padding: 0.65rem 0.9rem;
  border: 1px solid #eaeaea;
  border-radius: 0.5rem;
  background: #fff;
  font-size: 0.9rem;
}
.wycena_form textarea { min-height: 5rem; }

.wycena_form__estimate {
  background: #fff8d8;
  border: 1px solid #fdd435;
  border-radius: 0.5rem;
  padding: 0.85rem 1rem;
}
.wycena_form__estimate b {
  font-size: 1.45rem;
  display: block;
}
.wycena_form__estimate__add {
  display: block;
  font-size: 0.75rem;
  color: #666;
  margin-top: 0.25rem;
}

.js_wycena_weight_slider {
  margin: 0.6rem 0 0.4rem;
}

/* Sklep promo CTA — auto-fit text width (no btn_x flex stretch). */
.shop_section__sklep__cta {
  display: inline-block;
  width: auto;
  margin-top: 1.5rem;
  padding: 0.7rem 1.6rem;
}