/** Shopify CDN: Minification failed

Line 644:0 Unexpected "}"
Line 677:21 Expected identifier but found whitespace
Line 677:23 Unexpected "{"
Line 677:30 Expected ":"
Line 677:59 Expected identifier but found "!"
Line 678:10 Expected identifier but found whitespace
Line 678:12 Unexpected "{"
Line 678:19 Expected ":"

**/

        @media (max-width: 768px) {
          select,
          textarea,
          input[type="text"],
          input[type="password"],
          input[type="datetime"],
          input[type="datetime-local"],
          input[type="date"],
          input[type="month"],
          input[type="time"],
          input[type="week"],
          input[type="number"],
          input[type="email"],
          input[type="url"],
          input[type="search"],
          input[type="tel"],
          input[type="color"] {
            font-size: 16px !important;
          }
        }

        .nice_padding {
          padding: 15px 15px 0px 15px;
        }

        .cropper-container {
          width: 100%;
          height: auto;
          overflow: hidden;
        }

        .cropper-crop {
          cursor: crosshair;
          display: block !important;
        }

        .cropper-view-box {
          outline: 2px solid FFC300 !important;
          outline-color: #FFC300  !important;
        }
        .cropper-dashed {
            border: 0 dashed #FFC300;
        }
        .cropper-dashed.dashed-h {
            display: none;
        }
      .cropper-center
      {
        background:#FFC300;
        color:#FFC300;
      }
      .cropper-center::before, .cropper-center::after
            {
              background:#FFC300;
              color:#FFC300;
            }
      .cropper-view-box {
      
          outline: 1px solid #FFC300;
          outline-color: #FFC300;
      }



        .cropper-line {
          background-color: transparent !important;
        }

        .cropper-point {
          display: none;
        }

        .cropper-modal {
          background-color: #fafafa;
          opacity: 0.5;
        }

        .cropper-canvas::after {
          content: "";
          position: absolute;
          display: block;
          width: 100%;
          height: 100%;
          background-color: #fafafa;
          opacity: 1;
          top: 0;
          left: 0;
        }
        @media (max-width: 768px) {
          .cropper-canvas::after {
            opacity: 0.5;
          }
        }

        .copper-canvas-moving::after {
          opacity: 0.5 !important;
        }

        #cropperButton {
          cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px; /* Réduction de la hauteur */
    width: 100%;
    font-size: 20px;
    border-radius: 9px; /* Ajout d'un arrondi des bords */
    background-color: #ffc800; /* Couleur identique au fond jaune */
    border: none;

        }
        #cropper_button_wrapper {
          width: 50%;
        }
        .cropperButtonGreen {
          background-color: #48c186 !important;
        }
        .cropperButtonGreen:hover {
          background-color: #3a9b6e !important;
        }
        @media (max-width: 768px) {
          #cropperButton {
            width: 90%;
            padding: 20px;
            font-size: 20px;
            display: flex;
            align-items: center;
            margin: 0 auto;
            border: none;
          }
          #cropper_button_wrapper {
            width: 100%;
            position: absolute;
            bottom: 10%;
            left: 0;
          }
        }

        .custom-size-fields {
          margin-top: 0px;
          min-height: 200px;
        }

        .custom_size_input_wrapper {
          flex-direction: row;
          display: flex;
          gap: 10px;
        }

        .custom_flex_box {
          flex-wrap: wrap;
          align-items: stretch;
          display: flex;
          min-width: calc(50% - 5px);
          gap: 10px;
        }

        .custom_size_input_box {
          flex-wrap: wrap;
          align-items: stretch;
          display: flex;
          width: 100%;
        }

        .custom_size_input {
          color: #374151;
          background-color: #fff;
          font-size: 15px;
          border-width: 1px;
          border-color: #d1d5db;
          border-radius: 6px;
          box-shadow: rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0,
            rgba(0, 0, 0, 0.05) 0 1px 2px 0;
          border-top-right-radius: 0 !important;
          border-bottom-right-radius: 0 !important;
          width: 1%;
          z-index: 2;
          flex: auto;
          margin-bottom: 0;
          position: relative;
          box-sizing: border-box;
          border-style: solid;
          padding: 10px 12px;
          line-height: 1;
          display: block;
          appearance: none !important;
          min-height: 0 !important;
        }
        @media (max-width: 768px) {
          .custom_size_input {
            padding: 5px 12px;
          }
        }

        .custom_size_input_unit {
          color: #374151;
          border-width: 1px;
          border-color: #d1d5db;
          border-radius: 6px;
          box-shadow: rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0,
            rgba(0, 0, 0, 0.05) 0 1px 2px 0;
          z-index: 1;
          white-space: nowrap;
          width: auto;
          border-style: solid;
          flex-grow: 0;
          background-color: #e9ecef !important;
          font-size: 14px !important;
          box-sizing: border-box;
          padding: 10px 12px;
          line-height: 1;
          appearance: none !important;
          min-height: 0 !important;
          border-top-left-radius: 0 !important;
          border-bottom-left-radius: 0 !important;
        }

        @media (max-width: 768px) {
          .price-display {
            display: none;
          }
        }

        .spinner-creation {
          display: inline-block;
          width: 2rem;
          height: 2rem;
          border-width: 0.2em;
          border-color: white;
          border-radius: 50%;
          border-style: solid;
          margin-right: 1rem;
          animation: spinner-creation 0.6s linear infinite;
          border-top-color: #04bb04;
          border-bottom-color: #04bb04;
        }

        @keyframes spinner-creation {
          to {
            transform: rotate(360deg);
          }
        }

        #add_to_cart_error_box {
          font-size: 14px;
          color: red;
          font-weight: 600;
          margin: 0px 5%;
          display: none;
          position: absolute;
          top: 10%;
          background: #fafafa;
          padding: 7px;
          text-align: center;
        }

        .margin_top_bottom {
          margin: 15px 0;
        }

        .cropping_table_wrapper {
          background-color: #fafafa;
        }
        @media (max-width: 768px) {
          .cropping_table_wrapper {
            display: none;
          }
        }

        .cropping_table {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: start;
        }

        .cropping-size-bar {
          width: calc(100% - 20px);
          background-color: #fafafa;
        }

        #top_width_bar {
          margin: 0 auto;
          text-align: center;
          font-size: 12px;
          background-color: #656565;
          height: 20px;
          width: 100%;
          color: white;
          line-height: 20px;
        }

        #right_height_bar {
          margin: 0 auto;
          text-align: center;
          font-size: 12px;
          background-color: #656565;
          width: 20px;
          height: 100%;
          color: white;
          line-height: 20px;
        }

        #returned_height_bar_number {
          transform: rotate(90deg);
          display: inline-block;
          vertical-align: middle;
          font-size: 12px;
          width: 100%;
          height: 20px;
          line-height: 20px;
        }

        #paperwall-configuration {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          z-index: 10000;
          background-color: #fafafa;
          width: 100%;
          max-width: 450px;
        }
        @media (max-width: 768px) {
          #paperwall-configuration {
            width: 100%;
            max-width: 100%;
            top: 0;
            left: 0;
            transform: none;
          }
        }

        #paperwall-configuration-wrapper {
          display: none !important;
        }

        .paperwall-configuration-buttons-bar {
          display: flex;
          flex-direction: row;
          align-content: center;
          justify-content: center;
          background-color: #2e2e2e;
          align-items: center;
          flex-wrap: nowrap;
        }
        @media (max-width: 768px) {
          .paperwall-configuration-buttons-bar {
            flex-direction: column;
          }
        }

        #show-configurator {
          cursor: pointer;
        }
        @media (max-width: 768px) {
          #show-configurator {
            display: none;
          }
        }

        .configurator_button {
          cursor: pointer;
          border-radius: 0px;
          font-family: ubuntu;
          border: none;
          background-color: #47c086;
          color: white;
          font-size: 15px;
          padding: 10px 20px;
          font-weight: bold;
          outline: none;
          width: 90%;
        }

        #main-configurator-window {
          position: relative;
          z-index: 0;
        }

        .main-configurator-window-full-screen {
          position: fixed !important;
          top: 0px;
          height: 100vh;
          background-color: #fafafa;
          width: 100vw;
          left: 0;
          z-index: 9999 !important;
        }

        .configurator-text-explain {
          font-size: 12px;
        }
        @media (max-width: 768px) {
          .configurator-text-explain {
            display: none;
          }
        }

        @media (max-width: 768px) {
          #show-paperwall-and-price {
            width: 100%;
          }
        }

    

        #main-configurator-window-mobile-close {
          display: none;
        }
        @media (max-width: 768px) {
          #main-configurator-window-mobile-close {
           display:none !important;
          }
        }

        #main-configurator-window-mobile-configure {
          display: none;
        }
        @media (max-width: 768px) {
          #main-configurator-window-mobile-configure {
           display:none !important;
          }
        }

        .calculated_price_wrapper {
          display: flex;
          margin: 0px 10px;
          align-items: center;
          flex-wrap: nowrap;
        }
        .calculated_price_wrapper .calculatedPrice {
          color: white !important;
        }

        .reassurance-box {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          gap: 5px;
          padding: 0px 5%;
        }
        .reassurance-box-desktop {
          margin-top: 15px;
          padding: 0.75em 0.625em;
          border-width: 1px;
          border-style: dashed;
          border-color: grey;
          background-color: #f3fff7;
          font-size: 15px;
          border-radius: 0px 20px 0px 20px;
        }
        #reassurance-mobile-text-box {
          display: none;
        }
        @media (max-width: 768px) {
          #reassurance-mobile-text-box {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 5px;
          }
        }

        .price-mobile-top-box {
          display: block;
          text-align: center;
          margin-bottom: 5px;
        }

        #show-configurator-desktop-wrapper {
         display:none !important;
        }
        @media (max-width: 768px) {
          #show-configurator-desktop-wrapper {
            display: none;
          }
        }

        #product-price-to-squarefeet-top {
          display: block;
          margin-top: 5px;
        }
        @media (max-width: 768px) {
          #product-price-to-squarefeet-top {
            display: inline;
            margin: 0px;
          }
        }

        @media (max-width: 768px) {
          .price-top-box {
            text-align: center;
            margin-bottom: 10px;
          }
        }

        #expedition-text-in-button {
          display: block;
        }

        .scalapay_widget {
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: 5px;
        }
        .scalapay_mobile {
          display: none;
        }
        .scalapay_desktop {
          margin: 10px 0px;
        }
        @media (max-width: 768px) {
          .scalapay_desktop {
            display: none;
          }
          .scalapay_mobile {
            display: flex;
            padding: 10px 7%;
          }
        }

/*───────────────────────────────────────────────────────────────
  1 ▸ Règles desktop (≥ 769 px)
────────────────────────────────────────────────────────────────*/

/* bloc champs dimensions */
.dimension-controls{
  display:flex;
  gap:2rem;
   
  margin:1rem 0 1.25rem;
}
.dimension-field{
  flex:1 1 220px;
  display:flex;
  flex-direction:column;
}
.dimension-label{
  font-weight:600;
  margin-bottom:.25rem;
}

/* input + unité */
.input-unit {
   display: flex;
  border: 1px solid #cdd3db;
  border-radius: 6px;
  overflow: hidden;
  height: 33px;
}
.input-unit input {
  height: 32px !important;
  padding: 6px 10px !important;
  font-size: 14px !important;
  text-align: left !important;
  line-height: 1.2 !important;
  vertical-align: middle;
}
.input-unit .unit{
  display:flex;
  align-items:center;
  justify-content:center;
  width:3.2rem;
  background:#e8ecf0;
  border-left:1px solid #cdd3db;
  font-size:.9rem;
  color:#555;
  user-select:none;
}

/* message “ajoutez 10 cm …” */
.dimension-hint{
  display:flex;
  align-items:center;
  gap:.45rem;
  margin:.75rem 0 1.25rem;
  font-size:.875rem;          /* 14 px */
  color:#333;
  font-weight:400;
}
.dimension-hint::before{
  
  color:#ff9100;
  font-weight:700;
  line-height:1;
  transform:translateY(-1px);
}

/* barre boutons (une seule colonne) */
.paperwall-configuration-buttons-bar{
  display:block;
}
#cropper_button_wrapper{width:100%;}

/* autre nettoyage divers */
a:not([href]){cursor:pointer;}
button#cropperButton.adding-cart{background:#000 !important;}
.product-form,
.btn--add-to-cart,
.product__block__remaining,
.tpo_option-set-wrapper{display:none !important;}

/*───────────────────────────────────────────────────────────────
  2 ▸ Mobile ≤ 768 px
────────────────────────────────────────────────────────────────*/
@media (max-width:768px){
   
  .dimension-controls{
    display: flex;
    flex-direction: row;
    gap: 1rem; /* pour un peu d'espace entre les champs */
    align-items: flex-start;                  
  }
   
    flex:1 1 48%;
    min-width:140px;
  }
 
 

  #main-configurator-window{
    display:block !important;
  }


  
}
@media (max-width:768px){
   
  .cropping_table_wrapper{display:block!important;}

   
  .cropping_table_box{
    position:static;
    transform:none;
    margin:1.5rem 0;   
  }
}

@media (max-width: 768px) {
  .paperwall-configuration-buttons-bar {
    flex-direction: column !important;
    align-items: center;
    position: static !important;
    margin-top: 1.5rem;
    width: 100%;
    padding: 0;
    background-color: transparent !important;
  }

  #cropper_button_wrapper {
    position: static !important;
    margin-top: 20px;
    width: 100%;
    text-align: center;
  }

  #cropperButton {
    
    background-color: {{ block.settings.button_bg_color }} !important;
    color: {{ block.settings.button_text_color }};
    border-radius: 8px;
    font-weight: bold;
  }

  .calculated_price_wrapper {
   padding-left: 10px;
    white-space: nowrap;
  }

  .cropping_table_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.configurator-step {
  background-color: white;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
}

.configurator-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #333;
  text-align: center;
}

span[data-product-price] {
  display: none !important;
}
@media (max-width: 768px) {
  .configurator-title {
    font-size: clamp(12px, 4vw, 16px); /* min 12px, max 16px */
    white-space: nowrap;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .dimension-hint {
    flex-wrap: nowrap;
    white-space: nowrap;
     
    overflow: hidden;
    
  }
}

@media (max-width: 768px) {
  .dimension-hint img {
    width: 10px !important;
    height: 10px !important;
    margin-right: 3px !important;
  }
}
@media (max-width: 767px) {
  .dimension-hint {
    font-size: 10px !important;
  }
}