<!DOCTYPE html>
<html class="no-js" lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>" dir="ltr">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0">
    <meta name="theme-color" content="#ffffff">
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    <title><?php echo $__env->yieldContent('title', 'Checkout — '.config('app.name', 'Honey B')); ?></title>
    <link rel="preconnect" href="https://www.beekeepersnaturals.com" crossorigin>
    <link rel="stylesheet" href="<?php echo e(asset('css/site.css')); ?>">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
        .checkout-page { --checkout-max: 1060px; --checkout-gap: 2rem; font-family: 'Inter', system-ui, -apple-system, sans-serif; }
        .checkout-header { background: #fff; border-bottom: 1px solid #ebebeb; padding: 1rem 20px; text-align: center; }
        .checkout-header .checkout-logo { display: inline-block; max-width: 80px; height: auto; }
        .checkout-main { max-width: var(--checkout-max); margin: 0 auto; padding: 2rem 20px; display: grid; gap: var(--checkout-gap); }
        @media (min-width: 990px) { .checkout-main { grid-template-columns: 1fr 380px; align-items: start; } }
        .checkout-form-section { margin-bottom: 1.5rem; }
        .checkout-form-section h2 { font-size: 1.25rem; margin: 0 0 1rem; font-weight: 600; }
        .checkout-section-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; }
        .checkout-section-head h2 { margin: 0; }
        .checkout-section-head .checkout-sign-in { font-size: 0.9rem; color: #1a4338; text-decoration: none; }
        .checkout-section-head .checkout-sign-in:hover { text-decoration: underline; }
        .checkout-field { margin-bottom: 1rem; }
        .checkout-field label { display: block; font-size: 0.9rem; margin-bottom: 0.35rem; font-weight: 500; }
        .checkout-field input, .checkout-field select { width: 100%; padding: 10px 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 1rem; box-sizing: border-box; }
        .checkout-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
        .checkout-shipping-method { margin-top: 1.5rem; padding: 1rem; background: #f9f9f9; border-radius: 6px; }
        .checkout-shipping-method h2 { font-size: 1.25rem; margin: 0 0 0.5rem; font-weight: 600; }
        .checkout-shipping-method p { margin: 0; font-size: 0.9rem; color: #666; }
        .checkout-order-summary { background: #f6f6f6; border-radius: 8px; padding: 1.5rem; position: sticky; top: 1rem; }
        .checkout-order-summary h2 { font-size: 1.1rem; margin: 0 0 1rem; font-weight: 600; }
        .checkout-mobile-summary { display: block; width: 100%; padding: 14px 16px; background: #f6f6f6; border: 1px solid #ebebeb; border-radius: 8px; margin-bottom: 1rem; text-align: left; font-size: 1rem; cursor: pointer; font-weight: 500; }
        @media (min-width: 990px) { .checkout-mobile-summary { display: none; } }
        .checkout-mobile-summary span { display: block; font-size: 0.85rem; font-weight: 400; color: #666; margin-top: 2px; }
        .checkout-order-summary.is-collapsed .checkout-order-summary-body { display: none; }
        @media (min-width: 990px) { .checkout-order-summary.is-collapsed .checkout-order-summary-body { display: block; } }
        .checkout-cart-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
        .checkout-cart-table th { text-align: left; font-weight: 600; padding: 8px 0; border-bottom: 1px solid #eee; }
        .checkout-cart-table td { padding: 12px 8px 12px 0; border-bottom: 1px solid #eee; vertical-align: middle; }
        .checkout-cart-table tr:last-child td { border-bottom: none; }
        .checkout-cart-table .col-img { width: 64px; }
        .checkout-cart-table .col-img img { width: 64px; height: 64px; object-fit: cover; border-radius: 6px; background: #eee; }
        .checkout-item-title { font-weight: 500; margin: 0 0 2px; }
        .checkout-item-meta { font-size: 0.85rem; color: #666; }
        .checkout-cost-row { display: flex; justify-content: space-between; padding: 8px 0; font-size: 0.95rem; }
        .checkout-cost-row.total { font-weight: 700; font-size: 1.1rem; padding-top: 12px; border-top: 1px solid #ddd; margin-top: 8px; }
        .checkout-discount { margin: 1rem 0; display: flex; gap: 8px; }
        .checkout-discount input { flex: 1; padding: 10px 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 0.95rem; }
        .checkout-discount button { padding: 10px 16px; background: #fff; border: 1px solid #000; border-radius: 6px; font-weight: 500; cursor: pointer; }
        .checkout-discount-message { font-size: 0.85rem; margin-top: 6px; }
        .checkout-discount-message.success { color: #0a6; }
        .checkout-discount-message.error { color: #c00; }
        .checkout-pay { display: block; width: 100%; padding: 16px 24px; background: #000; color: #fff; font-weight: 700; text-align: center; border: none; border-radius: 6px; font-size: 0.8rem; cursor: pointer; margin-top: 1rem; text-decoration: none; box-sizing: border-box; font-family: inherit; text-transform: uppercase; letter-spacing: 0.08em; }
        .checkout-pay:hover { background: #333; color: #fff; }
        .checkout-pay:disabled { opacity: 0.5; cursor: not-allowed; }
        .checkout-empty { text-align: center; padding: 2rem; color: #666; }
        .checkout-empty a { color: #1a4338; text-decoration: underline; }
        .checkout-govx { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; margin: 1rem 0 1.5rem; background: #fff8f0; border: 1px solid #ffd9b3; border-radius: 8px; }
        .checkout-govx-logo { flex-shrink: 0; width: 52px; height: 52px; background: linear-gradient(145deg, #e85d04 0%, #c2410c 100%); border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; font-weight: 800; line-height: 1; letter-spacing: -0.02em; box-shadow: 0 1px 2px rgba(0,0,0,0.08); }
        .checkout-govx-logo__mark { font-size: 0.85rem; }
        .checkout-govx-logo__sub { font-size: 0.65rem; font-weight: 700; opacity: 0.95; margin-top: 2px; }
        .checkout-govx-copy { min-width: 0; }
        .checkout-govx-title { margin: 0 0 0.35rem; font-size: 0.95rem; font-weight: 700; color: #1b1b1b; }
        .checkout-govx-desc { margin: 0 0 0.5rem; font-size: 0.88rem; color: #333; line-height: 1.45; }
        .checkout-govx-desc:last-child { margin-bottom: 0; }
        .checkout-payment { margin-top: 0.5rem; }
        .checkout-payment-panel { border: 1px solid #d9d9d9; border-radius: 8px; background: #fff; overflow: hidden; margin-bottom: 1.5rem; }
        .checkout-payment-panel__head { padding: 1rem 1rem 0.5rem; }
        .checkout-payment-panel__head h2 { margin: 0 0 0.35rem; font-size: 1.05rem; font-weight: 600; color: #111; }
        .checkout-secure-msg { margin: 0; font-size: 0.8125rem; color: #555; line-height: 1.4; }
        .checkout-payment-fieldset { border: none; margin: 0; padding: 0; min-width: 0; }
        .checkout-payment-method { display: block; margin: 0; padding: 0; border: 0; border-top: 1px solid #e0e0e0; cursor: pointer; background: #fff; }
        .checkout-payment-method:first-of-type { border-top: none; }
        .checkout-payment-method__radio { position: absolute; opacity: 0; width: 1px; height: 1px; }
        .checkout-payment-method__header { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; padding: 14px 16px; margin: 0; cursor: pointer; }
        .checkout-payment-method__radio-ui { width: 18px; height: 18px; border-radius: 50%; border: 2px solid #333; flex-shrink: 0; box-sizing: border-box; }
        .checkout-payment-method__radio:checked + .checkout-payment-method__radio-ui { border-color: #000; background: radial-gradient(circle at center, #000 42%, #fff 44%); }
        .checkout-payment-method__radio:focus-visible + .checkout-payment-method__radio-ui { outline: 2px solid #0066cc; outline-offset: 2px; }
        .checkout-payment-method__title { font-weight: 600; font-size: 0.95rem; color: #111; }
        .checkout-payment-method--card .checkout-payment-method__header { display: flex; align-items: center; }
        .checkout-payment-method--card .checkout-card-logos { margin-left: auto; }
        .checkout-card-logos { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; justify-content: flex-end; }
        .checkout-card-logo { font-size: 0.5rem; font-weight: 800; letter-spacing: 0.04em; padding: 3px 5px; border-radius: 3px; border: 1px solid #ddd; background: #fafafa; color: #333; line-height: 1.2; }
        .checkout-card-logo--visa { color: #1a1f71; }
        .checkout-card-logo--mc { color: #eb001b; }
        .checkout-card-logo--amex { color: #006fcf; }
        .checkout-card-logo--more { color: #666; font-weight: 700; padding: 3px 6px; }
        .checkout-card-fields { padding: 0 16px 16px; background: #f6f6f6; border: 1px solid #ebebeb; border-radius: 8px; margin: 0 0 12px 0; }
        .checkout-payment-method--card .checkout-card-fields { margin-left: 16px; margin-right: 16px; margin-bottom: 10px; }
        .checkout-payment-method--card:not(.is-selected) .checkout-card-fields { display: none; }
        .checkout-payment-method--card { border: 1px solid #ddd; border-radius: 8px; margin-bottom: 12px; background: #fff; transition: border-color 0.15s, box-shadow 0.15s, background 0.15s; }
        .checkout-payment-method--card.is-selected { border-color: #111; background: #fffef8; box-shadow: 0 0 0 1px #111; }
        .checkout-payment-method--card > .checkout-payment-method--alt { border-top: none; }
        .checkout-form-submit { margin-top: 1.75rem; padding-top: 1.25rem; border-top: 1px solid #e6e6e6; }
        .checkout-submit-order { width: 100%; padding: 14px 20px; background: #fff; color: #111; border: 2px solid #111; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; font-family: inherit; }
        .checkout-submit-order:hover { background: #f7f7f7; }
        .checkout-form-submit__hint { margin: 0.65rem 0 0; font-size: 0.82rem; color: #666; line-height: 1.45; }
        .checkout-float-field { position: relative; margin-bottom: 10px; }
        .checkout-float-field input { width: 100%; padding: 1.15rem 12px 0.45rem; border: none; border-radius: 6px; background: #fff; font-size: 1rem; color: #111; box-sizing: border-box; box-shadow: inset 0 0 0 1px #e0e0e0; transition: box-shadow 0.15s; }
        .checkout-float-field input:focus { outline: none; box-shadow: inset 0 0 0 2px #333; }
        .checkout-float-field { position: relative; }
        .checkout-float-field label { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); font-size: 0.9rem; color: #707070; pointer-events: none; transition: transform 0.15s, top 0.15s, font-size 0.15s; }
        .checkout-float-field input:focus + label,
        .checkout-float-field input:not(:placeholder-shown) + label { top: 0.45rem; transform: none; font-size: 0.65rem; font-weight: 500; color: #555; }
        .checkout-float-field--suffix input { padding-right: 2.75rem; }
        .checkout-float-suffix { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #666; display: flex; align-items: center; justify-content: center; padding: 0; border: none; background: none; cursor: help; font-size: 0.85rem; font-weight: 700; width: 1.5rem; height: 1.5rem; border-radius: 50%; }
        .checkout-float-suffix--lock { cursor: default; color: #888; }
        .checkout-float-suffix--help { color: #666; border: 1px solid #ccc; background: #fff; }
        .checkout-card-fields-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
        @media (max-width: 600px) { .checkout-card-fields-row { grid-template-columns: 1fr; } }
        .checkout-payment-method--alt { display: flex; align-items: center; gap: 12px; padding: 14px 16px; flex-wrap: nowrap; border-top: 1px solid #e0e0e0; margin: 0; cursor: pointer; width: 100%; box-sizing: border-box; }
        .checkout-payment-method--alt .checkout-payment-method__radio { position: absolute; opacity: 0; width: 1px; height: 1px; }
        .checkout-payment-method--alt .checkout-payment-method__radio-ui { width: 18px; height: 18px; border-radius: 50%; border: 2px solid #333; flex-shrink: 0; }
        .checkout-payment-method--alt .checkout-payment-method__radio:checked + .checkout-payment-method__radio-ui { border-color: #000; background: radial-gradient(circle at center, #000 42%, #fff 44%); }
        .checkout-payment-method__alt-text { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.35rem; flex: 1; min-width: 0; }
        .checkout-payment-method__sep { color: #999; font-weight: 400; }
        .checkout-payment-method__hint { font-size: 0.85rem; color: #666; font-weight: 400; }
        .checkout-payment-method__badge { flex-shrink: 0; margin-left: auto; font-size: 0.75rem; font-weight: 700; padding: 6px 12px; border-radius: 6px; }
        .checkout-payment-method__badge--shop { background: #5c31dc; color: #fff; text-transform: lowercase; letter-spacing: 0.02em; }
        .checkout-payment-method__badge--paypal { background: #ffc439; color: #003087; }
        .checkout-payment-method--alt .checkout-payment-method__title { flex: 0 0 auto; }
        .checkout-checkbox--billing { margin: 0; padding-top: 4px; }
        .checkout-checkbox--billing input { margin-top: 3px; }
        .checkout-checkbox--billing label { font-size: 0.88rem; color: #333; }
        .checkout-save-panel { margin-top: 0.5rem; }
        .checkout-save-panel__title { margin: 0 0 0.75rem; font-size: 0.95rem; font-weight: 600; color: #111; }
        .checkout-phone-row { display: flex; align-items: stretch; background: #f0f0f0; border-radius: 6px; overflow: hidden; margin-bottom: 0.75rem; box-shadow: inset 0 0 0 1px #e0e0e0; }
        .checkout-phone-row__prefix { flex-shrink: 0; padding: 0.75rem 0.65rem 0.5rem; font-size: 0.9rem; font-weight: 600; color: #333; border-right: 1px solid #ddd; align-self: stretch; display: flex; align-items: flex-start; padding-top: 1.5rem; }
        .checkout-phone-row__icon { flex-shrink: 0; display: flex; align-items: center; padding: 0 6px; color: #666; align-self: center; }
        .checkout-float-field--phone { flex: 1; margin-bottom: 0; min-width: 0; }
        .checkout-float-field--phone input { background: transparent; box-shadow: none; border-radius: 0; padding-left: 4px; }
        .checkout-float-field--phone input:focus { box-shadow: none; border-radius: 6px; }
        .checkout-shop-disclaimer { margin: 0; font-size: 0.75rem; color: #666; line-height: 1.5; }
        .checkout-shop-disclaimer a { color: #1a4338; text-decoration: underline; }
        .checkout-field-with-icon { position: relative; }
        .checkout-field-with-icon input { padding-right: 40px; }
        .checkout-upsell { margin: 1.5rem 0; padding-top: 1.5rem; border-top: 1px solid #eee; }
        .checkout-upsell h3 { font-size: 1rem; margin: 0 0 1rem; font-weight: 600; }
        .checkout-upsell-item { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
        .checkout-upsell-item img { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; background: #eee; }
        .checkout-shipping-hint { display: inline-flex; align-items: center; gap: 4px; }
        .checkout-trust { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #eee; text-align: center; }
        .checkout-reviews { margin-bottom: 1rem; font-size: 0.9rem; }
        .checkout-stars { color: #f5a623; letter-spacing: 2px; }
        .checkout-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin-top: 1rem; }
        .checkout-badge { display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 0.75rem; color: #666; max-width: 100px; }
        .checkout-badge-icon { width: 40px; height: 40px; border-radius: 50%; background: #eee; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; }
        @media (max-width: 600px) { .checkout-field-row { grid-template-columns: 1fr !important; } }
        .checkout-checkbox { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 1rem; }
        .checkout-checkbox input { margin-top: 3px; }
        .checkout-footer { max-width: var(--checkout-max); margin: 0 auto; padding: 1.5rem 20px; border-top: 1px solid #ebebeb; font-size: 0.85rem; }
        .checkout-footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 1rem; }
        .checkout-footer a { color: #666; text-decoration: none; }
        .checkout-footer a:hover { text-decoration: underline; }
        .checkout-errors { margin-bottom: 1.25rem; padding: 12px 16px; background: #fff5f5; border: 1px solid #f5c2c2; border-radius: 8px; color: #842029; font-size: 0.9rem; }
        .checkout-errors ul { margin: 0.5rem 0 0 1.25rem; padding: 0; }
        .checkout-errors p { margin: 0; }
        #payment-element { min-height: 120px; position: relative; z-index: 2; }
    </style>
    <?php echo $__env->yieldPushContent('head'); ?>
</head>
<body class="checkout-page">
    <?php echo $__env->yieldContent('content'); ?>
    <script src="<?php echo e(asset('js/checkout-page.js')); ?>"></script>
    <?php echo $__env->yieldPushContent('scripts'); ?>
</body>
</html>
<?php /**PATH C:\projects\honey b\backend\resources\views\layouts\checkout.blade.php ENDPATH**/ ?>