@media (min-width: 600px) {
  .hero-text, .hero-image {
    display: inline-block;
    margin-right: -0.25em;
    vertical-align: top;
    position: relative;
  }
}

@font-face {
  font-family: "Caveat";
  font-display: swap;
  src: url("../fonts/caveat-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SourceSans3";
  font-display: swap;
  src: url("../fonts/sourcesans3-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SourceSans3";
  font-display: swap;
  src: url("../fonts/sourcesans3-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "SourceSans3";
  font-display: swap;
  src: url("../fonts/sourcesans3-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SourceSans3";
  font-display: swap;
  src: url("../fonts/sourcesans3-600-italic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SourceSans3";
  font-display: swap;
  src: url("../fonts/sourcesans3-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SourceSans3";
  font-display: swap;
  src: url("../fonts/sourcesans3-700-italic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.075;
}

h1, .h1 {
  font-size: 5.8vw;
  margin: 20px 0 5px;
}
@media (min-width: 600px) {
  h1, .h1 {
    font-size: 45px;
  }
}

h2, .h2 {
  font-size: 28px;
}
@media (min-width: 600px) {
  h2, .h2 {
    font-size: 40px;
  }
}

h3, .h3 {
  font-size: 20px;
}
@media (min-width: 600px) {
  h3, .h3 {
    font-size: 22px;
  }
}

h4, .h4 {
  font-size: 16px;
}
@media (min-width: 600px) {
  h4, .h4 {
    font-size: 17px;
  }
}

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

.color-red {
  color: #C40018;
}

.text-uppercase {
  text-transform: uppercase;
}

.small {
  font-size: 9px;
}

p {
  margin: 0 0 5px 0;
}
p strong {
  font-weight: 600;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.ut-mt-none {
  margin-top: 0;
}

.ut-mb-none {
  margin-bottom: 0;
}

.ut-mt-large {
  margin-top: 40px;
}

.ut-mt-xlarge {
  margin-top: 60px;
}

.ut-mt-xxlarge {
  margin-top: 50px;
}
@media (min-width: 600px) {
  .ut-mt-xxlarge {
    margin-top: 80px;
  }
}

.ut-mb-large {
  margin-bottom: 40px;
}

.ut-mb-xlarge {
  margin-bottom: 60px;
}

.ut-mb-xxlarge {
  margin-bottom: 50px;
}
@media (min-width: 600px) {
  .ut-mb-xxlarge {
    margin-bottom: 100px;
  }
}

.ut-p-large {
  padding-left: 9vw;
  padding-right: 9vw;
}
.ut-p {
  padding-left: 4vw;
  padding-right: 4vw;
}
@media (max-width: 599px) {
  .ut-hidden-on-mobile {
    display: none;
  }
}

@media (min-width: 600px) {
  .ut-hidden-on-desktop {
    display: none;
  }
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

video {
  max-width: 100%;
  cursor: pointer;
  outline: 0;
  vertical-align: bottom;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 100%;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

button {
  font-family: "SourceSans3", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}

.btn {
  display: inline-flex;
  min-height: 39px;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #A6000C;
  padding: 0 18px;
  font-size: 20px;
  line-height: 1;
  font-weight: normal;
  border-radius: 8px;
  border: 1px solid transparent;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}
@media (min-width: 960px) {
  .btn {
    font-size: 18px;
    min-width: 112x;
  }
}
.btn:hover {
  background-color: #000;
  border-color: #000;
}

.btn-outline {
  border-color: #C40018;
  background-color: transparent;
  color: #272C35;
}
.btn-outline:hover {
  background-color: transparent;
}

.btn-small {
  font-size: 16px;
  min-height: 32px;
  padding: 0 20px 0 20px;
}
@media (min-width: 960px) {
  .btn-small {
    min-height: 39px;
  }
}

.btn-large {
  font-size: 18px;
  min-height: 45px;
}
@media (min-width: 960px) {
  .btn-large {
    font-size: 23px;
    min-height: 52px;
  }
}

.btn-cart {
  position: relative;
  padding-left: 40px;
}
.btn-cart::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.5 0.571429C0.5 0.419876 0.559703 0.274531 0.665974 0.167368C0.772246 0.060204 0.916381 0 1.06667 0H2.76669C2.89309 3.52131e-05 3.01585 0.0426865 3.11545 0.121171C3.21505 0.199656 3.28577 0.309467 3.31636 0.433143L3.77536 2.28571H16.9335C17.0196 2.28574 17.1045 2.30554 17.1819 2.3436C17.2592 2.38167 17.327 2.43701 17.3799 2.50542C17.4329 2.57382 17.4697 2.6535 17.4876 2.73841C17.5055 2.82331 17.504 2.91121 17.4832 2.99543L15.7831 9.85257C15.7526 9.97625 15.6818 10.0861 15.5822 10.1645C15.4826 10.243 15.3599 10.2857 15.2335 10.2857H5.03338C4.90697 10.2857 4.78421 10.243 4.68461 10.1645C4.58501 10.0861 4.51429 9.97625 4.4837 9.85257L2.32468 1.14286H1.06667C0.916381 1.14286 0.772246 1.08265 0.665974 0.975489C0.559703 0.868326 0.5 0.722981 0.5 0.571429ZM4.0587 3.42857L4.62537 5.71429H6.16672V3.42857H4.0587ZM7.30006 3.42857V5.71429H9.56675V3.42857H7.30006ZM10.7001 3.42857V5.71429H12.9668V3.42857H10.7001ZM14.1001 3.42857V5.71429H15.6415L16.2081 3.42857H14.1001ZM15.3581 6.85714H14.1001V9.14286H14.7915L15.3581 6.85714ZM12.9668 6.85714H10.7001V9.14286H12.9668V6.85714ZM9.56675 6.85714H7.30006V9.14286H9.56675V6.85714ZM6.16672 6.85714H4.90871L5.47538 9.14286H6.16672V6.85714ZM6.16672 12.5714C5.86614 12.5714 5.57787 12.6918 5.36532 12.9062C5.15278 13.1205 5.03338 13.4112 5.03338 13.7143C5.03338 14.0174 5.15278 14.3081 5.36532 14.5224C5.57787 14.7367 5.86614 14.8571 6.16672 14.8571C6.4673 14.8571 6.75557 14.7367 6.96811 14.5224C7.18066 14.3081 7.30006 14.0174 7.30006 13.7143C7.30006 13.4112 7.18066 13.1205 6.96811 12.9062C6.75557 12.6918 6.4673 12.5714 6.16672 12.5714ZM3.90003 13.7143C3.90003 13.1081 4.13884 12.5267 4.56393 12.098C4.98902 11.6694 5.56556 11.4286 6.16672 11.4286C6.76788 11.4286 7.34442 11.6694 7.76951 12.098C8.1946 12.5267 8.43341 13.1081 8.43341 13.7143C8.43341 14.3205 8.1946 14.9019 7.76951 15.3305C7.34442 15.7592 6.76788 16 6.16672 16C5.56556 16 4.98902 15.7592 4.56393 15.3305C4.13884 14.9019 3.90003 14.3205 3.90003 13.7143ZM14.1001 12.5714C13.7995 12.5714 13.5113 12.6918 13.2987 12.9062C13.0862 13.1205 12.9668 13.4112 12.9668 13.7143C12.9668 14.0174 13.0862 14.3081 13.2987 14.5224C13.5113 14.7367 13.7995 14.8571 14.1001 14.8571C14.4007 14.8571 14.689 14.7367 14.9015 14.5224C15.1141 14.3081 15.2335 14.0174 15.2335 13.7143C15.2335 13.4112 15.1141 13.1205 14.9015 12.9062C14.689 12.6918 14.4007 12.5714 14.1001 12.5714ZM11.8334 13.7143C11.8334 13.1081 12.0722 12.5267 12.4973 12.098C12.9224 11.6694 13.499 11.4286 14.1001 11.4286C14.7013 11.4286 15.2778 11.6694 15.7029 12.098C16.128 12.5267 16.3668 13.1081 16.3668 13.7143C16.3668 14.3205 16.128 14.9019 15.7029 15.3305C15.2778 15.7592 14.7013 16 14.1001 16C13.499 16 12.9224 15.7592 12.4973 15.3305C12.0722 14.9019 11.8334 14.3205 11.8334 13.7143Z' fill='%23272C35'/%3E %3C/svg%3E ");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 16px;
  width: 17px;
  height: 16px;
  margin-top: -8px;
}
[disabled], .disabled {
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(0.7);
  opacity: 0.5;
}

blockquote {
  margin: 1rem 0;
}
blockquote footer {
  font-size: 22px;
  font-family: "Caveat", cursive;
  text-align: right;
  margin-top: 20px;
}
@media (min-width: 960px) {
  blockquote footer {
    font-size: 24px;
  }
}

ul, ol {
  margin: 0 0 5px;
}
.round-divider {
  display: block;
  width: 32px;
  height: 32px;
  margin: 30px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #C40018;
  border-radius: 50%;
}
.round-divider span {
  display: block;
  width: 16px;
  height: 16px;
  background: #C40018;
  border-radius: 50%;
}

html {
  font-family: sans-serif;
  box-sizing: border-box;
  min-height: 100%;
  overflow-y: initial;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body {
  background-color: #fff;
  color: #252525;
  font-family: "SourceSans3", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 1.5;
}
@media (min-width: 960px) {
  body {
    font-size: 23px;
  }
}

*, *:before, *:after {
  box-sizing: inherit;
}

[data-theme=grey] {
  background-color: #f5f5f5;
  color: #000;
}

[data-theme=light-grey] {
  background-color: #fafafa;
  color: #272C35;
}

@media (min-width: 600px) {
  .nfcs-row {
    display: flex;
    width: 100%;
  }
}

@media (min-width: 600px) {
  .nfcs-column {
    flex: 1;
    display: flex;
  }
}
.nfcs-inner {
  margin: auto;
  align-self: center;
  padding: 7vw;
}
@media (min-width: 600px) {
  .nfcs-inner {
    padding: 15px 44px;
  }
}

@media (min-width: 600px) {
  .nfcs-row.reversed {
    flex-direction: row-reverse;
  }
}
.header {
  position: relative;
  height: 120px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
}

.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  list-style: none;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
@media (min-width: 960px) {
  .header-nav {
    font-size: 18px;
    flex-direction: row;
    gap: 36px;
  }
}
@media (min-width: 1200px) {
  .header-nav {
    gap: 42px;
  }
}
@media (max-width: 959px) {
  .header-nav {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 120px;
    z-index: 1;
    background-color: #fff;
    padding: 70px 40px;
    text-align: center;
    transform: scaleY(0);
    transition: transform 0.1s ease;
    transform-origin: top center;
  }
}
@media (max-width: 959px) {
  .header-nav.open {
    visibility: visible;
    opacity: 1;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.5);
    transform: scaleY(100%);
  }
}
.header-nav li {
  box-sizing: content-box;
}
.header-nav a {
  text-decoration: none;
}
.header-nav a:not(.btn-header) {
  color: #272C35;
  padding: 4px;
}

.logo {
  width: 148px;
  height: 43px;
}

.header-hamburger {
  display: none;
}
@media (max-width: 959px) {
  .header-hamburger {
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
  }
}

.hamburger-btn {
  border: none;
  background-color: transparent;
}

.hamburger-line {
  width: 40px;
  height: 4px;
  background-color: #000;
  display: block;
  margin: 6px auto;
  transition: all 0.1s ease-in-out;
}

.hamburger-btn.open .hamburger-line:nth-child(2) {
  opacity: 0;
}

.hamburger-btn.open .hamburger-line:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}

.hamburger-btn.open .hamburger-line:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}

.footer {
  font-size: 16px;
  border-top: 1px solid #ccc;
  padding: 64px 0 40px;
  box-shadow: 0 0 0 60px #fff;
  margin-top: 60px;
}
@media (min-width: 600px) {
  .footer {
    box-shadow: 0 0 0 128px #fff;
    margin-top: 128px;
  }
}
@media (max-width: 959px) {
  .footer {
    text-align: center;
  }
}

.footer-info {
  display: flex;
  flex-direction: column;
}
@media (min-width: 960px) {
  .footer-info {
    flex-direction: row;
    justify-content: space-between;
  }
}

.more-about-securitum {
  display: flex;
  flex-direction: column;
  gap: 25px;
  font-size: 20px;
  margin: 30px 0;
}
@media (min-width: 960px) {
  .more-about-securitum {
    align-items: flex-end;
    margin: 0;
  }
}
.more-about-securitum p {
  margin: 0;
}

.footer-nav {
  margin: 10px 0;
}
.footer-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 15px;
}
@media (max-width: 599px) {
  .footer-nav ul {
    justify-content: center;
  }
}
.footer-nav a {
  text-decoration: none;
  color: #C40018;
}
.footer-nav a:hover {
  text-decoration: underline;
}

.footer-contact ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-contact ul li {
  margin: 10px 0;
}
.footer-contact a {
  text-decoration: none;
  color: #C40018;
}
.footer-contact a:hover {
  text-decoration: underline;
}

.footer-bottom {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}
@media (min-width: 600px) {
  .footer-bottom {
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: 60px;
  }
}

@media (max-width: 599px) {
  .footer-copyright {
    margin-top: 30px;
  }
}

ul.socials {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  list-style: none;
  padding: 0;
  margin-top: 30px;
}
@media (min-width: 960px) {
  ul.socials {
    top: 50%;
    position: relative;
    margin-top: -10px;
  }
}
ul.socials a {
  display: inline-block;
  width: 26px;
  height: 26px;
}
ul.socials a svg {
  width: 100%;
  height: 100%;
}

.mobile-desktop img {
  display: none;
  width: 100%;
}
@media (max-width: 599px) {
  .mobile-desktop img {
    display: block;
  }
}
.mobile-desktop img + img {
  display: none;
}
@media (min-width: 600px) {
  .mobile-desktop img + img {
    display: block;
  }
}

.layout-wrap {
  padding: 0 14px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.layout-wrap:has(> .layout-frame-wrap) {
  border-bottom: 1px solid #ccc;
}
.layout-wrap:has(> .layout-frame-wrap)::before {
  content: "";
  border-top: 1px solid #ccc;
  position: absolute;
  left: 0;
  right: 0;
}
.layout-wrap:has(> .layout-frame-wrap)::after {
  content: "";
  border-bottom: 1px solid #ccc;
  position: absolute;
  left: 0;
  right: 0;
}

.layout-frame-wrap {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 24px 24px;
}
@media (min-width: 600px) {
  .layout-frame-wrap {
    padding: 6vw 6vw;
  }
}
@media (min-width: 1200px) {
  .layout-frame-wrap {
    padding: 92px 124px;
  }
}
.layout-frame-wrap .frame-title {
  margin-left: -24px;
  margin-right: -24px;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media (min-width: 600px) {
  .layout-frame-wrap .frame-title {
    margin-left: -6vw;
    margin-right: -6vw;
    margin-top: 7rem;
    margin-bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .layout-frame-wrap .frame-title {
    margin-left: -124px;
    margin-right: -124px;
  }
}
.layout-frame-wrap > *:first-child {
  margin-top: 0;
}
.layout-frame-wrap > *:last-child {
  margin-bottom: 0;
}

.frame-title {
  font-size: 34px;
  font-weight: bold;
  position: relative;
  padding: 12px 32px 8px;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
@media (min-width: 600px) {
  .frame-title {
    font-size: 48px;
  }
}
.frame-title::before, .frame-title::after {
  content: "";
  display: block;
  width: 32px;
  background-color: #f9f9f9;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.frame-title::before {
  left: 0;
}
.frame-title::after {
  right: 0;
}

.hero {
  background-color: #dbdbdb;
  background: radial-gradient(51.2% 119.88% at 86.07% 36.1%, #F2F2F2 0%, #DBDBDB 100%);
  overflow: hidden;
}

.hero-content {
  border-left: 1px solid #f9f9f9;
}
.hero-content::after {
  content: "";
  display: block;
  height: 50px;
  border: 1px solid #f9f9f9;
  background-color: rgba(255, 255, 255, 0.34);
  margin-left: -1px;
  margin-right: -2000px;
}

.hero-image {
  vertical-align: top;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 28px;
  position: relative;
}
@media (min-width: 600px) {
  .hero-image {
    width: 45%;
    left: 55%;
  }
}
.hero-image img.hero-image-book {
  max-height: 350px;
}
@media (min-width: 600px) {
  .hero-image img.hero-image-book {
    max-height: 38vw;
  }
}
@media (min-width: 960px) {
  .hero-image img.hero-image-book {
    padding-right: 80px;
    max-height: 27vw;
  }
}
@media (min-width: 1500px) {
  .hero-image img.hero-image-book {
    max-height: 400px;
  }
}

.hero-text {
  vertical-align: middle;
  padding-left: 8vw;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 600px) {
  .hero-text {
    width: 55%;
    left: -45%;
  }
}
@media (min-width: 1500px) {
  .hero-text {
    padding-left: 122px;
  }
}

.hero-label {
  display: inline-block;
  background-color: #e7e7e7;
  border: 1px solid #f9f9f9;
  padding: 5px 20px;
  font-size: 18px;
  margin-left: -8vw;
  position: relative;
  left: -1px;
}
@media (min-width: 600px) {
  .hero-label {
    left: 0;
  }
}
@media (min-width: 960px) {
  .hero-label {
    font-size: 24px;
    margin-left: -8vw;
    padding: 5px 40px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1500px) {
  .hero-label {
    margin-left: -122px;
  }
}

.hero-tag {
  display: inline-block;
  background: #C40018;
  border-radius: 48px;
  color: #fff;
  font-size: 20px;
  padding: 2px 24px;
  margin-bottom: 8px;
}
@media (min-width: 600px) {
  .hero-tag {
    font-size: 18px;
  }
}
@media (min-width: 960px) {
  .hero-tag {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
.hero-title {
  line-height: 1.075;
  font-size: 32px;
  margin-top: 10px;
}
.hero-subtitle {
  font-size: 24px;
  line-height: 1.075;
  margin-top: 0;
}
.hero-desc {
  font-size: 32px;
  line-height: 1;
  font-family: "Caveat", cursive;
  color: #C40018;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 960px) {
  .hero-desc {
    margin-top: 60px;
  }
}

.btn-hero {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 1500px) {
  .btn-hero {
    margin-top: 10px;
  }
}

.hero-sekurak-poleca {
  position: absolute;
  right: 0;
  top: -1px;
  width: 80px;
  background: #F5F5F5;
  border: 1px solid #CCCCCC;
  border-radius: 0px 0px 16px 16px;
  padding: 14px;
}
@media (min-width: 960px) {
  .hero-sekurak-poleca {
    width: 8.4vw;
  }
}
@media (min-width: 1200px) {
  .hero-sekurak-poleca {
    width: 100px;
  }
}
.shop {
  padding: 100px 0;
}
.shop .layout-wrap > *:first-child {
  margin-top: 0;
}
.shop .layout-wrap > *:last-child {
  margin-bottom: 0;
}

.products-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
}
@media (min-width: 600px) {
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 64px;
    margin: 60px 0;
  }
}
@media (min-width: 960px) {
  .products-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 84px;
  }
}

.product {
  line-height: 1.25;
  position: relative;
}

.product-badge {
  position: absolute;
  z-index: 1;
  text-decoration: none;
}
.product-badge:not(:empty) {
  background-color: #C40018;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  font-family: "Caveat", cursive;
  padding: 2px 16px;
  top: 35px;
}

.product-image {
  max-height: 320px;
  margin: 0 auto 40px;
  aspect-ratio: 5/9;
  position: relative;
  display: flex;
  align-items: flex-end;
}
.product-info {
  font-size: 20px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  max-width: 282px;
  text-align: center;
}

.product-info-2 {
  font-size: 20px;
  font-style: italic;
  margin-left: auto;
  margin-right: auto;
  max-width: 340px;
  text-align: center;
}
@media (min-width: 600px) {
  .product-info-2:not(:empty) {
    min-height: 60px;
  }
}
.product-info-2 .text-red {
  color: #C40018;
  font-style: normal;
  font-weight: 600;
  display: block;
}

.product-actions {
  margin-top: 20px;
  display: flex;
  gap: 15px;
  max-width: 230px;
  margin-left: auto;
  margin-right: auto;
}
.product-actions > * {
  flex-shrink: 1;
  flex-grow: 1;
}
.product-actions > *:first-child:last-child {
  flex-grow: 0;
  margin: 0 auto;
}

.product-actions-2 {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  max-width: 230px;
  margin-left: auto;
  margin-right: auto;
}
.product-actions-2 > * {
  flex-grow: 1;
}

.btn-product {
  font-family: "Caveat", cursive;
  font-size: 24px;
  font-weight: bold;
}

.academy {
  padding: 40px 0;
}
@media (min-width: 960px) {
  .academy {
    padding: 120px 0;
  }
}

.academy-box {
  background: #FFFFFF;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08);
  border-radius: 80px;
  padding: 60px;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 960px) {
  .academy-box {
    width: 820px;
  }
}
.academy-box > *:first-child {
  margin-top: 0;
}
.academy-box > *:last-child {
  margin-bottom: 0;
}

.academy-cta {
  margin-top: 50px;
}

.extra-description {
  font-size: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 32px;
  line-height: 1;
  font-family: "Caveat", cursive;
  color: #C40018;
}
@media (min-width: 600px) {
  .extra-description {
    text-align: left;
  }
}
/* Przy atrybutach width/height okładka w hero musi się skalować
   proporcjonalnie do max-height, a nie rozciągać na szerokość z atrybutu */
.hero-image img.hero-image-book {
  width: auto;
}

/* Widoczny fokus z klawiatury */
.btn:focus-visible {
  outline: 2px solid #A6000C;
  outline-offset: 2px;
}

.skip-link {
  position: absolute;
  left: 8px;
  top: -100px;
  z-index: 1000;
  padding: 8px 16px;
  background: #fff;
  color: #000;
}
.skip-link:focus {
  top: 8px;
}