/* Имеющийся CSS для форм стикеров */
    #stickerFormUnique, 
    #stickerFormUpdated, 
    #ovalStickerForm, 
    #customStickerForm, 
    #stickerPackForm, 
    #stickerFormNew, 
    #stickerFormRect, 
    #stickerFormRound3D, 
    #stickerFormOval, 
    #figurativeStickerForm, 
    #sticker3dForm,
    #stickerFormCircle,
    #stickerVinylForm,
    #UVForm,
    #UVOVALForm,
    #stickerVinylFormkrugUV,
    #UVFIGURForm,
    #UVNABORForm,
    #stickerForm3dsquare,
    #stickerForm3dKRUG,
    #stickerForm3dFIGUR,
    #stickerForm3dOVALNI
    

    {
      background: #F1F2F0;
      max-width: 400px;
      border-radius: 10px;
      gap: 15px;
      display: flex;
      flex-direction: column;
      padding: 20px;
      margin: 20px auto;
    }
    
    .time:before {
      content: url('https://evo-sticker.ru/wp-content/uploads/2025/02/Stylelinear-1.svg');
      margin-right: 6px;
      vertical-align: middle;
    }
    
    #stickerForm {
          background: #F1F2F0;
      max-width: 400px;
      border-radius: 10px;
      gap: 15px;
      display: flex;
      flex-direction: column;
  
    }
    
    #widthVinyl, #heightVinyl, #quantityVinyl, #holographicVinyl {
        width: 400px
    }
    
    .time {
      position: relative;
      display: inline-block;
    }
    
    /* Общий стиль для строк формы */
    .form-row {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    
    /* Стили для подписей (label) */
    .form-row label {
      width: 100px;
      font-weight: 700;
      color: #333;
      font-family: "Canela", Sans-serif;
    }
    
    /* Поля ввода и select */
    .form-row input,
    .form-row select {
      flex: 1;
      padding: 8px;
      border-radius: 20px;
      font-size: 14px;
    }
    
    input::placeholder {
      color: #808080;
    }
    
    /* Отдельная стилизация для блока размеров (если понадобится) */
    .dimension-fields {
      display: flex;
      align-items: center;
    }
    
    .dimension-fields input {
      width: 60px;
      text-align: center;
    }
    
    .times-symbol,
    .unit-label {
      margin-left: 5px;
      color: #333;
      font-size: 14px;
      font-weight: 500;
    }
    
    .times-symbol {
      margin-right: 5px;
    }
    
    /* При фокусе на поле */
    .form-row input:focus,
    .form-row select:focus {
      border-color: #007bff;
      outline: none;
    }
    
    .form-row select, .form-row input {
      font-weight: 400;
      color: #808080 !important;
      font-family: "Canela", Sans-serif;
      border: none !important;
    }
    
    /* Блоки с результатами */
    #stickerPriceUnique, 
    #stickerTimeUnique,
    #stickerResult, 
    #stickerTime,
    #result, 
    #time,
    #ovalStickerResult, 
    #ovalStickerTime, 
    #customTime, 
    #customResult, 
    #stickerPackTim, 
    #stickerPackResult, 
    #stickerPackTime, 
    #stickerPriceNew, 
    #stickerTimeNew,
    #stickerRectResult, 
    #stickerRectTime, 
    #stickerRound3DTime, 
    #stickerRound3DResult, 
    #stickerOvalTime, 
    #stickerOvalResult, 
    #figurativeStickerTime, 
    #figurativeStickerResult, 
    #sticker3dPackResult, 
    #sticker3dPackTime,
    #stickerUVPPackResult,
    #stickerUVPPackTime,
    #circleResult, 
    #circleTime, 
    #stickerFormPackTime, 
    #stickerVinylTime,
    #UVTime,
    #UVFIGURTime,
    #UVFUGURResult,
    #UVResult,
    #UVOVALTime,
    #UVOVALResult,
    #stickerResultkrugUV,
    #stickerVinylTimekrugUV,
    #UVNABORResult, 
    #UVNABORTime,
    #stickerResult3dKRUG,
    #stickerResult3dOVAL,
    #stickerResult3dsquare,
    #stickerResult3dFIGUR,
    #stickerTime3dOVAL,
    #stickerTime3dKRUG,
    #stickerTime3dsquare,
    #stickerTime3dFIGUR
    
  
    
    {
      align-items: center;
      width: max-content;
      justify-content: center;
      flex-direction: column;
    }
    
    .result-container {
      flex-direction: row;
      gap: 20px;
    }
    
    .result{
        display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
    }
    
    #calc-result {
        margin-bottom: 10px;
    }
    
    #stickerFormPackTime {
    margin-top: 20px;
    }
    
    /* Текст в результатах */
    #stickerPriceTextUnique, 
    #stickerTimeUnique h6,
    #stickerTextResult, 
    #stickerTime h6,
    #textResult, 
    #time h6,
    #ovalStickerTextResult, 
    #ovalStickerTime h6, 
    #customTime h6, 
    #customTextResult, 
    #stickerPackTextResult, 
    #stickerPackTime h6, 
    #stickerPriceTextNew, 
    #stickerTimeNew h6, 
    #stickerRectResult h6, 
    #stickerRectTime h6, 
    #stickerRound3DResult h6, 
    #stickerRound3DTime h6, 
    #stickerOvalTime h6, 
    #stickerOvalResult h6, 
    #figurativeStickerTextResult, 
    #figurativeStickerTime h6, 
    #sticker3dPackTextResult, 
    #sticker3dPackTime h6, 
    #circleResult h6,
     #totalPrice, 
     #totalPriceUV, 
     #totalPriceUVOVAL, 
     #totalPricekrugUV,
     #totalPriceUVFIGUR,
     #totalPriceUVNABOR, 
     #unitPricekrugUV, 
     #unitPriceUVOVAL, 
     #unitPriceUV, 
     #unitPriceUVFIGUR, 
     #unitPriceUVNABOR, 
     #unitPrice3dKRUG,
    #totalPrice3dKRUG,
    #unitPrice3dOVAL,
    #totalPrice3dOVAL,
    #unitPrice3dsquare,
    #totalPrice3dsquare,
    #unitPrice3dFIGUR,
    #totalPrice3dFIGUR,
    
    .time
     
     {
      color: #5D31FF;
      font-weight: bold;
      margin-bottom: 10px;
      text-align: center;
    }
    
    #stickerPriceTextUnique, 
    #stickerTextResult, 
    #textResult,
    #ovalStickerTextResult, 
    #customTextResult, 
    #stickerPriceNew, 
    #stickerPriceTextNew, 
    #stickerRectTextResult, 
    #stickerRound3DResult h6, 
    #stickerOvalResult h6, 
    #figurativeStickerTextResult, 
    #sticker3dPackTextResult, 
    #stickerPackTextResult, 
    #circleTextResult,
    #totalPrice,
    #totalPriceUV,
    #totalPriceUVOVAL,
    #totalPricekrugUV,
    #totalPriceUVFIGUR,
    #totalPriceUVNABOR, 
    #unitPricekrugUV, 
    #unitPriceUVOVAL, 
    #unitPriceUV, 
    #unitPriceUVFIGUR, 
    #unitPriceUVNABOR,
    #unitPrice3dKRUG,
    #totalPrice3dKRUG,
    #unitPrice3dOVAL,
    #totalPrice3dOVAL,
    #unitPrice3dsquare,
    #totalPrice3dsquare,
    #unitPrice3dFIGUR,
    #totalPrice3dFIGUR
    {
      font-size: 25px;
      color: #5D31FF;
    }
    
    #stickerTimeUnique p, 
    #stickerTime p, 
    #time p,
    #ovalStickerTime p, 
    #customTime p, 
    #stickerTimeNew p, 
    #stickerRectResult p, 
    #stickerRectTime p, 
    #stickerRound3DTime p, 
    #stickerOvalTime p, 
    #figurativeStickerTime p, 
    #sticker3dPackTime p, 
  
 


    
   
    {
      font-size: 14px;
      font-family: "Canela", sans-serif;
      text-align: center;
    }
    
    #stickerTimeUnique h6, 
    #stickerTime h6, 
    #time h6,
    #ovalStickerTime h6, 
    #customTime h6, 
    #stickerTimeNew h6, 
    #circleTime h6,
 
    

    
    
      
    {
      font-size: 18px;
    }
    
    /* Стили для select */
    .select-wrapper {
      position: relative;
    }
    
    .select-wrapper select {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      padding: 8px 12px;
      width: 250px;
      border: 1px solid #ccc;
      border-radius: 20px;
      cursor: pointer;
      background-color: white;
    }
    
    /* Кастомная стрелка */
    .select-wrapper::after {
      content: "\25BC";
      font-size: 10px;
      color: #5D31FF;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none;
      background-color: #FFFFFF;
     padding: 7px 0 0 6px;
    height: 30px;
    width: 20px;
    right: 5px;
    border-radius: 160px;
}
    
    
    /* Стилизация кнопок и других элементов (при необходимости) */
    .wpcf7-form-control-wrap input {
      border-color: #FFFFFF;
      border-width: 0px 0px 3px 0px;
      border-radius: 5px;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
    }
    
    .wpcf7-form-control-wrap input::placeholder {
      color: #808080 !important;
    }
    
    .wpcf7-submit {
      background-color: transparent;
      color: #5D31FF;
      border: 3px solid #5D31FF;
      border-radius: 120px;
      width: 100%;
      height: 56px;
      margin-top: 20px;
      font-weight: 600;
    }
    
    .wpcf7-submit:hover {
      background-color: #5D31FF;
      color: #FFFFFF;
    }
    
    .counter-btn--minus, .counter-btn--plus {
      background: #5D31FF;
      border: none;
      color: #FFFFFF;
      font-family: "Canela", Sans-serif;
      font-size: 17px;
      font-weight: 400;
      text-transform: uppercase;
      border-radius: 20px;
    }
    
    .counter-btn--minus:focus, .counter-btn--plus:focus,
    .counter-btn--minus:hover, .counter-btn--plus:hover {
      background: #5D31FF;
    }
    
    .wpcf7-spinner {
      display: none;
    }
    
    .form__container {
      display: flex;
      flex-direction: row;
      align-items: end;
      gap: 33%;
    }
    
    h6 {
      margin: 0;
    }
    
    .result p {
      margin-bottom: 10px;
      font-size: 14px;
      text-align: center;
    }
    
    .result-container-new {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
    }
    
    .textResultSticker {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 4px;
    }
    
    @media screen and (max-width: 1024px) {
      .form__container {
        flex-direction: column;
        align-items: center;
        gap: 40px;
      }
    }
    
    @media screen and (max-width: 768px) {
           #stickerResultkrugUV, #UVOVALResult, #UVResult, #UVFIGURResult, #UVNABORResult {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
    }
    
     @media screen and (max-width: 480px) {
          .select-wrapper select {
                  width: 100%;
          }
    }
    
    
    /* Дополнительные стили для вывода результата калькулятора */
    #calc-result {
      font-size: 25px;
      font-weight: bold;
      color: #5D31FF;
      text-align: center;
      margin-top: 15px;
    }