#biaya {
     font-size: 32px;
     font-weight: 800;
     background: linear-gradient(135deg, rgba(205, 162, 116, 0.05) 0%, rgba(234, 88, 12, 0.05) 100%);
     border: 1px dashed rgba(205, 162, 116, 0.4);
     border-radius: var(--radius-md);
     margin-bottom: 30px;
     padding: 15px 25px;
     color: var(--accent);
     font-family: var(--font-headings);
     display: inline-block;
     letter-spacing: -0.5px;
     box-shadow: 0 4px 15px rgba(234, 88, 12, 0.05);
}

#hasil {
     font-weight: 400;
     font-size: 26px;
     color: var(--secondary-dark);
     margin: 40px 0px 10px 0px;
     font-family: var(--font-headings);
     line-height: 1.3;
}

#hasil strong {
     color: var(--primary);
     font-weight: 800;
}

.order-now {
     padding: 0px;
     border: none;
     background: none;
     font-size: 15px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-family: var(--font-headings);
     border-radius: var(--radius-md);
     box-shadow: 0 4px 15px rgba(15, 23, 42, 0.1);
     overflow: hidden;
     transition: var(--transition);
     display: grid;
     grid-template-columns: 1fr 55px;
     align-items: center;
}

.order-now:hover {
     cursor: pointer;
     transform: translateY(-3px);
     box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18);
}

.text-button-1 {
     background: linear-gradient(135deg, #2563eb, #1d4ed8);
     color: white !important;
     font-weight: 700;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 16px 20px;
     transition: var(--transition);
}

.text-button-1:hover {
     background: linear-gradient(135deg, #1d4ed8, #1e40af);
}

.text-button-2 {
     background: linear-gradient(135deg, #10b981, #059669);
     color: white !important;
     font-weight: 700;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 16px 20px;
     transition: var(--transition);
}

.text-button-2:hover {
     background: linear-gradient(135deg, #059669, #047857);
}

.icon-button {
     background: rgba(15, 23, 42, 0.95);
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 14px;
     border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.icon-button img {
     width: 20px;
     height: 20px;
     filter: brightness(0) invert(1);
}

.imageDetail {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
     margin-top: 15px;
}

.thumbnailImageDetail {
     object-fit: cover;
     height: 80px;
     width: 80px;
     border-radius: var(--radius-sm);
     border: 2px solid var(--border-color);
     transition: var(--transition);
     cursor: pointer;
}

.thumbnailImageDetail:hover {
     border-color: var(--primary);
     transform: scale(1.05);
}

@media (max-width: 740px) {
     .imageDetail {
          display: grid;
          grid-gap: 10px;
          grid-template-columns: 1fr 1fr 1fr 1fr;
     }
     
     .order-now {
          margin-bottom: 15px;
     }
     
     .dua-kolom-btn {
          display: flex;
          flex-direction: column;
     }
}

@media (min-width: 741px) {
     .imageDetail a {
          display: inline-block;
     }
     
     .dua-kolom-btn {
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-gap: 20px;
     }
}