/* === FADE-IN ON SCROLL === */
@keyframes fadeInOnScroll {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.5s cubic-bezier(0.4,0,0.2,1), transform 0.5s cubic-bezier(0.4,0,0.2,1);
}
.fade-in-on-scroll.active {
    opacity: 1;
    transform: translateY(0);
    animation: fadeInOnScroll 0.7s cubic-bezier(0.4,0,0.2,1);
}

@media (prefers-reduced-motion: reduce) {
    .fade-in-on-scroll,
    .fade-in-on-scroll.active {
        transition: none !important;
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}
/* === SHARED STYLES === */

/* Typography */
body {
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

/* Brand font: Bookman Old Style (local asset) */
@font-face {
    font-family: 'Bookman Old Style';
    src: url('/assets/fonts/BookmanOldStyle-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.brand-font {
    font-family: 'Bookman Old Style', 'Bookman', serif;
    font-weight: 700;
}

/* Hero Background */
.hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/images/factory/MDB-drone.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* === DARK MODE === */

html.dark {
    color-scheme: dark;
}

html.dark body {
    background-color: var(--color-bg);
    color: var(--color-text);
}

html.dark header {
    background-color: var(--color-bg-secondary);
    border-color: var(--color-border);
}

/* Header buttons and text in dark mode */
html.dark header .text-gray-600 {
    color: var(--color-text-secondary);
}

html.dark header .text-gray-600:hover {
    color: var(--color-primary);
}

html.dark header .text-gray-800 {
    color: var(--color-text);
}

html.dark header .text-blue-600 {
    color: var(--color-primary);
}

html.dark .bg-white {
    background-color: var(--color-bg-secondary);
}

html.dark .bg-gray-50 {
    background-color: var(--color-bg);
}

html.dark .bg-blue-50 {
    background-color: #1e3a5f;
}

html.dark .text-gray-800 {
    color: var(--color-text);
}

html.dark .text-gray-600 {
    color: var(--color-text-secondary);
}

html.dark .text-gray-700 {
    color: var(--color-text-secondary);
}

html.dark .border-gray-100,
html.dark .border-gray-200 {
    border-color: var(--color-border);
}

html.dark select,
html.dark input[type="text"] {
    background-color: var(--color-bg-secondary);
    border-color: var(--color-border);
    color: var(--color-text);
}

html.dark .hover\:bg-gray-100:hover {
    background-color: #3a3a3a;
}

html.dark .hover\:bg-gray-50:hover {
    background-color: #2a2a2a;
}

/* === BREADCRUMBS === */

/* Use CSS variable for header height so JS can adjust dynamically */
main.flex-grow {
    padding-top: var(--header-height, 80px) !important;
}

/* Make breadcrumb section align directly under header (no visible gap)
   We avoid negative margins here and rely on main's padding being set
   from the actual header height so layout remains stable. */
main > div:first-of-type.bg-blue-50,
main > div:first-of-type.bg-white.border-b {
    margin-top: 0 !important;
    /* Keep minimal top padding so title remains visually close but not flush */
    padding-top: 0 !important;
    padding-bottom: 1rem !important;
}

/* Breadcrumb styling and spacing - remove gap between breadcrumbs and content */
nav.flex.items-center.text-sm,
.bg-white nav.flex.items-center,
.bg-blue-50 nav.flex.items-center {
    margin-bottom: 0 !important;
    /* Small top padding so breadcrumbs have breathing room under the fixed header */
    padding-top: 0.5rem !important;
}

/* Adjust breadcrumb container spacing */
.bg-white.border-b .container {
    padding-top: 0;
    padding-bottom: 0;
}

/* === ANIMATIONS === */

/* Page Entry Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.5s ease-in-out;
}

/* Header smooth transitions */
header {
    transition: all 0.2s ease-out;
}

/* Product Row Highlight Animation */
@keyframes highlightPulse {
    0% {
        background-color: rgba(37, 99, 235, 0.1);
    }
    50% {
        background-color: rgba(37, 99, 235, 0.3);
    }
    100% {
        background-color: transparent;
    }
}

.highlight-row {
    animation: highlightPulse 2s ease-in-out;
}

/* === TABLE STYLES === */

.product-table {
    width: 100%;
    min-width: 100%;
}

.product-table th {
    background-color: #f3f4f6;
    color: #1f2937;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    z-index: 20;
    border-bottom: 1px solid #d1d5db;
    position: sticky;
    top: var(--header-height, 80px);
    padding: 1rem;
}

.product-table td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
}

.product-table tbody tr:hover td {
    background-color: #f9fafb;
}



.product-table td {
    vertical-align: middle;
}

/* === CATEGORY BUTTON ACTIVE STATE === */

.category-btn.active {
    background-color: #2563eb;
    color: white;
    border-color: #2563eb;
}

/* Mobile category toggle chevron rotation */
.rotate-180 {
    transform: rotate(180deg);
}

/* === RESPONSIVE OPTIMIZATIONS === */

@media (max-width: 768px) {
    .hero-bg {
        background-attachment: scroll;
    }
    
    .product-table {
        font-size: 0.875rem;
    }
}

/* === DARK MODE TABLE STYLES === */

html.dark .product-table th {
    background-color: var(--color-bg-secondary);
    color: #f5f5f5;
    border-bottom-color: var(--color-border);
}

html.dark .product-table td {
    color: var(--color-text-secondary);
    border-bottom-color: #3f3f3f;
}

html.dark .product-table tbody tr:hover td {
    background-color: #3a3a3a;
}

/* === FOCUS STATES & ACCESSIBILITY === */

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
    border-radius: 2px;
}

/* Keyboard focus for buttons with better visibility */
button:focus-visible {
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
}

/* === TOAST NOTIFICATIONS === */

#toast-container {
    pointer-events: none;
}

.toast {
    pointer-events: auto;
    padding: 1rem 1.25rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.toast-success {
    background-color: #dcfce7;
    color: #166534;
    border-left: 4px solid #22c55e;
}

.toast-error {
    background-color: #fee2e2;
    color: #991b1b;
    border-left: 4px solid #ef4444;
}

.toast-info {
    background-color: #dbeafe;
    color: #1e40af;
    border-left: 4px solid #3b82f6;
}

html.dark .toast-success {
    background-color: rgba(34, 197, 94, 0.15);
    color: #86efac;
    border-left-color: var(--color-success);
}

html.dark .toast-error {
    background-color: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
    border-left-color: var(--color-error);
}

html.dark .toast-info {
    background-color: rgba(59, 130, 246, 0.15);
    color: #93c5fd;
    border-left-color: var(--color-primary);
}

/* === BACK TO TOP BUTTON === */

.back-to-top {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 40;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: white;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
    transition: all 0.3s ease;
}

.back-to-top:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.5);
}

.back-to-top:active {
    transform: translateY(-1px);
}

html.dark .back-to-top {
    background: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
}

html.dark .back-to-top:hover {
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.5);
}

/* === MICRO-INTERACTIONS === */

/* Button micro-interaction: opt-in via `.btn` class to avoid global side-effects */
.btn {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    will-change: transform;
}
.btn:hover:not(:disabled) {
    transform: translateY(-2px);
}
.btn:active:not(:disabled) {
    transform: translateY(0);
}

/* Override carousel arrow hover movement (keep arrows centered) */
#carousel-prev:hover,
#carousel-next:hover {
    transform: translateY(-50%) !important;
}

/* Link hover effects */
a {
    transition: color 0.2s ease;
}

/* Feature card hover - subtle in light and dark modes */
.feature-card {
    transition: background-color 200ms ease, transform 200ms ease;
}
.feature-card:hover {
    background-color: #f3f4f6; /* subtle gray-100 */
}
html.dark .feature-card:hover {
    background-color: #2a2a2a; /* subtle dark hover */
}

/* Form input focus states */
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
    transition: all 0.2s ease;
    border-color: #e5e7eb;
}

/* === TIMELINE (About page) === */
/* Horizontal band on large screens, stacked cards on small screens */
#timeline .timeline-row {
    display: flex;
    gap: 1rem;
    align-items: stretch;
}

#timeline .timeline-item {
    position: relative;
    flex: 1 1 0%; /* grow and shrink to avoid horizontal scroll */
    min-width: 0; /* allow content to wrap correctly */
    background: #ffffff;
    border: 1px solid #e6eef0;
    border-radius: 0.75rem;
    padding: 1.25rem;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

/* small green chevron on the right of each item (except last) */
#timeline .timeline-item:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -18px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 18px solid rgba(16, 185, 129, 0.12); /* subtle green */
}

#timeline .timeline-item:last-child:after {
    display: none;
}

#timeline .timeline-item .year {
    font-size: 1.25rem;
    font-weight: 700;
    color: #065f46; /* deep green */
}

/* Mobile: stack and remove chevrons */
@media (max-width: 1024px) {
    #timeline .timeline-row {
        flex-direction: column;
    }
    #timeline .timeline-item:after {
        display: none;
    }
}

/* === VERTICAL TIMELINE === */
#timeline-vertical {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.timeline-vertical .tl-item {
    display: grid;
    grid-template-columns: 96px 24px 1fr;
    gap: 1rem;
    align-items: center;
}

.timeline-vertical .tl-year {
    font-weight: 800;
    color: #065f46;
    font-size: 1.125rem;
    text-align: right;
    padding-top: 0;
}

.timeline-vertical .tl-line {
    position: relative;
    width: 24px;
}
.timeline-vertical .tl-line:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(#d1fae5, #bbf7d0);
    border-radius: 2px;
    opacity: 0.8;
}
.timeline-vertical .tl-dot {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: #10b981;
    border-radius: 9999px;
    box-shadow: 0 0 0 6px rgba(16,185,129,0.08);
}

.timeline-vertical .tl-content {
    background: #fff;
    border: 1px solid #e6eef0;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

@media (max-width: 768px) {
    .timeline-vertical .tl-item {
        grid-template-columns: 56px 20px 1fr;
    }
    .timeline-vertical .tl-year { text-align: left; }
}

/* Mobile improvements: stack items, show year on top and a clear dot inside the card */
@media (max-width: 640px) {
    /* Single-column mobile layout: hide decorative line/dot and let content use full width */
    .timeline-vertical .tl-item {
        grid-template-columns: 1fr;
        gap: 0.5rem;
        align-items: start;
        padding-top: 0.75rem; /* space so any top decorations don't overlap */
    }

    /* Year appears above the content and spans full width */
    .timeline-vertical .tl-year {
        grid-column: 1;
        text-align: left;
        font-size: 1rem;
        margin: 0 0 0.25rem 0;
        padding-top: 0;
    }

    /* Hide the decorative line/dot on mobile so gutters remain equal */
    .timeline-vertical .tl-line,
    .timeline-vertical .tl-line:before,
    .timeline-vertical .tl-dot {
        display: none !important;
    }

    /* Content occupies full width; add symmetric padding for equal left/right gutters */
    .timeline-vertical .tl-content {
        grid-column: 1;
        padding: 0.75rem; /* equal padding inside the card on mobile */
        position: relative;
    }

    .timeline-vertical .tl-content p { margin-bottom: 0.5rem; }
}

/* Remove the decorative dot entirely on small screens for cleaner gutters */
@media (max-width: 640px) {
    .timeline-vertical .tl-dot {
        display: none !important;
    }
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

html.dark input[type="text"]:focus,
html.dark input[type="email"]:focus,
html.dark input[type="tel"]:focus,
html.dark select:focus,
html.dark textarea:focus {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* === LOADING ANIMATIONS === */

@keyframes shimmer {
    0% { background-position: -1000px 0; }
    100% { background-position: 1000px 0; }
}

.skeleton {
    background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
    background-size: 1000px 100%;
    animation: shimmer 2s infinite;
}

html.dark .skeleton {
    background: linear-gradient(90deg, #3a3a3a 25%, #4a4a4a 50%, #3a3a3a 75%);
    background-size: 1000px 100%;
    animation: shimmer 2s infinite;
}

/* Breadcrumbs Navigation */
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #6b7280;
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    background-color: #f9fafb;
    border-radius: 0.375rem;
    animation: fadeInUp 0.3s ease-out;
}

html.dark .breadcrumb {
    background-color: #1f2937;
    color: #d1d5db;
}

.breadcrumb a {
    color: #2563eb;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb a:hover {
    color: #1d4ed8;
    text-decoration: underline;
}

html.dark .breadcrumb a {
    color: #60a5fa;
}

html.dark .breadcrumb a:hover {
    color: #93c5fd;
}

.breadcrumb-separator {
    color: #d1d5db;
    margin: 0 0.25rem;
}

html.dark .breadcrumb-separator {
    color: #6b7280;
}

/* === PAGE TRANSITIONS === */

main {
    animation: fadeInUp 0.4s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}

.animate-fade-out-up {
    animation: fadeOutUp 0.3s ease-out forwards;
}

/* === IMPROVED SPACING & HIERARCHY === */

/* Better heading hierarchy */
h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    letter-spacing: -0.02em;
}

/* === AWARDS: MOBILE REFINEMENTS === */
/* Targeted helpers for awards cards to improve touch spacing and readability on small screens */

.awards-section .award-card {
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.awards-section .award-card:active {
    transform: translateY(0);
}

@media (max-width: 640px) {
    .awards-section { padding-top: 0.75rem; padding-bottom: 0.75rem; }
    .awards-section .container { padding-left: 1rem; padding-right: 1rem; }
    .awards-section .award-card { padding: 1rem; border-radius: 0.5rem; }
    /* Remove fixed height for award-photo on mobile */
    .awards-section .award-title { font-size: 1rem; line-height: 1.25rem; }
    .awards-section .award-year { font-size: 0.875rem; }
    .awards-section .award-card .md\:pl-8 { padding-left: 0; }
}

@media (min-width: 641px) and (max-width: 1024px) {
    /* Remove fixed height for award-photo on tablet */
}

/* Small visual touch: ensure photo placeholders center content and don't overflow */
.awards-section .award-photo > span { display: inline-block; padding: 0.25rem 0.5rem; }

.awards-section .award-photo img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 350px;
    object-fit: contain;
    opacity: 0.98;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .awards-section .award-photo img {
        max-height: 220px;
    }
}

h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    letter-spacing: -0.01em;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

/* Product Cards for Mobile Layout */
.product-cards-container {
    display: none;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
    animation: fadeInUp 0.3s ease-out;
}

@media (max-width: 768px) {
    .product-table {
        display: none;
    }
    
    .product-cards-container {
        display: grid;
    }
}

.product-card {
    background: white;
    border-radius: 0.75rem;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.product-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    border-color: #2563eb;
}

html.dark .product-card {
    background: #1f2937;
    border-color: #374151;
}

html.dark .product-card:hover {
    border-color: #60a5fa;
}

.product-card-header {
    padding: 1rem;
    border-bottom: 1px solid #e5e7eb;
    background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
}

html.dark .product-card-header {
    background: linear-gradient(135deg, #111827 0%, #0f172a 100%);
    border-bottom-color: #374151;
}

.product-card-title {
    font-size: 1rem;
    font-weight: 600;
    color: #2563eb;
    margin: 0;
}

html.dark .product-card-title {
    color: #60a5fa;
}

.product-card-body {
    padding: 1rem;
    flex-grow: 1;
}

.product-card-field {
    margin-bottom: 0.875rem;
    display: flex;
    flex-direction: column;
}

.product-card-field:last-child {
    margin-bottom: 0;
}

.product-card-label {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6b7280;
    margin-bottom: 0.25rem;
}

html.dark .product-card-label {
    color: #9ca3af;
}

.product-card-value {
    font-size: 0.875rem;
    color: #374151;
    word-break: break-word;
}

html.dark .product-card-value {
    color: #d1d5db;
}

.product-card-structure {
    width: 100%;
    height: 120px;
    border-radius: 0.5rem;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.875rem;
    overflow: hidden;
}

html.dark .product-card-structure {
    background: #2d3748;
}

.product-card-structure img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    opacity: 0.8;
}

.product-card-availability {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    background-color: #2563eb;
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

html.dark .product-card-availability {
    background-color: #3b82f6;
}

/* Loading Skeleton Screens */
.skeleton-table {
    width: 100%;
    border-collapse: collapse;
}

.skeleton-row {
    border-bottom: 1px solid #e5e7eb;
}

html.dark .skeleton-row {
    border-bottom-color: #374151;
}

.skeleton-cell {
    padding: 1rem;
    height: 2rem;
}

.skeleton-loader {
    background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
    background-size: 1000px 100%;
    animation: shimmer 2s infinite;
    border-radius: 0.375rem;
    height: 100%;
}

html.dark .skeleton-loader {
    background: linear-gradient(90deg, #374151 25%, #4b5563 50%, #374151 75%);
    background-size: 1000px 100%;
}

.skeleton-card {
    background: white;
    border-radius: 0.75rem;
    border: 1px solid #e5e7eb;
    padding: 1rem;
    animation: fadeInUp 0.3s ease-out;
}

html.dark .skeleton-card {
    background: #1f2937;
    border-color: #374151;
}

.skeleton-card-header {
    height: 1.5rem;
    margin-bottom: 1rem;
    border-radius: 0.375rem;
    background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
    background-size: 1000px 100%;
    animation: shimmer 2s infinite;
}

html.dark .skeleton-card-header {
    background: linear-gradient(90deg, #374151 25%, #4b5563 50%, #374151 75%);
    background-size: 1000px 100%;
}

.skeleton-card-line {
    height: 0.875rem;
    margin-bottom: 0.75rem;
    border-radius: 0.25rem;
    background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
    background-size: 1000px 100%;
    animation: shimmer 2s infinite;
}

html.dark .skeleton-card-line {
    background: linear-gradient(90deg, #374151 25%, #4b5563 50%, #374151 75%);
    background-size: 1000px 100%;
}

h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

/* Better body text spacing */
p {
    line-height: 1.75;
    margin-bottom: 1rem;
}

/* List styling improvements */
ul, ol {
    margin-left: 1.5rem;
    margin-bottom: 1rem;
    line-height: 1.75;
}

li {
    margin-bottom: 0.5rem;
}

/* === RESPONSIVE IMPROVEMENTS === */

@media (max-width: 768px) {
    h1 {
        font-size: 1.875rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    
    h3 {
        font-size: 1.125rem;
    }
    
    .back-to-top {
        width: 2.5rem;
        height: 2.5rem;
        bottom: 1rem;
        right: 1rem;
    }
}