.elementor-18907 .elementor-element.elementor-element-683111f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18907 .elementor-element.elementor-element-fe29480 > .elementor-widget-container{margin:0px 0px 10px 0px;padding:5px 5px 5px 5px;}@media(max-width:768px){.elementor-18907 .elementor-element.elementor-element-683111f{--min-height:500px;}.elementor-18907 .elementor-element.elementor-element-fe29480 > .elementor-widget-container{margin:0px 0px 10px 0px;}}/* Start custom CSS */.quiz-result-box {
  background: #f7f7f7;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 25px;
  text-align: center;
}

.quiz-result-box h2 {
  margin: 0 0 10px;
  font-size: 24px;
}

.woocommerce ul.products li.product {
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 15px;
  transition: all 0.3s ease;
  background: #fff;
}

.woocommerce ul.products li.product:hover {
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transform: translateY(-5px);
}

.woocommerce ul.products li.product img {
  border-radius: 10px;
}

.woocommerce ul.products li.product .price {
  font-weight: bold;
  color: #000;
}

.woocommerce ul.products li.product .button {
  background: #000;
  color: #fff;
  border-radius: 30px;
  padding: 10px 18px;
}
.btn {
  display: inline-block;
  background: #222;
  color: #fff;
  padding: 12px 24px;
  border-radius: 30px;
  text-decoration: none;
}
/* ===============================
   WPForms Image Choices Responsive
   Desktop: Full / Natural
   Mobile: Fixed & Clean
================================ */

/* GENEL (Desktop default davranış) */
.wpforms-form .wpforms-image-choices {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.wpforms-form .wpforms-image-choices img {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    border-radius: 8px;
}

/* ===============================
   TABLET & MOBILE
================================ */
@media (max-width: 768px) {

    .wpforms-form .wpforms-image-choices {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .wpforms-form .wpforms-image-choices img {
        width: 100%;
        height: 140px;
        object-fit: cover;
    }
}

/* ===============================
   SMALL MOBILE
================================ */
@media (max-width: 480px) {

    .wpforms-form .wpforms-image-choices {
        grid-template-columns: 1fr;
    }

    .wpforms-form .wpforms-image-choices img {
        height: 180px;
    }
}

/* ===============================
   UX: Click & Selected State
================================ */
.wpforms-image-choices label {
    cursor: pointer;
}

.wpforms-image-choices input:checked + label img {
    outline: 3px solid #2563eb;
    outline-offset: 3px;
}/* End custom CSS */