/* Base Layout */
 #index-price.section {
   max-width: 1366px;
   margin: 0 auto;
   padding: 40px 0;
 }

 #index-price.container {
   padding: 0 15px;
 }

 /* Filter Container */
 #index-price .pru-filter-horizontal {
   background: #fff;
   padding: 20px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
 }

 #index-price .filter-inner-wrapper {
   display: flex;
   gap: 15px;
   align-items: flex-start;
   flex-wrap: nowrap;
 }

 #index-price .filter-item {
   display: flex;
   flex-direction: column;
 }

 #index-price .flex-grow-2 {
   flex: 2;
 }

 #index-price .flex-grow-1 {
   flex: 1;
 }

 #index-price .date-field {
   min-width: 180px;
   border: unset;
 }

 #index-price .filter-label {
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 8px;
   color: #1c1d1b;
 }

 #index-price .input-wrapper {
   position: relative;
 }

 #index-price .native-select,
 #index-price .date-field input {
   height: 48px;
   border: 1px solid #ccc;
   border-radius: 8px;
   background-color: white;
   padding: 0 15px;
   font-size: 14px;
   width: 100%;
   box-sizing: border-box;
   outline: none;
   -webkit-appearance: none;
 }

 #index-price .native-select {
   background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
   background-position: right 10px center;
   background-size: 20px;
   cursor: pointer;
 }

 #index-price .native-select:focus,
 #index-price .date-field input:focus {
   border-color: #ed1c24;
   background-color: #fff;
 }

 #index-price .icon-calendar {
   position: absolute;
   right: 12px;
   top: 50%;
   transform: translateY(-50%);
   pointer-events: none;
   display: flex;
   align-items: center;
 }

 #index-price .hint-text {
   font-size: 10px;
   color: #888;
   margin-top: 5px;
 }

 /* Button Styling */
 #index-price .btn-submit-red {
   background-color: #da291c;
   color: #fff;
   border: none;
   border-radius: 96px;
   padding: 0 35px;
   height: 48px;
   font-weight: bold;
   font-size: 1rem;
   cursor: pointer;
   margin-top: 24px;
   white-space: nowrap;
   transition: all 0.3s ease;
 }

 #index-price .btn-submit-red:hover:not(:disabled) {
   background-color: #c01319;
   transform: translateY(-1px);
 }

 /* State saat button disable */
 #index-price .btn-submit-red:disabled {
   background-color: #ccc;
   cursor: not-allowed;
   opacity: 0.7;
 }

 /* Iframe Display */
 #index-price #result-container {
   margin-top: 40px;
 }

 #index-price .iframe-wrapper {
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
 }

 /* Responsive */
 @media (max-width: 992px) {
   #index-price .filter-inner-wrapper {
     flex-direction: column;
     gap: 20px;
   }

   #index-price .flex-grow-1,
   #index-price .flex-grow-2,
   #index-price .date-field {
     width: 100%;
   }

  #index-price .btn-submit-red {
     margin-top: 10px;
     width: 100%;
   }

  #index-price .filter-label {
     min-height: auto;
   }
 }