Refactor SCSS imports and add local settings for build permissions

- Updated main.scss to remove redundant forward for "shame".
- Added .claude/settings.local.json to configure permissions for build commands.

.claude/settings.local.json

@@ -0,0 +1,8 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm run build:styles:*)",
+      "Bash(powershell -Command \"cd ''c:\\\\visual studio code\\\\projekty\\\\ostal.pl\\\\wp-content\\\\themes\\\\ostal_WP''; npm run build:styles\")"
+    ]
+  }
+}

.vscode/settings.json

@@ -12,6 +12,7 @@
 	"liveSassCompile.settings.autoprefix": "defaults",
 	"liveSassCompile.settings.watchOnLaunch": true,
   "liveSassCompile.settings.includeItems": [
-    "wp-content/themes/ostal_WP/css/custom.scss"
+    "wp-content/themes/ostal_WP/css/custom.scss",
+    "wp-content/themes/ostal_WP/sass/main.scss",
   ]
 }

konfigurator-mail.php

@@ -71,8 +71,29 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
   $message .= '<li>Imię: ' . $configData['step_4']['name'] . '</li>';
   $message .= '<li>E-mail: ' . $configData['step_4']['email'] . '</li>';
   $message .= '<li>Telefon: ' . $configData['step_4']['phone'] . '</li>';
+  if (isset($configData['step_4']['planned_date']) && $configData['step_4']['planned_date']) {
+    $message .= '<li>Planowany termin montażu: ' . $configData['step_4']['planned_date'] . '</li>';
+  }
+  if (isset($configData['step_4']['budget_range']) && $configData['step_4']['budget_range']) {
+    $message .= '<li>Orientacyjny budżet: ' . $configData['step_4']['budget_range'] . '</li>';
+  }
+  if (isset($configData['step_4']['is_owner']) && $configData['step_4']['is_owner']) {
+    $message .= '<li>Właściciel nieruchomości: ' . $configData['step_4']['is_owner'] . '</li>';
+  }
   $message .= '</ul>';
 
+  if (isset($configData['step_4']['confirm_budget']) || isset($configData['step_4']['confirm_deposit'])) {
+    $message .= '<p>Potwierdzenia</p>';
+    $message .= '<ul>';
+    if (isset($configData['step_4']['confirm_budget']) && $configData['step_4']['confirm_budget']) {
+      $message .= '<li>✅ Rozumiem, że realizacje całorocznych ogrodów zimowych zaczynają się od około 120 000 zł netto.</li>';
+    }
+    if (isset($configData['step_4']['confirm_deposit']) && $configData['step_4']['confirm_deposit']) {
+      $message .= '<li>✅ Rozumiem, że do rezerwacji terminu realizacji wymagana jest zaliczka (ok. 40%).</li>';
+    }
+    $message .= '</ul>';
+  }
+
   if (send_email($to, $configData['step_4']['email'], $subject, $message, $file)) {
       $_SESSION["configurator_sended"] = true;
       echo json_encode(['status' => 'ok', 'message' => 'Wiadmość wysłana']);

wp-content/themes/ostal_WP/css/custom.css

@@ -1 +1 @@
-#home-page-seo .wrapper{padding-top:75px;padding-bottom:0}#home-page-seo .wrapper h2{margin-left:0;max-width:100%}#garden-page-seo .wrapper{padding-top:0;padding-bottom:75px}#garden-page-seo .wrapper h2{margin-left:0;max-width:100%}.pagination{display:flex;align-items:center;margin:25px 0 50px;justify-content:center;width:100%;font-size:16px;gap:10px}.pagination a{font-size:16px}.c-select p{margin-bottom:5px !important}.c-select select{border:1px solid #88b14b;padding:10px;width:100%}body.page-id-2598 main section#korzysci .boxes.simple-cards{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner{flex-direction:column}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner h2{margin:0}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner p{margin:0}/*# sourceMappingURL=custom.css.map */
+#home-page-seo .wrapper{padding-top:75px;padding-bottom:0}#home-page-seo .wrapper h2{margin-left:0;max-width:100%}#garden-page-seo .wrapper{padding-top:0;padding-bottom:75px}#garden-page-seo .wrapper h2{margin-left:0;max-width:100%}.pagination{display:flex;align-items:center;margin:25px 0 50px;justify-content:center;width:100%;font-size:16px;gap:10px}.pagination a{font-size:16px}.c-select p{margin-bottom:5px !important}.c-select select{border:1px solid #88b14b;padding:10px;width:100%}body.page-id-2598 main section#korzysci .boxes.simple-cards{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner{flex-direction:column}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner h2{margin:0}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner p{margin:0}#calc-ch-1 .slide-data{flex-wrap:wrap}#calc-ch-1 .slide-data .calc-texts{width:calc(100% - 200px) !important}.checkboxes-confirm{padding:5px 37px}.swiper-wrapper.wrapper--inner{background:#000}.swiper-wrapper.wrapper--inner .swiper-slide:first-child h1{flex:0 0 35% !important}.swiper-wrapper.wrapper--inner .swiper-slide:first-child .hero-slider-content{flex:0 0 65% !important}/*# sourceMappingURL=custom.css.map */

wp-content/themes/ostal_WP/css/custom.css.map

@@ -1 +1 @@
-{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AACC,wBACC,gBAAA,CACA,gBAAA,CAEA,2BACC,aAAA,CACA,cAAA,CAMF,0BACC,aAAA,CACA,mBAAA,CAEA,6BACC,aAAA,CACA,cAAA,CAKH,YACC,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,cAAA,CACA,QAAA,CAEA,cACC,cAAA,CAKD,YACC,4BAAA,CAED,iBACC,wBAAA,CACA,YAAA,CACA,UAAA,CAOC,4DACC,0DAAA,CAID,uEACC,qBAAA,CAEA,0EACC,QAAA,CAED,yEACC,QAAA","file":"custom.css"}
+{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AACE,wBACE,gBAAA,CACA,gBAAA,CAEA,2BACE,aAAA,CACA,cAAA,CAMJ,0BACE,aAAA,CACA,mBAAA,CAEA,6BACE,aAAA,CACA,cAAA,CAKN,YACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,cAAA,CACA,QAAA,CAEA,cACE,cAAA,CAKF,YACE,4BAAA,CAGF,iBACE,wBAAA,CACA,YAAA,CACA,UAAA,CAOE,4DACE,0DAAA,CAKF,uEACE,qBAAA,CAEA,0EACE,QAAA,CAGF,yEACE,QAAA,CAQR,uBACE,cAAA,CAEA,mCACE,mCAAA,CAKN,oBACE,gBAAA,CAGF,+BACE,eAAA,CAGE,4DACE,uBAAA,CAGF,8EACE,uBAAA","file":"custom.css","sourcesContent":["#home-page-seo {\r\n  .wrapper {\r\n    padding-top: 75px;\r\n    padding-bottom: 0;\r\n\r\n    h2 {\r\n      margin-left: 0;\r\n      max-width: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n#garden-page-seo {\r\n  .wrapper {\r\n    padding-top: 0;\r\n    padding-bottom: 75px;\r\n\r\n    h2 {\r\n      margin-left: 0;\r\n      max-width: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n.pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  margin: 25px 0 50px;\r\n  justify-content: center;\r\n  width: 100%;\r\n  font-size: 16px;\r\n  gap: 10px;\r\n\r\n  a {\r\n    font-size: 16px;\r\n  }\r\n}\r\n\r\n.c-select {\r\n  p {\r\n    margin-bottom: 5px !important;\r\n  }\r\n\r\n  select {\r\n    border: 1px solid #88b14b;\r\n    padding: 10px;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\nbody.page-id-2598 {\r\n  main {\r\n    section#korzysci {\r\n      .boxes.simple-cards {\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n      }\r\n    }\r\n\r\n    section#garden-page-seo {\r\n      .wrapper.wrapper--inner {\r\n        flex-direction: column;\r\n\r\n        h2 {\r\n          margin: 0;\r\n        }\r\n\r\n        p {\r\n          margin: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n#calc-ch-1 {\r\n  .slide-data {\r\n    flex-wrap: wrap;\r\n\r\n    .calc-texts {\r\n      width: calc(100% - 200px) !important;\r\n    }\r\n  }\r\n}\r\n\r\n.checkboxes-confirm {\r\n  padding: 5px 37px;\r\n}\r\n\r\n.swiper-wrapper.wrapper--inner {\r\n  background: #000;\r\n\r\n  .swiper-slide:first-child {\r\n    h1 {\r\n      flex: 0 0 35% !important;\r\n    }\r\n\r\n    .hero-slider-content {\r\n      flex: 0 0 65% !important;\r\n    }\r\n  }\r\n}"]}

wp-content/themes/ostal_WP/css/custom.scss

@@ -40,6 +40,7 @@
   p {
     margin-bottom: 5px !important;
   }
+
   select {
     border: 1px solid #88b14b;
     padding: 10px;
@@ -54,6 +55,7 @@ body.page-id-2598 {
         grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
       }
     }
+
     section#garden-page-seo {
       .wrapper.wrapper--inner {
         flex-direction: column;
@@ -61,6 +63,7 @@ body.page-id-2598 {
         h2 {
           margin: 0;
         }
+
         p {
           margin: 0;
         }
@@ -68,3 +71,31 @@ body.page-id-2598 {
     }
   }
 }
+
+#calc-ch-1 {
+  .slide-data {
+    flex-wrap: wrap;
+
+    .calc-texts {
+      width: calc(100% - 200px) !important;
+    }
+  }
+}
+
+.checkboxes-confirm {
+  padding: 5px 37px;
+}
+
+.swiper-wrapper.wrapper--inner {
+  background: #000;
+
+  .swiper-slide:first-child {
+    h1 {
+      flex: 0 0 35% !important;
+    }
+
+    .hero-slider-content {
+      flex: 0 0 65% !important;
+    }
+  }
+}

wp-content/themes/ostal_WP/custom.scss

@@ -233,6 +233,7 @@
               display: flex;
               flex-direction: row;
               row-gap: 20px;
+              flex-wrap: wrap;
 
               img {
                 width: 100%;
@@ -241,7 +242,7 @@
               }
 
               .calc-texts {
-								width: 100%;
+                width: calc(100% - 200px);
               }
 
               @media (max-width: 767px) {

wp-content/themes/ostal_WP/page-2101.php

@@ -109,6 +109,9 @@
                             </select>
                           </li>
                         </ul>
+                        <p v-if="selected_option_1 === 0" class="budget-info" style="margin-top: 20px; font-size: 14px; color: #666; font-style: italic;">
+                          Orientacyjny budżet całorocznego ogrodu zimowego zwykle mieści się w przedziale 120 000 – 180 000 zł netto
+                        </p>
                       </div>
                     </div>
 
@@ -252,6 +255,47 @@
                         </li>
                       </ul>
 
+                      <ul v-if="selected_option_1 === 0" class="calc-texts" style="margin-top: 20px;">
+                        <li class="c-select">
+                          <p>Planowany termin montażu</p>
+                          <select v-model="configData.step_4.planned_date">
+                            <option value="">-- Wybierz --</option>
+                            <option value="3–6 miesięcy">3–6 miesięcy</option>
+                            <option value="6–12 miesięcy">6–12 miesięcy</option>
+                            <option value="później">później</option>
+                          </select>
+                        </li>
+                        <li class="c-select">
+                          <p>Orientacyjny budżet</p>
+                          <select v-model="configData.step_4.budget_range">
+                            <option value="">-- Wybierz --</option>
+                            <option value="poniżej 100 000 zł">poniżej 100 000 zł</option>
+                            <option value="120 000 – 150 000 zł">120 000 – 150 000 zł</option>
+                            <option value="150 000 – 200 000 zł">150 000 – 200 000 zł</option>
+                            <option value="powyżej 200 000 zł">powyżej 200 000 zł</option>
+                          </select>
+                        </li>
+                        <li class="c-select">
+                          <p>Czy jesteś właścicielem nieruchomości?</p>
+                          <select v-model="configData.step_4.is_owner">
+                            <option value="">-- Wybierz --</option>
+                            <option value="Tak">Tak</option>
+                            <option value="Nie">Nie</option>
+                          </select>
+                        </li>
+                      </ul>
+
+                      <div v-if="selected_option_1 === 0" class="checkboxes-confirm" style="margin-top: 20px;">
+                        <label style="display: flex; align-items: flex-start; gap: 10px; margin-bottom: 15px; cursor: pointer;">
+                          <input type="checkbox" v-model="configData.step_4.confirm_budget" style="margin-top: 4px; flex-shrink: 0;">
+                          <span style="font-size: 14px;">Rozumiem, że realizacje całorocznych ogrodów zimowych zaczynają się od około 120 000 zł netto.</span>
+                        </label>
+                        <label style="display: flex; align-items: flex-start; gap: 10px; margin-bottom: 15px; cursor: pointer;">
+                          <input type="checkbox" v-model="configData.step_4.confirm_deposit" style="margin-top: 4px; flex-shrink: 0;">
+                          <span style="font-size: 14px;">Rozumiem, że do rezerwacji terminu realizacji wymagana jest zaliczka (ok. 40%).</span>
+                        </label>
+                      </div>
+
                       <button class="btn_send btn btn-primary" type="submit" @click="sendEmail()" :disabled="isSended">Wyślij</button>
                     </div>
 
@@ -347,6 +391,11 @@
             name: '',
             email: '',
             phone: '',
+            planned_date: '',
+            budget_range: '',
+            is_owner: '',
+            confirm_budget: false,
+            confirm_deposit: false,
           }
         }
       }
@@ -487,12 +536,25 @@
           return true;
         };
 
-        return checkFields(configData, ['step_3_extra']);
+        return checkFields(configData, ['step_3_extra', 'planned_date', 'budget_range', 'is_owner', 'confirm_budget', 'confirm_deposit']);
       },
 
 
       checkFields() {
-        return this.areAllFieldsFilled(this.configData);
+        const basicFieldsFilled = this.areAllFieldsFilled(this.configData);
+
+        // Dla ogrodów zimowych (selected_option_1 === 0) wymagaj dodatkowych pól i checkboxów
+        if (this.selected_option_1 === 0) {
+          if (!this.configData.step_4.planned_date ||
+              !this.configData.step_4.budget_range ||
+              !this.configData.step_4.is_owner ||
+              !this.configData.step_4.confirm_budget ||
+              !this.configData.step_4.confirm_deposit) {
+            return false;
+          }
+        }
+
+        return basicFieldsFilled;
       },
 
       resetAllFields() {

wp-content/themes/ostal_WP/page-2598.php

@@ -72,7 +72,7 @@ $collaboration = [
                 <p class="hero-text text-white">Realizacje całorocznych ogrodów zimowych startują od ok. 120 000 zł netto.</p>
             </div>
             <div class="hero-form">
-                <?php echo do_shortcode('[contact-form-7 id="21a1143" title="Formularz kontaktowy"]'); ?>
+                <?php echo do_shortcode('[contact-form-7 id="26e16e5" title="Formularz kontaktowy dla firm"]'); ?>
             </div>
         </div>
 </section>
@@ -116,7 +116,7 @@ $collaboration = [
         </div>
         <div class="col col-image">
             <div class="image-wrapper">
-                <img src="https://ostal.pl/wp-content/uploads/2023/10/DECORATION-PHOTO-1.jpg" alt="" class="img-auto section-image">
+                <img src="https://ostal.pl/wp-content/uploads/2026/01/IMG_2832-scaled.jpg" alt="" class="img-auto section-image">
             </div>
         </div>
     </div>
@@ -126,7 +126,7 @@ $collaboration = [
     <div class="wrapper wrapper--inner  imageLeft">
         <div class="col col-image">
             <div class="image-wrapper">
-                <img src="https://ostal.pl/wp-content/uploads/2023/10/DECORATION-PHOTO-1.jpg" alt="" class="img-auto section-image">
+                <img src="https://ostal.pl/wp-content/uploads/2026/01/IMG_1341-scaled.jpg" alt="" class="img-auto section-image">
             </div>
         </div>
         <div class="col col-text">
@@ -151,7 +151,7 @@ $collaboration = [
         </div>
         <div class="col col-image">
             <div class="image-wrapper">
-                <img src="https://ostal.pl/wp-content/uploads/2023/10/DECORATION-PHOTO-1.jpg" alt="" class="img-auto section-image">
+                <img src="https://ostal.pl/wp-content/uploads/2026/01/199-f27gxxl.jpg" alt="" class="img-auto section-image">
             </div>
         </div>
     </div>

wp-content/themes/ostal_WP/sass/06-pages/_configurator.scss

@@ -10,6 +10,7 @@
       padding-bottom: 0 !important;
     }
   }
+
   .section-realizacje {
     .recent-realizations-item {
       width: 25%;
@@ -21,15 +22,18 @@
       @media (min-width: 1536px) {
         padding-bottom: 20rem;
       }
+
       @media (max-width: 1000px) {
         width: 50%;
         margin: 0;
       }
+
       @media (max-width: 640px) {
         padding-bottom: 10rem;
       }
     }
   }
+
   .section-contact {
     display: grid;
     grid-template-columns: 2fr 1fr;
@@ -58,6 +62,7 @@
           }
         }
       }
+
       .section-contact-texts-txt {
         padding: 25px;
         color: #1d293f;
@@ -118,6 +123,7 @@
               }
             }
           }
+
           .required-alert {
             p {
               color: #cd1f27;
@@ -128,12 +134,14 @@
               margin-bottom: 0;
             }
           }
+
           .marketing {
             input[type='checkbox'] {
               &::before {
                 border-radius: 0;
               }
             }
+
             label {
               font-size: 10px;
               font-style: normal;
@@ -141,6 +149,7 @@
               line-height: normal;
             }
           }
+
           .wpforms-submit {
             display: block;
             margin-left: auto;
@@ -159,6 +168,7 @@
       }
     }
   }
+
   #calc-container {
     .calc-bar-fix {
       overflow: hidden;
@@ -170,6 +180,7 @@
 
         .progress-bar {
           background: #ddd;
+
           .progress-bar-line {
             background: #88b14b;
             display: block;
@@ -194,6 +205,7 @@
           width: 400%;
           margin-left: 0%;
         }
+
         .calc-s {
           width: 100%;
           max-width: 70%;
@@ -221,6 +233,7 @@
               display: flex;
               flex-direction: row;
               row-gap: 20px;
+              flex-wrap: wrap;
 
               img {
                 width: 100%;
@@ -229,7 +242,7 @@
               }
 
               .calc-texts {
-								width: 100%;
+                width: calc(100% - 200px);
               }
 
               @media (max-width: 767px) {
@@ -316,6 +329,7 @@
                     margin-left: 20px;
                     flex-shrink: 0;
                   }
+
                   .radio-text {
                     .radio-title {
                       font-weight: 600;
@@ -324,6 +338,7 @@
                   }
                 }
               }
+
               ul.calc-texts {
                 list-style: none;
                 margin: 0;
@@ -334,6 +349,7 @@
                   &:not(:last-child) {
                     margin-bottom: 10px;
                   }
+
                   p {
                     font-weight: 600;
                     font-size: 16px;
@@ -350,6 +366,7 @@
                       outline: none;
                     }
                   }
+
                   /********** Range Input Styles **********/
                   /*Range Reset*/
                   input[type='range'] {
@@ -376,9 +393,11 @@
 
                   /* slider thumb */
                   input[type='range']::-webkit-slider-thumb {
-										-webkit-appearance: none; /* Override default look */
+                    -webkit-appearance: none;
+                    /* Override default look */
                     appearance: none;
-										margin-top: -6px; /* Centers thumb on the track */
+                    margin-top: -6px;
+                    /* Centers thumb on the track */
                     border-radius: 4px;
                     /*custom styles*/
                     background-color: #121e23;
@@ -399,8 +418,10 @@
 
                   /* slider thumb */
                   input[type='range']::-moz-range-thumb {
-										border: none; /*Removes extra border that FF applies*/
+                    border: none;
-										border-radius: 0px; /*Removes default border-radius that FF applies*/
+                    /*Removes extra border that FF applies*/
+                    border-radius: 0px;
+                    /*Removes default border-radius that FF applies*/
 
                     /*custom styles*/
                     background-color: #121e23;
@@ -487,6 +508,7 @@
                 top: 40px;
               }
             }
+
             .prev {
               left: 25px;
 
@@ -494,6 +516,7 @@
                 transform: rotate(180deg);
               }
             }
+
             .next {
               right: 25px;
             }

wp-content/themes/ostal_WP/sass/main.scss

@@ -6,4 +6,3 @@
 @forward "06-pages";
 @forward "07-themes";
 @forward "shame";
-