/* VELAXIZ v1.61.0 — About anchor navigation / uploaded animated map / full team descriptions / simplified Product thumbs. */

/* Product Detail thumbnails: one frame only. No pale outer frame, no extra ring,
 * no status dot. The active thumb remains visible with one brand-blue border. */
.single-product .prodeta-smimg-items {
    padding: 0 5px !important;
    background: transparent !important;
    box-shadow: none !important;
}
.single-product .prodeta-smimg-items::after { content: none !important; display: none !important; }
.single-product .prodeta-smimg-items .prodeta-smimg-cont {
    padding: 0 !important;
    border: 1px solid #cfd5dd !important;
    background: #fff !important;
    box-shadow: none !important;
    transform: none !important;
}
.single-product .prodeta-smimg-items:hover .prodeta-smimg-cont,
.single-product .prodeta-smimg-items:focus-within .prodeta-smimg-cont {
    border-color: #7eaed8 !important;
    box-shadow: none !important;
}
.single-product .prodeta-smimg-items.is-active .prodeta-smimg-cont,
.single-product .prodeta-smimg-items[aria-current="true"] .prodeta-smimg-cont,
.single-product .prodeta-smimg-items.slick-current .prodeta-smimg-cont {
    border: 3px solid var(--primary) !important;
    background: #fff !important;
    box-shadow: none !important;
}
.single-product .prodeta-smimg-items.is-active .img_box,
.single-product .prodeta-smimg-items[aria-current="true"] .img_box { background:#fff !important; }

/* About anchor navigation. Repeater order controls the frontend. All labels stay
 * on one line. Wide screens distribute the entire row; narrower screens scroll
 * horizontally instead of wrapping. */
.page-template-page-about .about-nav > .themeflat-container2 { max-width: 1540px; }
.page-template-page-about .about-nav-list {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.page-template-page-about .about-nav-list::-webkit-scrollbar { display:none; }
.page-template-page-about .about-nav-item {
    flex: 0 0 auto !important;
    padding: 0 clamp(5px, .55vw, 12px) !important;
    font-size: clamp(11px, .73vw, 14px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: center;
}
.page-template-page-about .about-nav-item a {
    display: flex;
    align-items: center;
    height: 54px;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}
.page-template-page-about .about-nav-item::after { bottom: 0; }
@media (max-width: 1280px) {
    .page-template-page-about .about-nav-list { justify-content:flex-start; }
    .page-template-page-about .about-nav-item { padding:0 14px !important; font-size:13px !important; }
}
@media (max-width: 767px) {
    .page-template-page-about .about-nav-item { padding:0 12px !important; font-size:12px !important; }
    .page-template-page-about .about-nav-item a { height:48px; }
}

/* Team: show every Description in full. Slick slides share one flex-track height,
 * so all cards align to the member with the longest description. */
.page-template-page-about .about-team-lists.slick-initialized .slick-track {
    display: flex !important;
    align-items: stretch;
}
.page-template-page-about .about-team-lists.slick-initialized .about-team-items {
    height: auto !important;
}
.page-template-page-about .about-team-conts {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.page-template-page-about .about-team-conts .texts {
    display: block !important;
    flex: 1 1 auto;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}
.page-template-page-about .about-team-conts .texts p { margin:0; }

/* About Highlights: target-layout proportions. Left copy/data stays compact;
 * the uploaded GIF/image fills the right column. The original GIF is rendered
 * so its animation remains intact. */
.page-template-page-about .about-market-services-v160 {
    padding: clamp(62px, 5.2vw, 92px) 0;
    background:#fff;
}
.page-template-page-about .about-market-services-v160 .themeflat-container2 { max-width: 1480px; }
.page-template-page-about .about-market-layout {
    display:grid;
    grid-template-columns: minmax(380px, .82fr) minmax(560px, 1.42fr);
    gap: clamp(46px, 5vw, 86px);
    align-items:center;
}
.page-template-page-about .about-market-map {
    width:100%;
    min-width:0;
    margin:0;
}
.page-template-page-about .about-market-map-image {
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    object-fit:contain;
}
@media (max-width: 1099px) {
    .page-template-page-about .about-market-layout { grid-template-columns:1fr; gap:34px; }
    .page-template-page-about .about-market-map { max-width:994px; margin:0 auto; }
}
@media (max-width: 700px) {
    .page-template-page-about .about-market-highlights-grid { grid-template-columns:1fr; }
    .page-template-page-about .about-market-map { margin-top:6px; }
}