body {
  font-family: 'Arial'; }
  body h1 {
    font-style: italic;
    font-family: Serif;
    margin: 0.5rem;
    font-size: 150%; }
    @media (min-width: 1024px) {
      body h1 {
        font-size: 200%; } }
  body h2 {
    font-style: italic;
    font-family: Serif;
    margin: 0.5rem;
    font-size: 120%;
    color: #730a0aff; }
    @media (min-width: 1024px) {
      body h2 {
        font-size: 180%; } }
.error {
  text-align: center;
  color: red;
  font-weight: bold; }

.center {
  text-align: center; }

body {
  margin: 0; }
  body .content {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
    body .content .background-max {
      background-color: whitesmoke; }
    body .content .bloc-normal {
      max-width: 1280px;
      margin: auto;
      padding: 0.5rem; }

div.header {
  max-width: 1280px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  border-bottom: 1px solid lightgrey; }
  div.header img {
    width: 100%;
    max-width: 500px; }
  div.header span {
    text-align: right;
    padding-right: 1rem;
    font-family: Serif;
    font-size: 130%;
    font-style: italic; }
  @media (min-width: 1024px) {
    div.header {
      grid-template-columns: 1fr 1fr; }
      div.header span {
        font-size: 160%;
        padding-right: 3rem; } }
.home .top p {
  font-size: 120%; }

.home .products {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  align-items: center; }
  @media (min-width: 1024px) {
    .home .products {
      grid-template-columns: 1fr 1fr 1fr 1fr; } }
  .home .products .tile {
    border-radius: 10px;
    padding: 0.5rem;
    background-color: white;
    box-shadow: 2px 2px 2px lightgray; }
    .home .products .tile img {
      width: 100%; }

.home .presentation {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem; }
  @media (min-width: 1024px) {
    .home .presentation {
      grid-template-columns: 1fr 10fr; }
      .home .presentation p {
        font-size: 120%; } }
  .home .presentation img {
    width: 100%; }

.cart-summary {
  display: grid;
  grid-template-columns: 1fr; }
  @media (min-width: 1024px) {
    .cart-summary {
      grid-template-columns: 3fr 1fr;
      gap: 2rem; } }
  .cart-summary .product {
    border-bottom: 1px solid lightgrey;
    margin-bottom: 1rem; }
    .cart-summary .product .image {
      text-align: center; }
      .cart-summary .product .image img {
        width: 80%; }
        @media (min-width: 1024px) {
          .cart-summary .product .image img {
            width: 100%; } }
    .cart-summary .product .desc {
      display: grid;
      grid-template-columns: 3fr 1fr;
      margin-top: 1rem;
      margin-bottom: 1rem; }
      .cart-summary .product .desc > div:last-child {
        text-align: right; }
    @media (min-width: 1024px) {
      .cart-summary .product {
        display: grid;
        grid-template-columns: 1fr 1fr; } }
  .cart-summary .total {
    background-color: #0000000a;
    padding: 1rem;
    border-radius: 10px; }
    .cart-summary .total dl {
      margin: 0px;
      display: grid;
      grid-template-columns: 3fr 1fr;
      gap: 0.5rem; }
      .cart-summary .total dl dd {
        text-align: right; }
  .cart-summary .submit {
    width: 60%;
    text-align: center;
    border: 1px solid grey;
    border-radius: 10px;
    padding: 1rem;
    margin: 1rem auto 0 auto;
    cursor: pointer;
    background-color: white; }

.payment-success {
  text-align: center;
  font-size: 150%; }

.payment-failure {
  text-align: center;
  font-size: 150%; }