/** Shopify CDN: Minification failed

Line 513:2 Unexpected "}"

**/
.color-white {
    color: #fff !important;
  }
  .product-buy .shopify-product-form {
    width: 50% !important;
  }
  .product-buy .shopify-payment-button .shopify-payment-button__button {
    background-color: #0d6efd !important;
    border: 1px solid transparent !important;
    border-radius: 0.375rem !important;
    color: #fff !important;
    cursor: pointer !important;
    display: block !important;
    font-family: DM Sans, sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin-top: 0.75rem !important;
    padding: 0.75rem 1rem !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
    width: 100% !important;
  }
  .product-buy .shopify-payment-button .shopify-payment-button__button:focus,
  .product-buy .shopify-payment-button .shopify-payment-button__button:hover {
    background-color: #0b5ed7 !important;
    border-color: #0a58ca !important;
    color: #fff !important;
  }
  .product-buy .shopify-payment-button .shopify-payment-button__button:focus {
    box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5) !important;
  }
  .product-buy .shopify-payment-button .shopify-payment-button__button:active {
    background-color: #0a58ca !important;
    border-color: #0a53be !important;
    color: #fff !important;
  }
  .product-buy .shopify-payment-button .shopify-payment-button__more-options {
    margin-top: 0.5rem !important;
    text-align: center !important;
  }
  .product-buy #add-to-cart {
    font-weight: 500;
    transition: all 0.15s ease-in-out;
  }
  .product-buy #add-to-cart:hover:not(:disabled) {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
  }
  .product-buy #add-to-cart:active:not(:disabled) {
    transform: translateY(0);
  }
  .product-buy #add-to-cart:disabled {
    cursor: not-allowed;
    opacity: 0.6;
  }
  .product-buy #add-to-cart:disabled,
  .product-buy #add-to-cart:disabled:hover {
    box-shadow: none !important;
    transform: none !important;
  }
  .product-buy.out-of-stock .shopify-product-form {
    display: none !important;
  }
  .gmv-product-form .bold_option_dropdown .bold_option_element:after {
    border-top: none;
  }
  .bold_option_dropdown .bold_option_element:after {
    background: transparent !important;
  }
  .bold_option.bold_option_radio .bold_option_element {
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
  }
  
/* Custom styling for Add to Cart button */
#gmv-add-to-cart.btn-secondary {
  background-color: #2177fd !important;
  color: #ffffff !important;
  border-color: #2177fd !important;
}

#gmv-add-to-cart.btn-secondary:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

#gmv-add-to-cart.btn-secondary:disabled {
  background-color: #2177fd !important;
  color: #ffffff !important;
  opacity: 0.7;
}

#gmv-add-to-cart.btn-primary {
  background-color: #2177fd !important;
  color: #ffffff !important;
  border-color: #2177fd !important;
}

#gmv-add-to-cart.btn-primary:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

#gmv-add-to-cart.btn-primary:disabled {
  background-color: #2177fd !important;
  color: #ffffff !important;
  opacity: 0.7;
}
  
/* === BOLD Options Styling (extracted from inline) === */
/* GMV BOLD Options Styling - Match Variant Selector */
  .gmv-product-form .bold_options {
    margin-bottom: 20px;
  }

  .gmv-product-form .bold_options:empty {
    display: none;
  }

  /* Option Groups - Match variant-option-group */
  .gmv-product-form .bold_option {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }

  /* Option Titles - Match form-label styling - Exclude from flexbox */
  .gmv-product-form .bold_option_title {
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    display: block;
    width: 100%;
  }

  /* Container for radio values only - excludes title */
  .gmv-product-form .bold_option_radio .bold_option_title {
    margin-bottom: 0.75rem;
  }

  /* Dropdown Elements - Match variant-option-select */
  .gmv-product-form .bold_option_element select {
    border: 2px solid #e0e0e0;
    padding: 0.75rem;
    font-size: 1.3rem;
    transition: all 0.3s ease;
    background-color: #fff;
    cursor: pointer;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none;
  }

  .gmv-product-form .bold_option_element select:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    outline: none;
  }

  .gmv-product-form .bold_option_element select:hover {
    border-color: #c0c0c0;
  }

  /* Dropdown Arrow - Match variant selector */
  .gmv-product-form .bold_option_dropdown .bold_option_element {
    position: relative;
  }

  .gmv-product-form .bold_option_dropdown .bold_option_element::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    pointer-events: none;
    width: 12px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg class='dropdown-icon' width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  /* Text Input Elements - Match variant styling */
  .gmv-product-form .bold_option_element input[type='text'],
  .gmv-product-form .bold_option_element input[type='number'],
  .gmv-product-form .bold_option_element textarea {
    border: 2px solid #e0e0e0;
    padding: 0.75rem;
    font-size: 1rem;
    transition: all 0.3s ease;
    background-color: #fff;
    width: 100%;
  }

  .gmv-product-form .bold_option_element input[type='text']:focus,
  .gmv-product-form .bold_option_element input[type='number']:focus,
  .gmv-product-form .bold_option_element textarea:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    outline: none;
  }

  .gmv-product-form .bold_option_element input[type='text']:hover,
  .gmv-product-form .bold_option_element input[type='number']:hover,
  .gmv-product-form .bold_option_element textarea:hover {
    border-color: #c0c0c0;
  }

  /* Hilangkan spinner untuk input number */
  .gmv-product-form .bold_option_element input[type='number']::-webkit-inner-spin-button,
  .gmv-product-form .bold_option_element input[type='number']::-webkit-outer-spin-button,
  .gmv-product-form .bold_option_number input[type='number']::-webkit-inner-spin-button,
  .gmv-product-form .bold_option_number input[type='number']::-webkit-outer-spin-button,
  input[type='number']::-webkit-inner-spin-button,
  input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    appearance: none !important;
    margin: 0;
    display: none;
  }

  .gmv-product-form .bold_option_element input[type='number'],
  .gmv-product-form .bold_option_number input[type='number'],
  input[type='number'] {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
  }

  /* Radio Button Groups - Rectangle with Pipeline Layout */
  .gmv-product-form .bold_option_radio {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }

  /* Flex container for radio values wrapper */
  .gmv-product-form .bold_option_radio .radio-values-wrapper {
    border: 2px solid #e0e0e0;
    background-color: #fff;
    padding: 0.75rem;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
  }

  .gmv-product-form .bold_option_radio .radio-values-wrapper:hover {
    border-color: #c0c0c0;
  }

  /* Update wrapper when radio option is selected */
  .gmv-product-form .bold_option_radio .radio-values-wrapper:has(input[type='radio']:checked) {
    border-color: #e0e0e0 !important;
    background-color: #f8f9ff;
  }

  .gmv-product-form .bold_option_radio .bold_option_value {
    flex: 1;
    margin: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .gmv-product-form .bold_option_radio .bold_option_value:not(:last-child)::after {
    content: '|';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
    color: #666;
    font-weight: 400;
    font-size: 2rem;
    z-index: 1;
  }

  .gmv-product-form .bold_option_radio .bold_option_value label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.5rem;
    margin: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: transparent;
    font-weight: 400;
    border: none;
    border-radius: 4px;
    white-space: nowrap;
    width: 100%;
    text-align: center;
  }

  .gmv-product-form .bold_option_radio .bold_option_value label:hover {
    background-color: #f8f9fa;
  }

  .gmv-product-form .bold_option_radio .bold_option_value input[type='radio'] {
    display: none;
  }

  .gmv-product-form .bold_option_radio .bold_option_value input[type='radio']:checked + label,
  .gmv-product-form .bold_option_radio .bold_option_value label.selected, .gmv-product-form .bold_option_radio .bold_option_value label.selected > .bold_option_value_price {
    background-color: black !important;
    font-weight: 600;
    color: white !important;
  }
  .gmv-product-form .bold_option_radio .bold_option_value label.selected > .bold_option_value_title {
    color: white !important;
  }

  /* Update container when radio option is selected */
  .gmv-product-form .bold_option_radio:has(input[type='radio']:checked) {
    border-color: #007bff;
  }

  /* Checkbox Styling */
  .gmv-product-form .bold_option_checkbox .bold_option_value label {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    border: 2px solid #e0e0e0;
    margin: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #fff;
    font-weight: 400;
  }

  .gmv-product-form .bold_option_checkbox .bold_option_value label:hover {
    border-color: #c0c0c0;
    background-color: #f8f9fa;
  }

  .gmv-product-form .bold_option_checkbox .bold_option_value input[type='checkbox'] {
    margin-right: 0.75rem;
    transform: scale(1.2);
  }

  .gmv-product-form .bold_option_checkbox .bold_option_value input[type='checkbox']:checked + label {
    border-color: #007bff;
    background-color: #d2e0f08a;
    font-weight: 600;
  }

  /* Value Titles - Sub-labels */
  .gmv-product-form .bold_option_value_title {
    font-weight: 500;
    color: #555;
    margin-bottom: 0.25rem;
  }

  @media screen and (max-width: 480px) {
    .gmv-product-form .bold_option_value_title, .gmv-product-form .bold_option_value_price {
      font-size: 1.2rem !important;
    }
  }

  /* Price Display */
  .gmv-product-form .bold_option_value_price {
    color: black;
    font-weight: 600;
    margin-left: 0.5rem;
  }

  /* Product Buy Section */
  .gmv-product-form .product-buy {
    margin-top: 1.5rem;
  }

  /* Quantity Selector Styling */
  .gmv-product-form .quantity-wrapper {
    flex-shrink: 0;
  }

  .gmv-product-form .quantity-label {
    font-weight: 600;
    color: #333;
    margin: 0;
    font-size: 1rem;
    white-space: nowrap;
  }

  .gmv-product-form .quantity-select {
    border: 2px solid #e0e0e0;
    padding: 1.8rem;
    font-size: 1rem;
    transition: all 0.3s ease;
    background-color: #fff;
    cursor: pointer;
    width: 80px;
    min-width: 80px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg class='dropdown-icon' width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 8px;
    padding-right: 35px;
  }

  .gmv-product-form .quantity-select:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    outline: none;
  }

  .gmv-product-form .quantity-select:hover {
    border-color: #c0c0c0;
  }

  .gmv-product-form .quantity-select:disabled {
    background-color: #f8f9fa;
    border-color: #e0e0e0;
    color: #6c757d;
    cursor: not-allowed;
  }

  .gmv-product-form .add-to-cart-btn {
    flex: 1;
    min-width: 120px;
  }

  .express-checkout-wrapper {
    width: 50%;
  }

  .express-checkout-wrapper .shopify-payment-button {
    margin-top: 1rem;
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .gmv-product-form .product-buy {
      flex-direction: column;
      gap: 1rem !important;
    }

    .gmv-product-form .quantity-wrapper {
      align-self: flex-start;
      gap: 1rem;
    }

    .gmv-product-form .quantity-select {
      width: 100px;
      min-width: 100px;
    }

    .gmv-product-form .product-buy .btn,
    .express-checkout-wrapper {
      width: 100%;
    }

    .gmv-product-form .add-to-cart-btn {
      min-width: auto;
    }
  }

    /* Mobile adjustments for radio button rectangle layout */
    .gmv-product-form .bold_option_radio .radio-values-wrapper {
      padding: 0.5rem;
    }

    .gmv-product-form .bold_option_radio .bold_option_value label {
      padding: 0.25rem 0.25rem;
      font-size: 0.875rem;
    }

    .gmv-product-form .bold_option_radio .bold_option_value:not(:last-child)::after {
      font-size: 1.5rem;
    }

    /* Allow wrapping on very small screens if needed */
    @media (max-width: 1440px) {
      .gmv-product-form .bold_option_radio .radio-values-wrapper {
        flex-direction: column;
        align-items: stretch;
      }

      .gmv-product-form .bold_option_radio .bold_option_value {
        flex: none;
        margin-bottom: 0.25rem;
      }

      .gmv-product-form .bold_option_radio .bold_option_value:not(:last-child)::after {
        display: none;
      }

      .gmv-product-form .bold_option_radio .bold_option_value:not(:last-child) {
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 0.25rem;
      }

      .gmv-product-form .bold_option_radio .bold_option_value:last-child {
        margin-bottom: 0;
      }
    }
  }
  .bold_option.bold_option_radio .bold_option_value label {
    border-radius: 0 !important;
  }
  .product-form__input select,
  .product-form__input input,
  .product-form__input select option,
  .bold_option_element input,
  .bold_option_element select,
  .quantity-select {
    border-radius: 0 !important;
  }
  
  /* Safari iOS Fix: Force dropdown option rendering */
  @supports (-webkit-touch-callout: none) {
    /* Target iOS Safari specifically */
    
    /* Force hardware acceleration for select elements */
    .bold_option select,
    select[name*="properties"],
    select[class*="md_"],
    .bold_option_element select {
      -webkit-transform: translate3d(0, 0, 0) !important;
      transform: translate3d(0, 0, 0) !important;
      -webkit-font-smoothing: subpixel-antialiased !important;
      backface-visibility: hidden !important;
      perspective: 1000px !important;
    }
    
    /* Ensure option text uses system rendering */
    .bold_option select option,
    select[name*="properties"] option,
    select[class*="md_"] option,
    .bold_option_element select option {
      -webkit-appearance: none !important;
      -webkit-font-smoothing: antialiased !important;
      text-rendering: optimizeLegibility !important;
      font-variant-numeric: tabular-nums !important;
      /* Force Safari to not cache option text */
      will-change: contents !important;
      -webkit-transform: translateZ(0) !important;
      transform: translateZ(0) !important;
    }
    
    /* Force repaint on option hover/select */
    .bold_option select:focus option,
    select[name*="properties"]:focus option,
    .bold_option_element select:focus option {
      -webkit-transform: translateZ(0) !important;
      transform: translateZ(0) !important;
    }
    
    /* Prevent text truncation in Safari iOS */
    .bold_option select,
    select[name*="properties"],
    select[class*="md_"] {
      text-overflow: clip !important;
      white-space: normal !important;
    }
  }