@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

/* Mobile bottom bar */
.mobi-bar {
    width: 100%;
    font-size: 1em;
    text-align: center;
    background: #222;
    display: none;
    overflow: visible;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
}

.mobi-bar li {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
}

.mobi-bar li i {
    font-style: normal;
}

.mobi-bar li a {
    padding-top: 25px;
    border-left: 1px solid #2a2a2a;
    border-right: 1px solid #111;
    color: #eee;
    background-image: url(../images/icon-mobi.png);
    background-repeat: no-repeat;
    display: block;
}

.mobi-bar li a:active,
.mobi-bar li a:hover {
    background-color: #222;
    text-decoration: none;
}

.mobi-bar li.mobi-map {
    position: relative;
}

.mobi-bar li.mobi-map a {
    background-position: center 6px;
}

.mobi-bar li.mobi-map a.mobi-map-qr {
    background-image: none;
    padding: 11px 2px 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    gap: 1px;
}

.mobi-bar li.mobi-map a.mobi-map-qr>i {
    font-style: normal;
    font-size: 0.75em;
    color: #eee;
    line-height: 1.15;
    margin-top: 1px;
    text-align: center;
}

.mobi-bar li.mobi-map a.mobi-map-qr .mobi-qr-ic {
    display: flex;
    line-height: 0;
}

.mobi-bar li.mobi-map a.mobi-map-qr .mobi-qr-pop {
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    margin-bottom: 12px;
    padding: 10px 10px 8px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.18s ease, visibility 0.18s ease;
    pointer-events: none;
    z-index: 10001;
    text-align: center;
}

.mobi-bar li.mobi-map a.mobi-map-qr .mobi-qr-pop img {
    display: block;
    width: 140px;
    height: 140px;
}

.mobi-bar li.mobi-map a.mobi-map-qr .mobi-qr-cap {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    color: #333;
    line-height: 1.2;
}

.mobi-bar li.mobi-map a.mobi-map-qr:hover .mobi-qr-pop,
.mobi-bar li.mobi-map a.mobi-map-qr:focus .mobi-qr-pop,
.mobi-bar li.mobi-map a.mobi-map-qr:focus-within .mobi-qr-pop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* ?? .mobi-yt / .mobi-map-qr ??? flex ?????????????? */
.mobi-bar li.mobi-phone a,
.mobi-bar li.mobi-email a {
    padding-top: 32px;
    padding-bottom: 2px;
}

.mobi-bar li.mobi-phone a {
    background-position: center -60px;
}

.mobi-bar li.mobi-email a {
    background-position: center -127px;
}

.mobi-bar li.mobi-chat a {
    background-position: center -202px;
}

.mobi-bar li.mobi-chat a.mobi-yt {
    background-image: none;
    padding: 11px 2px 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    gap: 1px;
}

.mobi-bar li.mobi-chat a.mobi-yt .mobi-yt-ic {
    display: flex;
    line-height: 0;
}

.mobi-bar li:first-child a {
    border-left: 0;
}

.mobi-bar li:last-child a {
    border-right: 0;
}

@media only screen and (max-width: 768px) {
    .mobi-bar {
        display: table;
        text-align: center;
    }
}

/* ===== Site header and top bar theme ===== */
:root {
    --hdr-accent: #f60;
    --hdr-accent-glow: rgba(255, 102, 0, .14);
    --hdr-ink: #0f172a;
    --hdr-muted: #64748b;
    --hdr-line: #e8edf2;
    --hdr-surface: #fff;
    --hdr-font: 'Plus Jakarta Sans', Verdana, 'Open Sans', Helvetica, Tahoma, Arial, sans-serif;
    --hdr-h: 88px;
}

/* Override legacy green body background (#4aa369) from gatg.html */
body,
body.custom-background {
    background: #f4f7fa !important;
    background-color: #f4f7fa !important;
    color: var(--hdr-ink, #0f172a);
    font-family: var(--hdr-font);
    font-size: 14px;
    line-height: 1.6;
}

/* Top bar */
.top-bar {
    min-height: 40px;
    line-height: normal;
    border-bottom: 1px solid var(--hdr-line);
    color: #5a6a7a;
    background: linear-gradient(180deg, #fff 0%, #f4f7fa 100%);
    font-size: 12px;
    position: relative;
    z-index: 10001;
}

.top-bar .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 6px 0;
    overflow: visible;
}

.top-bar-lang {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

.top-bar-label {
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #8899a6;
    white-space: nowrap;
    padding-left: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238899a6' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") no-repeat left center;
    background-size: 14px 14px;
}

.top-bar a:link,
.top-bar a:visited {
    color: #5a6a7a;
    text-decoration: none;
}

.top-bar a:hover {
    color: var(--hdr-accent);
}

.top-bar-lt {
    float: none;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 2px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #d0d8e0 transparent;
    padding: 2px 0;
}

.top-bar-lt::-webkit-scrollbar {
    height: 3px;
}

.top-bar-lt::-webkit-scrollbar-thumb {
    background: #d0d8e0;
    border-radius: 3px;
}

.top-bar-lt .glink {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    transition: background .2s, transform .15s;
}

.top-bar-lt .glink span,
.top-bar-lt a.glink span {
    display: none;
}

.top-bar-lt .glink img {
    width: 18px;
    height: 18px;
    opacity: .88;
    margin: 0;
    padding: 0;
}

.top-bar-lt .glink:hover {
    background: var(--hdr-accent-glow);
    transform: translateY(-1px);
}

.top-bar-lt .glink:hover img {
    opacity: 1;
}

.top-bar-rt,
.top-bar-contact,
.sub-menu {
    float: none;
    flex-shrink: 0;
}

.top-bar-rt {
    display: flex;
    align-items: center;
}

.top-bar-rt .sub-menu {
    padding: 0;
    position: relative;
}

/* Language switcher */
.switcher {
    font-family: inherit;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
    position: relative;
    width: 168px;
    line-height: 1.4;
    overflow: visible;
}

.switcher a {
    text-decoration: none;
    display: block;
    font-size: 12px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.switcher a img {
    vertical-align: middle;
    display: inline;
    border: 0;
    padding: 0;
    margin: 0 6px 0 0;
    opacity: .9;
}

.switcher a:hover img {
    opacity: 1;
}

.switcher .selected {
    background: transparent;
    position: relative;
    z-index: 9999;
}

.switcher .selected a {
    border: 1px solid #dde4ec;
    color: #444;
    padding: 6px 30px 6px 10px;
    width: 168px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    box-sizing: border-box;
}

.switcher .selected a:after {
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    width: 12px;
    background-position: 50%;
    background-size: 8px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%238899a6'/></svg>");
    background-repeat: no-repeat;
    content: "" !important;
    transition: transform .2s;
}

.switcher .selected a.open:after {
    transform: rotate(-180deg);
}

.switcher .selected a:hover {
    border-color: var(--hdr-accent);
    color: var(--hdr-accent);
    background: #fff;
}

.switcher .option {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    z-index: 100000;
    border: 1px solid #dde4ec;
    border-top: none;
    background-color: #fafbfc;
    display: none;
    width: 168px;
    max-height: 220px;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .1);
}

.switcher .option a {
    color: #444;
    padding: 6px 10px;
    width: 100%;
}

.switcher .option a:hover {
    background: #fff;
    color: var(--hdr-accent);
}

.switcher .option a.selected {
    background: #fff;
    font-weight: 600;
}

.switcher .option::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: #f0f3f6;
}

.switcher .option::-webkit-scrollbar {
    width: 5px;
}

.switcher .option::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #c5cdd6;
}

#selected_lang_name {
    float: none;
}

.l_name {
    float: none !important;
    margin: 0;
}

.sub-menu > a {
    padding: 0 10px;
}

/* Header */
.header {
    margin-bottom: 0;
    background: var(--hdr-surface);
    clear: both;
    position: relative;
    z-index: 1000;
    border-bottom: 1px solid var(--hdr-line);
    box-shadow: 0 8px 32px rgba(15, 23, 42, .06);
    font-family: var(--hdr-font);
    -webkit-font-smoothing: antialiased;
}

.header::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, var(--hdr-accent) 18%, #ff8533 50%, var(--hdr-accent) 82%, transparent 100%);
    opacity: .9;
    pointer-events: none;
}

.header .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    height: var(--hdr-h);
    overflow: visible;
    position: relative;
    padding: 0 8px;
    box-sizing: border-box;
}

.logo {
    float: none;
    flex-shrink: 0;
    line-height: var(--hdr-h);
    vertical-align: middle;
}

.logo a {
    display: inline-flex;
    align-items: center;
    height: var(--hdr-h);
    transition: opacity .25s ease;
}

.logo a:hover {
    opacity: .88;
}

.logo img {
    max-height: 56px;
    width: auto;
    vertical-align: middle;
}

.head-pinned {
    height: auto;
    min-height: 64px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    background: rgba(255, 255, 255, .94);
    -webkit-backdrop-filter: blur(14px) saturate(1.2);
    backdrop-filter: blur(14px) saturate(1.2);
    border-bottom-color: rgba(232, 237, 242, .9);
    box-shadow: 0 4px 24px rgba(15, 23, 42, .1);
}

.head-pinned::after {
    height: 2px;
    opacity: .75;
}

.head-pinned .inner {
    height: 64px;
}

.head-pinned .logo {
    margin: 0;
    line-height: 64px;
}

.head-pinned .logo a {
    height: 64px;
}

.head-pinned .logo img {
    height: 42px;
    max-height: 42px;
}

.head-pinned .main-menu {
    line-height: 64px;
}

.head-pinned .navi li a,
.head-pinned .navi li a:link,
.head-pinned .navi li a:visited {
    line-height: 64px;
}

.head-pinned .navi li a::after {
    bottom: 18px;
}

.head-pinned .navi li ul {
    top: 64px;
}

.head-pinned .navi li .ul-div {
    top: 64px;
}

.head-pinned .btn-so {
    width: 40px;
    height: 40px;
}

.main-menu {
    float: none;
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 0;
    font-size: 14px;
    line-height: var(--hdr-h);
    color: var(--hdr-ink);
}

.main-menu .navi {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
}

.navi li a,
.navi li a:link,
.navi li a:visited {
    padding: 0 18px;
    color: var(--hdr-ink);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .02em;
    line-height: var(--hdr-h);
    display: block;
    position: relative;
    border-bottom: none;
    background: transparent;
    text-decoration: none;
    transition: color .22s ease;
}

.navi li a::after {
    content: '';
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 26px;
    height: 2px;
    background: var(--hdr-accent);
    border-radius: 2px;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .28s cubic-bezier(.4, 0, .2, 1);
}

.navi li a:hover {
    color: var(--hdr-accent);
    text-decoration: none;
}

.navi li a:hover::after {
    transform: scaleX(1);
}

.navi li.menu-item-has-children > a {
    padding-right: 28px;
}

.navi li.menu-item-has-children > a::before {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    width: 0;
    height: 0;
    margin: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    opacity: .45;
    transform: translateY(-40%);
    transition: transform .2s ease, opacity .2s ease;
    pointer-events: none;
}

.navi li.menu-item-has-children:hover > a::before {
    opacity: .85;
    transform: translateY(calc(-40% + 1px));
}

.navi li.current-menu-item a:link,
.navi li.current-menu-item a:visited,
.navi li.current-post-ancestor a,
.navi li.current-menu-parent a,
.navi li.current-category-ancestor a {
    color: var(--hdr-accent);
    border-bottom: none;
    background: transparent;
    font-weight: 600;
    text-shadow: none;
}

.navi li.current-menu-item > a::after,
.navi li.current-post-ancestor > a::after,
.navi li.current-menu-parent > a::after,
.navi li.current-category-ancestor > a::after {
    transform: scaleX(1);
}

.navi li:hover > a {
    color: var(--hdr-accent);
    border-bottom: none;
    background: transparent;
}

.main-menu .navi li ul.sub-menu,
.main-menu .navi li ul {
    text-align: left;
}

.navi li ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    padding: 0;
    margin: 0;
    width: 300px;
    max-width: min(300px, calc(100vw - 24px));
    max-height: min(70vh, 420px);
    line-height: 1.5;
    list-style: none;
    border: 1px solid var(--hdr-line);
    border-top: 2px solid var(--hdr-accent);
    border-radius: 0 0 10px 10px;
    background-color: var(--hdr-surface);
    box-shadow: 0 16px 48px rgba(15, 23, 42, .12);
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scroll-padding: 4px 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.navi li ul::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.navi li ul.is-open {
    display: block;
}

.navi > li > ul.sub-menu {
    width: 320px;
    max-width: min(320px, calc(100vw - 24px));
}

.navi li ul li {
    float: none;
    width: 100%;
    min-width: 0;
    margin: 0;
    line-height: 1.4;
    list-style: none;
    text-align: left;
}

.navi li ul li a,
.navi li ul li a:link,
.navi li ul li a:visited {
    position: relative;
    padding: 10px 16px;
    height: auto;
    min-height: 40px;
    line-height: 1.4;
    color: var(--hdr-muted);
    font-size: 13px;
    font-weight: 500;
    white-space: normal;
    word-break: break-word;
    text-align: left;
    display: block;
    box-sizing: border-box;
    border-bottom: 1px solid #f1f5f9;
    transition: color .2s ease, background .2s ease;
}


.navi li ul li a:hover,
.navi li ul li a:link:hover,
.navi li ul li a:visited:hover {
    color: var(--hdr-accent);
    background: #f8fafc;
}

.navi li ul li.current-menu-item > a,
.navi li ul li.current-menu-item > a:link,
.navi li ul li.current-menu-item > a:visited {
    color: var(--hdr-accent);
    font-weight: 600;
    background: var(--hdr-accent-glow);
    box-shadow: inset 3px 0 0 var(--hdr-accent);
}

.navi li ul li.current-menu-parent > a,
.navi li ul li.current-category-ancestor > a {
    color: var(--hdr-accent);
    font-weight: 600;
}

.navi li ul li a::after {
    display: none;
}

.navi li ul li.menu-item-has-children > a {
    padding-right: 28px;
    background-image: none;
}

.navi li ul li.menu-item-has-children > a::before {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    width: 0;
    height: 0;
    margin: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid currentColor;
    border-right: none;
    opacity: .45;
    transform: translateY(-50%);
}

/* Nested: 大类 → 小类/产品（手风琴，避免侧飞被 overflow 裁切） */
.navi li ul li ul,
.navi li ul.sub-menu--level3 {
    position: static;
    left: auto;
    top: auto;
    margin: 0;
    width: 100%;
    max-width: none;
    max-height: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: #f8fafc;
    display: none;
    overflow: visible;
}

.navi li ul li.sub-expanded > ul,
.navi li ul li.menu-item-has-children.is-open > ul {
    display: block;
}

.navi li ul.sub-menu--level3 > li > a,
.navi li ul.sub-menu--level3 > li > a:link,
.navi li ul.sub-menu--level3 > li > a:visited {
    padding: 8px 16px 8px 28px;
    font-size: 12px;
    min-height: 0;
    color: #64748b;
    border-bottom-color: #eef2f7;
}

.navi li ul.sub-menu--level3 > li.menu-item--viewall > a {
    color: var(--hdr-accent);
    font-weight: 600;
    border-bottom: none;
}

/* 桌面顶栏靠 hover，隐藏一级展开钮 */
.navi > li.menu-item-has-children > a > .mean-clicked {
    display: none;
}

/* 桌面：二级分类右侧展开按钮（点开产品） */
.navi > li > ul.sub-menu > li.menu-item-has-children > a {
    padding-right: 44px;
    position: relative;
}

.navi > li > ul.sub-menu > li.menu-item-has-children > a > .mean-clicked {
    display: block;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    padding: 0;
    z-index: 2;
}

.navi > li > ul.sub-menu > li.menu-item-has-children > a > .mean-clicked::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7px;
    height: 7px;
    margin: -5px 0 0 -4px;
    border-right: 2px solid #94a3b8;
    border-bottom: 2px solid #94a3b8;
    transform: rotate(45deg);
    transition: transform .2s ease, border-color .2s ease;
}

.navi > li > ul.sub-menu > li.menu-item-has-children > a > .mean-clicked.mean-toggle::after {
    margin-top: -2px;
    transform: rotate(225deg);
    border-color: var(--hdr-accent);
}

.navi > li > ul.sub-menu > li.menu-item-has-children > a::before {
    display: none;
}

/* Long product menus: single-column scroll + More/Less */
@media only screen and (min-width: 769px) {
    .navi > li.menu-item-has-children > ul.sub-menu.sub-menu--collapsible.is-open {
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 300px;
        max-width: min(300px, calc(100vw - 24px));
        padding: 4px 0 0;
        gap: 0;
    }

    .navi > li.menu-item-has-children > ul.sub-menu.sub-menu--collapsible.is-open:not(.is-expanded) {
        max-height: min(70vh, 420px);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 102, 0, 0.45) #f1f5f9;
    }

    .navi > li.menu-item-has-children > ul.sub-menu.sub-menu--collapsible.is-open:not(.is-expanded)::-webkit-scrollbar {
        display: block;
        width: 6px;
    }

    .navi > li.menu-item-has-children > ul.sub-menu.sub-menu--collapsible.is-open:not(.is-expanded)::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(255, 102, 0, 0.4);
    }

    .navi > li.menu-item-has-children > ul.sub-menu.sub-menu--collapsible.is-open.is-expanded {
        max-height: min(85vh, 560px);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .navi > li.menu-item-has-children > ul.sub-menu.sub-menu--collapsible.is-open > li.menu-item {
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
        margin: 0;
        text-align: left;
    }

    .navi > li.menu-item-has-children > ul.sub-menu.sub-menu--collapsible.is-open > li.menu-item > a {
        padding: 11px 16px;
        min-height: 44px;
        line-height: 1.35;
        text-align: left;
    }

    .navi > li.menu-item-has-children > ul.sub-menu .sub-menu-more {
        flex: 0 0 auto;
        width: 100%;
        margin: 0;
        list-style: none;
        border-top: 1px solid var(--hdr-line);
        background: #fff;
        position: sticky;
        bottom: 0;
        z-index: 2;
        box-shadow: 0 -6px 16px rgba(15, 23, 42, 0.06);
    }

    .navi > li.menu-item-has-children > ul.sub-menu .sub-menu-more-btn {
        display: block;
        width: 100%;
        padding: 12px 16px;
        border: 0;
        background: transparent;
        color: var(--hdr-accent);
        font-family: var(--hdr-font);
        font-size: 13px;
        font-weight: 600;
        letter-spacing: .03em;
        line-height: 1.3;
        text-align: center;
        cursor: pointer;
        transition: background .2s ease, color .2s ease;
    }

    .navi > li.menu-item-has-children > ul.sub-menu .sub-menu-more-btn:hover {
        background: var(--hdr-accent-glow);
        color: #e85c00;
    }
}

.btn-so {
    float: none;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    margin-left: 6px;
    border-radius: 50%;
    border: 1px solid var(--hdr-line);
    background-color: #f1f5f9;
    background-image: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    text-indent: -9999px;
    overflow: hidden;
    transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .2s ease;
}

.btn-so::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") no-repeat center;
    background-size: 18px 18px;
    transition: background-image .2s ease;
}

.btn-so:hover,
.btn-so.btn-so-hov {
    background-color: var(--hdr-accent-glow);
    border-color: rgba(255, 102, 0, .35);
    box-shadow: 0 0 0 1px rgba(255, 102, 0, .25);
    transform: scale(1.04);
}

.btn-so:hover:not(.btn-so-hov)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6600' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E");
}

.btn-so.btn-so-hov::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6600' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6L6 18'/%3E%3Cpath d='M6 6l12 12'/%3E%3C/svg%3E");
    background-size: 16px 16px;
}

/* Search panel ? flush with header, no green body gaps */
#search-box {
    margin: 0;
    width: 100%;
    border-top: none;
    border-bottom: 1px solid var(--hdr-line);
    background: linear-gradient(180deg, #f4f7fa 0%, var(--hdr-surface) 100%);
    font-family: var(--hdr-font);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
    position: relative;
    z-index: 998;
}

.header + #search-box {
    margin-top: 0;
}

/* Spacing below header / search (replaces old header margin-bottom) */
.header + .slideshow-swiper-container,
#search-box + .slideshow-swiper-container,
.header + #search-box + .slideshow-swiper-container {
    margin-top: 25px;
}

/* ===== Page breadcrumb bar ===== */
.breadcrumb {
    margin: 0 0 32px;
    width: 100%;
    min-height: 0;
    height: auto;
    line-height: normal;
    padding: 32px 0 36px;
    color: var(--hdr-ink, #0f172a);
    background:
        linear-gradient(135deg, rgba(255, 102, 0, 0.06) 0%, transparent 42%),
        linear-gradient(180deg, #fff 0%, #f6f9fc 100%);
    border-bottom: 1px solid var(--hdr-line, #e8edf2);
    clear: both;
    overflow: hidden;
    position: relative;
    opacity: 1 !important;
    text-transform: none;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
}

.breadcrumb::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, var(--hdr-accent, #f60) 0%, #ff8533 100%);
}

.breadcrumb::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: min(320px, 28vw);
    height: 120%;
    background: radial-gradient(ellipse at 100% 50%, rgba(255, 102, 0, 0.08) 0%, transparent 70%);
    pointer-events: none;
}

.breadcrumb .inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px 24px;
}

.breadcrumb h2 {
    float: none;
    margin: 0;
    padding: 0 0 0 18px;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 700;
    letter-spacing: 0.07em;
    line-height: 1.1;
    text-transform: uppercase;
    color: var(--hdr-ink, #0f172a);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.breadcrumb h2 span {
    color: inherit;
}

.breadcrumb h2 a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb h2 a:hover {
    color: var(--hdr-accent, #f60);
}

.breadcrumb a:link,
.breadcrumb a:visited {
    color: var(--hdr-muted, #64748b);
    text-decoration: none;
    opacity: 1 !important;
    transition: color 0.2s ease;
}

.breadcrumb a:hover {
    color: var(--hdr-accent, #f60) !important;
    opacity: 1 !important;
}

.crumb-box {
    float: none;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    max-width: 100%;
    margin: 0;
    padding: 10px 18px 10px 40px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--hdr-muted, #64748b);
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V20h14V9.5'/%3E%3C/svg%3E") no-repeat 14px center;
    background-size: 16px 16px;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 999px;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
}

.crumb-box a:link,
.crumb-box a:visited {
    color: var(--hdr-muted, #64748b);
    opacity: 1 !important;
}

.crumb-box a:hover {
    color: var(--hdr-accent, #f60) !important;
}

.crumb-box i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    padding: 0;
    font-size: 0;
    font-style: normal;
    color: transparent;
    flex-shrink: 0;
}

.crumb-box i::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-right: 1.5px solid #cbd5e1;
    border-bottom: 1.5px solid #cbd5e1;
    transform: rotate(-45deg);
    box-sizing: border-box;
}

.crumb-box .current,
.crumb-box span.current {
    color: var(--hdr-accent, #f60);
    font-weight: 700;
}

@media only screen and (max-width: 768px) {
    .breadcrumb {
        padding: 22px 0 24px;
        margin-bottom: 24px;
    }

    .breadcrumb .inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .breadcrumb h2 {
        padding-left: 16px;
        font-size: 22px;
    }

    .crumb-box {
        display: block !important; /* 行内流才能稳定两行截断 */
        margin-left: 16px;
        margin-right: 16px;
        max-width: calc(100% - 32px);
        padding: 8px 14px 8px 36px;
        background-position: 12px 10px;
        font-size: 11px;
        line-height: 1.45;
        max-height: calc(1.45em * 2 + 16px); /* 最多 2 行 */
        overflow: hidden;
        border-radius: 12px;
        white-space: normal;
        word-break: break-word;
    }

    .crumb-box a,
    .crumb-box span,
    .crumb-box .current {
        display: inline;
    }

    .crumb-box i {
        display: inline-block;
        vertical-align: middle;
        margin: 0 2px;
    }
}

/* ===== Online inquiry / feedback form page ===== */
.content--form {
    float: none;
    padding: 0;
    min-width: 0;
    box-sizing: border-box;
}

.content--form > .post {
    margin: 0 0 20px;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

.content--form .form-intro {
    margin: 0;
    padding: 18px 22px;
    font-size: 14px;
    line-height: 1.65;
    color: var(--hdr-muted, #64748b);
    background: linear-gradient(135deg, rgba(255, 102, 0, 0.06) 0%, #fff 55%);
    border: 1px solid var(--hdr-line, #e8edf2);
    border-left: 3px solid var(--hdr-accent, #f60);
    border-radius: 4px;
}

.content--form .form-intro p {
    margin: 0;
}

.content--form .postComment {
    margin: 0;
    padding: 0;
}

.content--form #respond {
    margin: 0;
    padding: 28px 32px 32px;
    background: #fff;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.07);
}

.content--form #respond::before {
    content: "Send Your Inquiry";
    display: block;
    margin: 0 0 6px;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--hdr-ink, #0f172a);
}

.content--form #commentform {
    margin-top: 18px;
}

.content--form #commentform p {
    float: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    margin: 0 0 18px;
    overflow: visible;
}

.content--form #commentform p[style*="display:none"],
.content--form #commentform p[style*="display: none"] {
    display: none !important;
}

.content--form #commentform label {
    float: none;
    width: auto;
    padding: 0;
    text-align: left;
    font-family: var(--hdr-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--hdr-muted, #64748b);
}

.content--form #commentform input[type="text"],
.content--form #commentform textarea,
.content--form #commentform #author,
.content--form #commentform #email,
.content--form #commentform #comment,
.content--form #commentform #code {
    float: none;
    display: block;
    width: 100% !important;
    max-width: 100%;
    margin: 0;
    padding: 12px 14px;
    font-family: var(--hdr-font);
    font-size: 15px;
    line-height: 1.5;
    color: var(--hdr-ink, #0f172a);
    background: #f8fafc;
    border: 1px solid var(--hdr-line, #e2e8f0);
    border-radius: 2px;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.content--form #commentform textarea,
.content--form #commentform #comment {
    min-height: 140px;
    height: auto;
    resize: vertical;
    overflow-y: auto;
}

.content--form #commentform input[type="text"]:focus,
.content--form #commentform textarea:focus,
.content--form #commentform #comment:focus,
.content--form #commentform #code:focus {
    outline: none;
    background: #fff;
    border-color: var(--hdr-accent, #f60);
    box-shadow: 0 0 0 3px var(--hdr-accent-glow, rgba(255, 102, 0, 0.14));
}

.content--form #commentform input::placeholder,
.content--form #commentform textarea::placeholder {
    color: #94a3b8;
}

.content--form #commentform p:has(#code),
.content--form #commentform p:has(.codeimg) {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.content--form #commentform p:has(#code) label,
.content--form #commentform p:has(.codeimg) label {
    flex: 0 0 100%;
}

.content--form #commentform #code {
    flex: 1 1 160px;
    width: auto !important;
    max-width: 220px;
}

.content--form #commentform .codeimg {
    flex: 0 0 auto;
    display: block;
    height: 44px;
    width: auto;
    margin: 0;
    padding: 0;
    border: 1px solid var(--hdr-line, #e2e8f0);
    border-radius: 2px;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.content--form #commentform .codeimg:hover {
    border-color: var(--hdr-accent, #f60);
    box-shadow: 0 0 0 3px var(--hdr-accent-glow, rgba(255, 102, 0, 0.14));
}

.content--form #commentform p.p-btn {
    margin-top: 8px;
    margin-bottom: 0;
    padding-top: 8px;
    border-top: 1px solid var(--hdr-line, #e8edf2);
}

.content--form #commentform p.p-btn label {
    display: none !important;
}

.content--form #commentform #submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    padding: 14px 36px;
    font-family: var(--hdr-font);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    background: var(--hdr-accent, #f60);
    border: none;
    border-radius: 2px;
    box-shadow: 0 8px 24px rgba(255, 102, 0, 0.28);
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.content--form #commentform #submit:hover,
.content--form #commentform #submit:active {
    background: #e85c00;
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(255, 102, 0, 0.34);
}

@media only screen and (max-width: 768px) {
    .content--form #respond {
        padding: 22px 18px 24px;
    }

    .content--form #respond::before {
        font-size: 19px;
    }

    .content--form .form-intro {
        padding: 14px 16px;
        font-size: 13px;
    }

    .content--form #commentform #submit {
        width: 100%;
    }
}

/* Inner page layout: content + sidebar (product/list pages only, not homepage sections) */
@media only screen and (min-width: 769px) {
    .container.inner:has(> .column-fluid):has(> .sidebar) {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 28px;
    }

    .inner.container:has(> .row-fluid) {
        display: block;
    }

    .container.inner:has(> .column-fluid):has(> .sidebar) > .column-fluid {
        float: none !important;
        flex: 1 1 auto;
        min-width: 0;
        width: auto !important;
        margin-bottom: 0;
        order: 2;
    }

    .container.inner:has(> .column-fluid):has(> .sidebar) > .sidebar {
        float: none !important;
        flex: 0 0 265px;
        width: 265px !important;
        max-width: 265px;
        margin: 0 !important;
        order: 1;
    }

    .container.inner:has(> .column-fluid):has(> .sidebar) > .column-fluid > .content {
        margin-left: 0 !important;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
    .container.inner:has(> .column-fluid):has(> .sidebar) > .sidebar {
        flex-basis: 260px;
        width: 260px !important;
        max-width: 260px;
    }
}

/* Hero banner ? industrial editorial */
.hero-banner {
    --hb-accent: var(--hdr-accent, #f60);
    --hb-ink: #0a0f16;
    --hb-steel: #151d2a;
    --hb-display: 'Barlow Condensed', 'Plus Jakarta Sans', sans-serif;
    --hb-body: var(--hdr-font);
    --hb-ratio: 0.395;
    --hb-autoplay: 5s;
    position: relative;
    max-width: 1240px;
    margin: 0 auto 32px;
    padding: 14px 20px 0;
    box-sizing: border-box;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
}

/* fade 叠层：slide 绝对定位后 offsetLeft=0，Swiper 不再横向平移出框 */
.hero-banner.swiper-container-fade {
    overflow: hidden;
}

.hero-banner.swiper-container-fade .swiper-wrapper {
    position: relative;
    width: 100%;
    z-index: 1;
    display: block !important;
    box-sizing: border-box;
    overflow: hidden;
    transform: translate3d(0, 0, 0) !important;
}

.hero-banner.swiper-container-fade .swiper-slide {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    pointer-events: none;
    transition-property: opacity;
}

.hero-banner.swiper-container-fade .swiper-slide-active,
.hero-banner.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
    z-index: 2;
}

.hero-banner::before {
    content: "";
    position: absolute;
    inset: 14px 20px 0;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    pointer-events: none;
    z-index: 12;
}

.hero-banner__veil,
.hero-banner__grain {
    position: absolute;
    inset: 14px 20px 0;
    border-radius: 4px;
    pointer-events: none;
    z-index: 4;
}

.hero-banner__veil {
    background:
        linear-gradient(115deg, rgba(10, 15, 22, 0.72) 0%, transparent 42%),
        linear-gradient(0deg, rgba(10, 15, 22, 0.88) 0%, rgba(10, 15, 22, 0.15) 38%, transparent 62%),
        linear-gradient(90deg, rgba(10, 15, 22, 0.35) 0%, transparent 28%, transparent 72%, rgba(10, 15, 22, 0.4) 100%);
}

.hero-banner__grain {
    opacity: 0.22;
    mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size: 180px 180px;
}

.hero-banner__rail {
    position: absolute;
    top: 14px;
    bottom: 0;
    width: 3px;
    z-index: 11;
    background: linear-gradient(180deg, var(--hb-accent) 0%, rgba(255, 102, 0, 0.15) 100%);
    opacity: 0.9;
}

.hero-banner__rail--left {
    left: 20px;
}

.hero-banner__rail--right {
    right: 20px;
    background: linear-gradient(0deg, var(--hb-accent) 0%, rgba(255, 102, 0, 0.08) 100%);
}

.hero-banner .swiper-slide {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background: var(--hb-steel);
    box-shadow:
        0 28px 60px rgba(10, 15, 22, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

.hero-banner__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
}

.hero-banner__media {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.hero-banner img,
.hero-banner.slideshow-swiper-container img {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    display: block;
    object-fit: cover;
    object-position: center;
    transform: scale(1.04);
    transform-origin: center center;
    filter: saturate(1.05) contrast(1.04);
    transition: transform 9s cubic-bezier(0.22, 1, 0.36, 1), filter 0.6s ease;
}

.hero-banner .swiper-slide-active img {
    transform: scale(1);
}

.hero-banner__copy {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
    padding: 0 48px 52px 56px;
    max-width: 78%;
    box-sizing: border-box;
    text-align: left;
    line-height: 1.35;
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.7s ease 0.15s, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.15s;
}

.hero-banner .swiper-slide-active .hero-banner__copy {
    opacity: 1;
    transform: translateY(0);
}

.hero-banner__title {
    margin: 0 0 10px !important;
    font-family: var(--hb-display) !important;
    font-size: clamp(28px, 4.2vw, 56px) !important;
    font-weight: 700 !important;
    line-height: 0.95 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff !important;
    word-spacing: normal;
    text-align: left;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.5);
}

.hero-banner__title::after {
    content: "";
    display: block;
    width: 56px;
    height: 3px;
    margin-top: 14px;
    background: var(--hb-accent);
    box-shadow: 0 0 20px rgba(255, 102, 0, 0.55);
}

.hero-banner__title:empty::after {
    display: none;
}

.hero-banner__desc {
    margin: 0 !important;
    width: auto !important;
    max-width: 520px;
    font-family: var(--hb-body) !important;
    font-size: clamp(14px, 1.5vw, 17px) !important;
    font-weight: 500;
    line-height: 1.55 !important;
    color: rgba(255, 255, 255, 0.82) !important;
    text-align: left;
}

.hero-banner__title:empty,
.hero-banner__desc:empty {
    display: none;
}

.hero-banner__copy:not(:has(.hero-banner__title:not(:empty))):not(:has(.hero-banner__desc:not(:empty))) {
    display: none;
}

.hero-banner__progress {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 3px;
    z-index: 13;
    background: rgba(255, 255, 255, 0.12);
    overflow: hidden;
    border-radius: 0 0 4px 4px;
}

.hero-banner__progress-bar {
    display: block;
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, #e85c00, var(--hb-accent), #ffb347);
    box-shadow: 0 0 12px rgba(255, 102, 0, 0.65);
    transform-origin: left center;
}

.hero-banner.is-playing .hero-banner__progress-bar {
    animation: heroBannerProgress var(--hb-autoplay) linear forwards;
}

@keyframes heroBannerProgress {
    from { width: 0; }
    to { width: 100%; }
}

.hero-banner__index {
    position: absolute;
    right: 36px;
    bottom: 22px;
    z-index: 14;
    font-family: var(--hb-display);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.22em;
    color: rgba(255, 255, 255, 0.55);
    pointer-events: none;
}

.hero-banner__idx-cur {
    color: #fff;
    font-size: 22px;
    letter-spacing: 0.08em;
}

.hero-banner__idx-sep {
    margin: 0 4px;
    opacity: 0.45;
}

.hero-banner .swiper-pagination-bullets,
.hero-banner > .swiper-pagination-bullets {
    bottom: 18px !important;
    left: 56px !important;
    width: auto !important;
    text-align: left;
    transform: none;
    padding: 0;
    background: none;
}

.hero-banner .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    margin: 0 6px 0 0 !important;
    background: rgba(255, 255, 255, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50% !important;
    opacity: 1 !important;
    vertical-align: middle;
    transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.hero-banner .swiper-pagination-bullet-active {
    width: 28px !important;
    border-radius: 999px !important;
    background: var(--hb-accent) !important;
    border-color: var(--hb-accent);
    box-shadow: 0 0 14px rgba(255, 102, 0, 0.5);
}

.hero-banner .swiper-button-next,
.hero-banner .swiper-button-prev {
    display: none !important;
}

@media only screen and (max-width: 768px) {
    .hero-banner {
        padding: 8px 12px 0;
        margin-bottom: 20px;
    }

    .hero-banner::before,
    .hero-banner__veil,
    .hero-banner__grain {
        inset: 8px 12px 0;
    }

    .hero-banner__rail--left {
        left: 12px;
    }

    .hero-banner__rail--right {
        right: 12px;
    }

    .hero-banner__progress {
        left: 12px;
        right: 12px;
    }

    .hero-banner__copy {
        max-width: 100%;
        padding: 0 20px 44px 24px;
    }

    .hero-banner__index {
        right: 20px;
        bottom: 14px;
        font-size: 11px;
    }

    .hero-banner__idx-cur {
        font-size: 18px;
    }

    .hero-banner .swiper-pagination-bullets,
    .hero-banner > .swiper-pagination-bullets {
        left: 24px !important;
        bottom: 12px !important;
    }
}

/* Features band ? CMS: section.row-column-gird > div ? 4 */
.container-features.features-band {
    --feat-accent: var(--hdr-accent, #f60);
    --feat-display: 'Barlow Condensed', var(--hdr-font);
    --feat-cols: 4;
    position: relative;
    max-width: 1240px;
    margin: 0 auto 36px;
    padding: 36px 28px 40px;
    box-sizing: border-box;
    display: block;
    counter-reset: feat-card;
    background: linear-gradient(165deg, #f8fafc 0%, #fff 48%, #f4f6f8 100%);
    border: 1px solid var(--hdr-line);
    border-radius: 4px;
    box-shadow:
        0 20px 50px rgba(10, 15, 22, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    overflow: hidden;
}

.container-features.features-band::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--feat-accent) 20%, #ff8533 50%, var(--feat-accent) 80%, transparent);
}

.container-features.features-band::after {
    content: "";
    position: absolute;
    right: -80px;
    top: -80px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 102, 0, 0.07) 0%, transparent 68%);
    pointer-events: none;
}

.container-features.features-band > section,
.container-features.features-band > .row-column-gird,
.container-features.features-band > .col-md-3:only-child {
    display: grid !important;
    grid-template-columns: repeat(var(--feat-cols), minmax(0, 1fr)) !important;
    gap: 18px;
    float: none !important;
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clear: both;
}

.container-features.features-band > section.row-fluid {
    margin-bottom: 0 !important;
}

.container-features.features-band section.col-md-3 > div,
.container-features.features-band section.col-md-4 > div {
    float: none !important;
    width: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    text-align: left;
}

.container-features.features-band > section > div,
.container-features.features-band > .row-column-gird > div,
.container-features.features-band .col-md-3 > div,
.container-features.features-band > div {
    position: relative;
    float: none !important;
    margin: 0 !important;
    padding: 28px 24px 32px 28px !important;
    width: auto !important;
    min-width: 0;
    min-height: 0;
    height: 100%;
    text-align: left;
    background: #fff;
    border: 1px solid var(--hdr-line);
    border-radius: 4px;
    box-sizing: border-box;
    counter-increment: feat-card;
    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s ease,
        border-color 0.25s ease;
}

.container-features.features-band > section > div::before,
.container-features.features-band > .row-column-gird > div::before,
.container-features.features-band .col-md-3 > div::before,
.container-features.features-band > div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--feat-accent), rgba(255, 102, 0, 0.2));
    border-radius: 4px 0 0 4px;
    transform: scaleY(0.35);
    transform-origin: top;
    transition: transform 0.35s ease;
}

.container-features.features-band > section > div::after,
.container-features.features-band > .row-column-gird > div::after,
.container-features.features-band .col-md-3 > div::after,
.container-features.features-band > div::after {
    content: counter(feat-card, decimal-leading-zero);
    position: absolute;
    top: 14px;
    right: 18px;
    font-family: var(--feat-display);
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    color: rgba(255, 102, 0, 0.1);
    pointer-events: none;
}

.container-features.features-band > section > div:hover,
.container-features.features-band > .row-column-gird > div:hover,
.container-features.features-band .col-md-3 > div:hover,
.container-features.features-band > div:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 102, 0, 0.28);
    box-shadow: 0 18px 42px rgba(10, 15, 22, 0.1);
}

.container-features.features-band > section > div:hover::before,
.container-features.features-band > .row-column-gird > div:hover::before,
.container-features.features-band .col-md-3 > div:hover::before,
.container-features.features-band > div:hover::before {
    transform: scaleY(1);
}

.container-features.features-band > section > div:hover h3,
.container-features.features-band .col-md-3 > div:hover h3 {
    color: var(--feat-accent);
}

.container-features.features-band > section > div > p,
.container-features.features-band section.col-md-3 > div > p {
    margin: 0;
    padding: 0;
}

.container-features.features-band > section > div > p:first-child,
.container-features.features-band section.col-md-3 > div > p:first-child {
    margin: 0 0 20px;
    padding: 0;
}

.container-features.features-band > section > div > p:first-child a,
.container-features.features-band section.col-md-3 > div > p:first-child a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    padding: 0;
    line-height: 0;
    box-sizing: border-box;
    background: linear-gradient(145deg, rgba(255, 102, 0, 0.1), rgba(255, 102, 0, 0.02));
    border: 1px solid rgba(255, 102, 0, 0.14);
    border-radius: 8px;
}

.container-features.features-band > section > div img,
.container-features.features-band section.col-md-3 > div img {
    display: block;
    float: none;
    max-width: 32px;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    object-fit: contain;
    object-position: center;
    box-sizing: border-box;
    background: none;
    border: 0;
    border-radius: 0;
}

.container-features.features-band > section > div h3,
.container-features.features-band section.col-md-3 > div h3 {
    margin: 0 0 14px !important;
    padding: 0 36px 0 0;
    width: auto;
    height: auto;
    overflow: visible;
    font-family: var(--feat-display) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--hdr-ink, #0f172a);
    transition: color 0.25s ease;
}

.container-features.features-band > section > div > p:last-child,
.container-features.features-band section.col-md-3 > div > p:last-child {
    margin: 0;
    padding: 0 8px 0 0;
    font-family: var(--hdr-font);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6 !important;
    color: var(--hdr-muted, #64748b);
}

.container-features.features-band > section > div:nth-child(1),
.container-features.features-band > .row-column-gird > div:nth-child(1),
.container-features.features-band .col-md-3 > div:nth-child(1),
.container-features.features-band > div:nth-child(1) {
    animation: featReveal 0.65s ease 0.05s both;
}

.container-features.features-band > section > div:nth-child(2),
.container-features.features-band > .row-column-gird > div:nth-child(2),
.container-features.features-band .col-md-3 > div:nth-child(2),
.container-features.features-band > div:nth-child(2) {
    animation: featReveal 0.65s ease 0.12s both;
}

.container-features.features-band > section > div:nth-child(3),
.container-features.features-band > .row-column-gird > div:nth-child(3),
.container-features.features-band .col-md-3 > div:nth-child(3),
.container-features.features-band > div:nth-child(3) {
    animation: featReveal 0.65s ease 0.19s both;
}

.container-features.features-band > section > div:nth-child(4),
.container-features.features-band > .row-column-gird > div:nth-child(4),
.container-features.features-band .col-md-3 > div:nth-child(4) {
    animation: featReveal 0.65s ease 0.26s both;
}

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

@media only screen and (max-width: 1024px) {
    .container-features.features-band {
        --feat-cols: 2;
    }
}

@media only screen and (max-width: 768px) {
    .container-features.features-band {
        --feat-cols: 1;
        padding: 28px 18px 32px;
        margin-bottom: 24px;
    }

    .container-features.features-band > section > div,
    .container-features.features-band .col-md-3 > div,
    .container-features.features-band > div {
        padding: 24px 20px 28px 24px !important;
    }

    .container-features.features-band > section > div > p:first-child,
    .container-features.features-band section.col-md-3 > div > p:first-child {
        margin-bottom: 16px;
    }

    .container-features.features-band > section > div h3,
    .container-features.features-band section.col-md-3 > div h3 {
        margin-bottom: 12px !important;
        padding-right: 28px;
    }

    .container-features.features-band > section > div::after,
    .container-features.features-band .col-md-3 > div::after,
    .container-features.features-band > div::after {
        font-size: 32px;
        top: 12px;
        right: 14px;
    }
}

/* Section headings ? row-fluid blocks */
.inner.container .row-fluid > h2 {
    --sect-display: 'Barlow Condensed', var(--hdr-font);
    margin: 0 0 36px;
    padding: 0 0 0 18px;
    height: auto;
    min-height: 0;
    line-height: 1.15;
    text-align: left;
    color: var(--hdr-ink, #0f172a);
    border: none;
    border-left: 3px solid var(--hdr-accent, #f60);
    clear: both;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 24px;
    position: relative;
}

.inner.container .row-fluid > h2::after {
    content: "";
    flex: 1 1 120px;
    height: 1px;
    min-width: 48px;
    background: linear-gradient(90deg, var(--hdr-line, #e8edf2) 0%, rgba(232, 237, 242, 0) 100%);
}

.inner.container .row-fluid > h2 a:link,
.inner.container .row-fluid > h2 a:visited,
.inner.container .row-fluid > h2 a,
.inner.container .row-fluid > h2 b,
.inner.container .row-fluid > h2 strong {
    padding: 0;
    height: auto;
    font-family: var(--sect-display) !important;
    font-size: clamp(22px, 2.6vw, 32px) !important;
    font-weight: 700 !important;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--hdr-ink, #0f172a) !important;
    border: none !important;
    display: inline-block;
    cursor: pointer;
    transition: color 0.25s ease;
}

.inner.container .row-fluid > h2 a:hover {
    color: var(--hdr-accent, #f60) !important;
    text-decoration: none;
}

.inner.container .row-fluid > h2 span {
    float: none;
    order: 3;
    flex: 1 1 100%;
    max-width: none;
    height: auto;
    margin: -8px 0 0 18px;
    padding: 0;
    font-family: var(--hdr-font);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: none;
    letter-spacing: 0;
}

.inner.container .row-fluid > h2 span a:link,
.inner.container .row-fluid > h2 span a:visited,
.inner.container .row-fluid > h2 span a {
    padding: 0 0 0 14px;
    font-size: 13px;
    font-weight: 500;
    color: var(--hdr-muted, #64748b) !important;
    border: none !important;
}

.inner.container .row-fluid > h2 span a:hover {
    color: var(--hdr-accent, #f60) !important;
}

.inner.container .row-gallary > h2 {
    margin-bottom: 32px;
}

/* Homepage & product list page ? shared product grid */
.content--products,
.container.inner .column-fluid > .content:has(ul.piclist):not(.content--product-detail) {
    padding: 24px 28px 32px;
    background: #fff;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.07);
    box-sizing: border-box;
}

.container.inner .column-fluid > .content:has(ul.piclist) > .cur-title {
    display: none;
}

.container.inner .column-fluid > .content:has(ul.piclist) > .cat-desc:empty {
    display: none;
}

.row-gallary .piclist.piclist-col3,
.content--products .piclist,
.content--products .piclist.piclist-col3,
.container.inner .column-fluid > .content ul.piclist {
    display: grid;
    gap: 22px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: visible;
}

.row-gallary .piclist.piclist-col3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.content--products .piclist,
.content--products .piclist.piclist-col3,
.container.inner .column-fluid > .content ul.piclist {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.row-gallary .piclist.piclist-col3 > li,
.content--products .piclist > li,
.content--products .piclist.piclist-col3 > li,
.container.inner .column-fluid > .content ul.piclist > li {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    overflow: visible;
}

.row-gallary .piclist .folio-item,
.content--products .piclist .folio-item,
.container.inner .column-fluid > .content ul.piclist .folio-item {
    height: 100%;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 28px rgba(10, 15, 22, 0.07);
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease, border-color 0.25s ease;
}

.row-gallary .piclist .folio-item:hover,
.content--products .piclist .folio-item:hover,
.container.inner .column-fluid > .content ul.piclist .folio-item:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 102, 0, 0.28);
    box-shadow: 0 18px 42px rgba(10, 15, 22, 0.12);
}

.row-gallary .piclist .folio-item > a,
.content--products .piclist .folio-item > a,
.container.inner .column-fluid > .content ul.piclist .folio-item > a {
    display: block;
    text-decoration: none;
}

.row-gallary .piclist .folio-thumb,
.content--products .piclist .folio-thumb,
.container.inner .column-fluid > .content ul.piclist .folio-thumb {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
    background: linear-gradient(145deg, #f1f5f9, #e8edf2);
}

.row-gallary .piclist .mediaholder,
.content--products .piclist .mediaholder,
.container.inner .column-fluid > .content ul.piclist .mediaholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.row-gallary .piclist .folio-thumb img,
.row-gallary .piclist .folio-thumb img.thumb,
.content--products .piclist .folio-thumb img,
.content--products .piclist .folio-thumb img.thumb,
.container.inner .column-fluid > .content ul.piclist .folio-thumb img,
.container.inner .column-fluid > .content ul.piclist .folio-thumb img.thumb {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.row-gallary .piclist .folio-item:hover .mediaholder,
.content--products .piclist .folio-item:hover .mediaholder,
.container.inner .column-fluid > .content ul.piclist .folio-item:hover .mediaholder {
    transform: scale(1.06);
    border-color: transparent;
}

.row-gallary .piclist .folio-thumb .opacity-pic,
.content--products .piclist .folio-thumb .opacity-pic,
.container.inner .column-fluid > .content ul.piclist .folio-thumb .opacity-pic {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    opacity: 0;
    background: linear-gradient(180deg, rgba(255, 102, 0, 0.05) 0%, rgba(15, 23, 42, 0.55) 100%);
    transition: opacity 0.35s ease;
}

.row-gallary .piclist .folio-thumb .opacity-pic::after,
.content--products .piclist .folio-thumb .opacity-pic::after,
.container.inner .column-fluid > .content ul.piclist .folio-thumb .opacity-pic::after {
    content: "View";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.92);
    padding: 10px 20px;
    font-family: var(--hdr-font);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 2px;
    background: rgba(255, 102, 0, 0.92);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.row-gallary .piclist .folio-item:hover .folio-thumb .opacity-pic,
.content--products .piclist .folio-item:hover .folio-thumb .opacity-pic,
.container.inner .column-fluid > .content ul.piclist .folio-item:hover .folio-thumb .opacity-pic {
    opacity: 1;
}

.row-gallary .piclist .folio-item:hover .folio-thumb .opacity-pic::after,
.content--products .piclist .folio-item:hover .folio-thumb .opacity-pic::after,
.container.inner .column-fluid > .content ul.piclist .folio-item:hover .folio-thumb .opacity-pic::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.row-gallary .piclist li h3,
.content--products .piclist li h3,
.container.inner .column-fluid > .content ul.piclist li h3 {
    margin: 0;
    padding: 16px 16px 18px;
    min-height: 0;
    text-align: left;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--hdr-muted, #64748b);
    background: #fff;
    border-top: 1px solid var(--hdr-line, #e8edf2);
    transition: background 0.25s ease, color 0.25s ease;
}

.row-gallary .piclist li:hover h3,
.content--products .piclist li:hover h3,
.container.inner .column-fluid > .content ul.piclist li:hover h3 {
    background: #fff;
    color: var(--hdr-muted, #64748b);
}

.row-gallary .piclist li h3 a,
.row-gallary .piclist li h3 a:link,
.row-gallary .piclist li h3 a:visited,
.content--products .piclist li h3 a,
.content--products .piclist li h3 a:link,
.content--products .piclist li h3 a:visited,
.container.inner .column-fluid > .content ul.piclist li h3 a,
.container.inner .column-fluid > .content ul.piclist li h3 a:link,
.container.inner .column-fluid > .content ul.piclist li h3 a:visited {
    display: block;
    margin-top: 8px;
    height: auto;
    min-height: 0;
    line-height: 1.45;
    font-family: var(--hdr-font);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
    color: var(--hdr-ink, #0f172a);
    text-decoration: none;
    transition: color 0.25s ease;
}

.content--products .piclist li h3 > a:first-child:last-child,
.container.inner .column-fluid > .content ul.piclist li h3 > a:first-child:last-child {
    margin-top: 0;
}

.row-gallary .piclist li:hover h3 a,
.row-gallary .piclist li:hover h3 a:link,
.row-gallary .piclist li:hover h3 a:visited,
.content--products .piclist li:hover h3 a,
.content--products .piclist li:hover h3 a:link,
.content--products .piclist li:hover h3 a:visited,
.container.inner .column-fluid > .content ul.piclist li:hover h3 a,
.container.inner .column-fluid > .content ul.piclist li:hover h3 a:link,
.container.inner .column-fluid > .content ul.piclist li:hover h3 a:visited {
    color: var(--hdr-accent, #f60);
    background: transparent;
}

.row-gallary .piclist li h3 span,
.content--products .piclist li h3 .product-price,
.container.inner .column-fluid > .content ul.piclist li h3 .product-price,
.container.inner .column-fluid > .content ul.piclist li h3 span {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed var(--hdr-line, #e8edf2);
    font-family: var(--hdr-font);
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    color: var(--hdr-accent, #f60) !important;
}

.content--products .piclist li h3 .product-code,
.container.inner .column-fluid > .content ul.piclist li h3 .product-code,
.content--products .piclist .product-code,
.container.inner .column-fluid > .content ul.piclist .product-code {
    display: block;
    margin-bottom: 8px;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--hdr-muted, #64748b);
}

.content--products .piclist .folio-item__body,
.container.inner .column-fluid > .content ul.piclist .folio-item__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 16px 18px;
    background: #fff;
    border-top: 1px solid var(--hdr-line, #e8edf2);
}

.content--products .piclist .folio-item__title,
.container.inner .column-fluid > .content ul.piclist .folio-item__title {
    margin: 0;
    padding: 0;
    min-height: 0;
    font-family: var(--hdr-font);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 0;
    text-transform: none;
    color: var(--hdr-ink, #0f172a);
    background: transparent;
    border: none;
}

.content--products .piclist .folio-item__title a,
.content--products .piclist .folio-item__title a:link,
.content--products .piclist .folio-item__title a:visited,
.container.inner .column-fluid > .content ul.piclist .folio-item__title a,
.container.inner .column-fluid > .content ul.piclist .folio-item__title a:link,
.container.inner .column-fluid > .content ul.piclist .folio-item__title a:visited {
    display: block;
    margin: 0;
    height: auto;
    min-height: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: none;
    text-align: left;
    color: var(--hdr-ink, #0f172a);
    text-decoration: none;
    transition: color 0.25s ease;
}

.content--products .piclist .folio-item:hover .folio-item__title a,
.content--products .piclist .folio-item:hover .folio-item__title a:link,
.content--products .piclist .folio-item:hover .folio-item__title a:visited,
.container.inner .column-fluid > .content ul.piclist .folio-item:hover .folio-item__title a,
.container.inner .column-fluid > .content ul.piclist .folio-item:hover .folio-item__title a:link,
.container.inner .column-fluid > .content ul.piclist .folio-item:hover .folio-item__title a:visited {
    color: var(--hdr-accent, #f60);
    background: transparent;
}

.content--products .piclist .folio-item__price,
.container.inner .column-fluid > .content ul.piclist .folio-item__price {
    margin: 0;
    padding-top: 10px;
    border-top: 1px dashed var(--hdr-line, #e8edf2);
    font-family: var(--hdr-font);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--hdr-accent, #f60);
}

.content--products .cat-desc,
.container.inner .column-fluid > .content:has(ul.piclist) .cat-desc {
    margin: 0 0 28px;
    padding: 18px 22px;
    font-size: 14px;
    line-height: 1.65;
    color: var(--hdr-muted, #64748b);
    background: linear-gradient(135deg, rgba(255, 102, 0, 0.06) 0%, #fff 55%);
    border: 1px solid var(--hdr-line, #e8edf2);
    border-left: 3px solid var(--hdr-accent, #f60);
    border-radius: 4px;
}

.content--products .cat-desc p,
.container.inner .column-fluid > .content:has(ul.piclist) .cat-desc p {
    margin: 0;
}

.content--products .cat-desc.form-intro p {
    font-size: 14px;
    line-height: 1.65;
    color: var(--hdr-muted, #64748b);
}

.content--products .cat-desc:empty {
    display: none;
}

.content--products .wpagenavi,
.container.inner .column-fluid > .content:has(ul.piclist) .wpagenavi {
    margin: 32px 0 0;
    padding: 20px 0 0;
    text-align: center;
    border-top: 1px solid var(--hdr-line, #e8edf2);
}

.content--products .wpagenavi:empty,
.container.inner .column-fluid > .content:has(ul.piclist) .wpagenavi:empty {
    display: none;
    margin: 0;
    padding: 0;
    border: none;
}

.content--products .wpagenavi a:link,
.content--products .wpagenavi a:visited,
.container.inner .column-fluid > .content:has(ul.piclist) .wpagenavi a:link,
.container.inner .column-fluid > .content:has(ul.piclist) .wpagenavi a:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    margin: 0 3px;
    padding: 0 10px;
    font-family: var(--hdr-font);
    font-size: 13px;
    font-weight: 600;
    color: var(--hdr-muted, #64748b);
    text-decoration: none;
    background: #fff;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 2px;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.content--products .wpagenavi a:hover,
.content--products .wpagenavi a:active,
.container.inner .column-fluid > .content:has(ul.piclist) .wpagenavi a:hover,
.container.inner .column-fluid > .content:has(ul.piclist) .wpagenavi a:active {
    color: var(--hdr-accent, #f60);
    border-color: rgba(255, 102, 0, 0.35);
    background: var(--hdr-accent-glow, rgba(255, 102, 0, 0.08));
}

.content--products .wpagenavi a.current:link,
.content--products .wpagenavi a.current:visited,
.content--products .wpagenavi a.current:hover,
.container.inner .column-fluid > .content:has(ul.piclist) .wpagenavi a.current:link,
.container.inner .column-fluid > .content:has(ul.piclist) .wpagenavi a.current:visited,
.container.inner .column-fluid > .content:has(ul.piclist) .wpagenavi a.current:hover {
    color: #fff;
    background: var(--hdr-accent, #f60);
    border-color: var(--hdr-accent, #f60);
}

/* News / FAQ / 通用列表分页美化（含 span.page-numbers.current） */
.container.inner .column-fluid > .content .wpagenavi,
.content--news .wpagenavi,
.content--new .wpagenavi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 28px 0 0;
    padding: 22px 0 4px;
    border-top: 1px solid var(--hdr-line, #e8edf2);
    line-height: 1;
    overflow: visible;
}

.container.inner .column-fluid > .content .wpagenavi:empty,
.content--news .wpagenavi:empty,
.content--new .wpagenavi:empty {
    display: none;
    margin: 0;
    padding: 0;
    border: none;
}

.container.inner .column-fluid > .content .wpagenavi a.page-numbers,
.container.inner .column-fluid > .content .wpagenavi a:link,
.container.inner .column-fluid > .content .wpagenavi a:visited,
.container.inner .column-fluid > .content .wpagenavi span.page-numbers,
.content--news .wpagenavi a.page-numbers,
.content--news .wpagenavi a:link,
.content--news .wpagenavi a:visited,
.content--news .wpagenavi span.page-numbers,
.content--new .wpagenavi a.page-numbers,
.content--new .wpagenavi a:link,
.content--new .wpagenavi a:visited,
.content--new .wpagenavi span.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 40px;
    height: 40px;
    margin: 0;
    padding: 0 12px;
    font-family: var(--hdr-font, "Plus Jakarta Sans", sans-serif);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #475569;
    text-decoration: none;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .15s ease;
}

.container.inner .column-fluid > .content .wpagenavi a.page-numbers span,
.container.inner .column-fluid > .content .wpagenavi span.page-numbers span,
.content--news .wpagenavi a.page-numbers span,
.content--news .wpagenavi span.page-numbers span,
.content--new .wpagenavi a.page-numbers span,
.content--new .wpagenavi span.page-numbers span {
    display: inline-block;
    line-height: 1;
}

.container.inner .column-fluid > .content .wpagenavi a.page-numbers:hover,
.container.inner .column-fluid > .content .wpagenavi a:hover,
.container.inner .column-fluid > .content .wpagenavi a:active,
.content--news .wpagenavi a.page-numbers:hover,
.content--news .wpagenavi a:hover,
.content--news .wpagenavi a:active,
.content--new .wpagenavi a.page-numbers:hover,
.content--new .wpagenavi a:hover,
.content--new .wpagenavi a:active {
    color: var(--hdr-accent, #f60);
    border-color: rgba(255, 102, 0, 0.45);
    background: rgba(255, 102, 0, 0.06);
    box-shadow: 0 4px 12px rgba(255, 102, 0, 0.12);
    transform: translateY(-1px);
    text-decoration: none;
}

.container.inner .column-fluid > .content .wpagenavi span.page-numbers.current,
.container.inner .column-fluid > .content .wpagenavi a.page-numbers.current,
.container.inner .column-fluid > .content .wpagenavi a.current,
.content--news .wpagenavi span.page-numbers.current,
.content--news .wpagenavi a.page-numbers.current,
.content--news .wpagenavi a.current,
.content--new .wpagenavi span.page-numbers.current,
.content--new .wpagenavi a.page-numbers.current,
.content--new .wpagenavi a.current {
    color: #fff !important;
    background: var(--hdr-accent, #f60) !important;
    border-color: var(--hdr-accent, #f60) !important;
    box-shadow: 0 6px 16px rgba(255, 102, 0, 0.28);
    cursor: default;
}

.container.inner .column-fluid > .content .wpagenavi a.next,
.container.inner .column-fluid > .content .wpagenavi a.prev,
.container.inner .column-fluid > .content .wpagenavi a.previous,
.content--news .wpagenavi a.next,
.content--news .wpagenavi a.prev,
.content--news .wpagenavi a.previous,
.content--new .wpagenavi a.next,
.content--new .wpagenavi a.prev,
.content--new .wpagenavi a.previous {
    min-width: 44px;
    font-size: 16px;
    letter-spacing: 0;
}

@media only screen and (max-width: 1024px) {
    .row-gallary .piclist.piclist-col3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .content--products .piclist,
    .content--products .piclist.piclist-col3,
    .container.inner .column-fluid > .content ul.piclist {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 18px;
    }

    .content--products,
    .container.inner .column-fluid > .content:has(ul.piclist):not(.content--product-detail) {
        padding: 20px 18px 24px;
    }
}

@media only screen and (max-width: 640px) {
    .row-gallary .piclist.piclist-col3 {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .content--products .piclist,
    .content--products .piclist.piclist-col3,
    .container.inner .column-fluid > .content ul.piclist {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

/* ===== Product detail page ===== */
.content--product-detail {
    padding: 24px 28px 32px;
    background: #fff;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.07);
    box-sizing: border-box;
}

.content--product-detail .product-header__inner {
    overflow: visible;
}

.content--product-detail .post-title {
    margin: 0 0 28px;
    padding: 0 0 20px 18px;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--hdr-ink, #0f172a);
    border: none;
    border-left: 3px solid var(--hdr-accent, #f60);
    border-bottom: 1px solid var(--hdr-line, #e8edf2);
    clear: both;
}

.content--product-detail .productMeta {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 28px 32px;
    overflow: visible;
}

.content--product-detail .preview {
    float: none;
    flex: 0 0 380px;
    max-width: 100%;
    width: auto;
    margin: 0;
}

.content--product-detail .preview > a {
    display: block;
    padding: 12px;
    background: linear-gradient(145deg, #f8fafc, #eef2f6);
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    box-sizing: border-box;
}

.content--product-detail .preview > a img {
    display: block;
    width: 100%;
    max-width: 356px;
    height: auto;
    margin: 0 auto;
    background: #fff;
    border-radius: 2px;
}

.content--product-detail .post ul.thumblist {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    float: none;
    margin: 14px 0 0;
    width: 100%;
    overflow: visible; /* 勿裁切选中橙框（gatg 默认 overflow:hidden） */
}

.content--product-detail .post ul.thumblist li {
    float: none;
    width: auto;
    flex: 0 0 calc(25% - 8px);
    min-width: 72px;
    overflow: visible;
    box-sizing: border-box;
}

.content--product-detail .post ul.thumblist li em {
    display: none !important;
}

.content--product-detail .post ul.thumblist li .thumb-wrap {
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 2px;
    border: 2px solid var(--hdr-line, #e8edf2);
    border-radius: 2px;
    background: #fff;
    overflow: hidden; /* 只裁图，边框在本层完整绘制 */
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.content--product-detail .post ul.thumblist li.zoomActive .thumb-wrap,
.content--product-detail .post ul.thumblist li:hover .thumb-wrap {
    border-color: var(--hdr-accent, #f60);
    box-shadow: inset 0 0 0 1px var(--hdr-accent, #f60);
}

.content--product-detail .post ul.thumblist li .imWrap {
    float: none;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
}

.content--product-detail .post ul.thumblist li img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    padding: 0;
    box-sizing: border-box;
}

.content--product-detail .product-meta-box {
    float: none;
    flex: 1 1 320px;
    min-width: 0;
    margin: 0;
    padding: 22px 24px;
    background: linear-gradient(165deg, #fff 0%, #f8fafc 100%);
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.content--product-detail .product-meta {
    margin: 0 0 20px;
    overflow: visible;
}

.content--product-detail .product-specs {
    margin: 0;
    padding: 0;
    list-style: none;
}

.content--product-detail .product-specs__item {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 12px 16px;
    align-items: baseline;
    margin: 0;
    padding: 12px 0;
    line-height: 1.5;
    white-space: normal;
    border-bottom: 1px solid var(--hdr-line, #e8edf2);
}

.content--product-detail .product-specs__item:last-child {
    border-bottom: none;
}

.content--product-detail .product-specs__item--price {
    padding-top: 14px;
    padding-bottom: 14px;
    background: linear-gradient(90deg, rgba(255, 102, 0, 0.06) 0%, transparent 100%);
    border-bottom-color: rgba(255, 102, 0, 0.15);
}

.content--product-detail .product-specs__label {
    font-family: var(--hdr-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--hdr-muted, #64748b);
}

.content--product-detail .product-specs__label::after {
    content: ':';
    margin-left: 2px;
}

.content--product-detail .product-specs__value {
    font-family: var(--hdr-font);
    font-size: 14px;
    font-weight: 500;
    color: var(--hdr-ink, #0f172a);
    word-break: break-word;
}

.content--product-detail .product-specs__value a {
    color: var(--hdr-accent, #f60);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.content--product-detail .product-specs__value a:hover {
    color: #e85c00;
    text-decoration: underline;
}

.content--product-detail .product-specs__price {
    font-size: 20px;
    font-weight: 700;
    color: var(--hdr-accent, #f60);
}

.content--product-detail .product-specs__value--full {
    grid-column: 1 / -1;
    padding-left: 0;
    font-size: 13px;
    color: var(--hdr-muted, #64748b);
}

.content--product-detail .product-desc-excerpt {
    margin: 18px 0 0;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-left: 3px solid var(--hdr-accent, #f60);
    border-radius: 4px;
}

.content--product-detail .product-desc-excerpt__label {
    display: block;
    margin-bottom: 8px;
    font-family: var(--hdr-font);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--hdr-ink, #0f172a);
}

.content--product-detail .product-desc-excerpt p {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--hdr-muted, #64748b);
}

.content--product-detail .product-tags {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 16px;
    padding: 12px 0 0;
    border-top: 1px dashed var(--hdr-line, #e8edf2);
}

.content--product-detail .product-tags .icon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f60' stroke-width='2'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E") no-repeat center;
    background-size: 18px 18px;
}

.content--product-detail .product-tags .tagList {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    line-height: 1.6;
    color: var(--hdr-muted, #64748b);
}

.content--product-detail .product-tags .tagLi {
    color: var(--hdr-muted, #64748b);
    text-decoration: none;
    transition: color 0.2s ease;
}

.content--product-detail .product-tags .tagLi:hover {
    color: var(--hdr-accent, #f60);
}

.content--product-detail .product-share {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 18px 0 0;
    padding-top: 16px;
    border-top: 1px solid var(--hdr-line, #e8edf2);
}

.content--product-detail .product-share__label {
    flex-shrink: 0;
    font-family: var(--hdr-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--hdr-muted, #64748b);
}

.content--product-detail .product-share__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.content--product-detail .product-share__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 50%;
    background: #fff;
    color: var(--hdr-ink, #0f172a);
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    box-shadow: none;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.content--product-detail .product-share__btn:hover,
.content--product-detail .product-share__btn:focus-visible {
    color: #fff;
    border-color: var(--hdr-accent, #f60);
    background: var(--hdr-accent, #f60);
    transform: translateY(-1px);
    outline: none;
}

.content--product-detail .product-share__x {
    width: 13px;
    height: 13px;
    display: block;
}

.content--product-detail .product-inquiry {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid var(--hdr-line, #e8edf2);
    clear: both;
    overflow: visible;
}

.content--product-detail .product-inquiry form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0;
    width: 100%;
}

.content--product-detail .product-inquiry a {
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 14px 28px;
    min-height: 48px;
    font-family: var(--hdr-font);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px;
    transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.content--product-detail .product-inquiry__btn {
    flex: 1 1 200px;
    color: #fff !important;
    background: var(--hdr-accent, #f60) !important;
    border: none;
    box-shadow: 0 8px 24px rgba(255, 102, 0, 0.28);
}

.content--product-detail .product-inquiry__btn:hover {
    color: #fff !important;
    background: #e85c00 !important;
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(255, 102, 0, 0.34);
}

.content--product-detail .product-inquiry__email,
.content--product-detail .product-inquiry__wa {
    flex: 0 1 auto;
    min-width: 0;
    padding: 12px 16px !important;
    color: var(--hdr-ink, #0f172a) !important;
    background: #fff !important;
    border: 1px solid var(--hdr-line, #e8edf2) !important;
    box-shadow: none;
}

.content--product-detail .product-inquiry__email:hover,
.content--product-detail .product-inquiry__wa:hover {
    color: #fff !important;
    background: var(--hdr-ink, #0f172a) !important;
    border-color: var(--hdr-ink, #0f172a) !important;
    transform: translateY(-1px);
}

.content--product-detail .product-inquiry__email i,
.content--product-detail .product-inquiry__wa i {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 15px;
    line-height: 1;
}

.content--product-detail .product-inquiry__btn i,
.content--product-detail .product-inquiry a.chat i {
    display: inline-block !important;
    float: none !important;
    flex: 0 0 20px;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3C/svg%3E") no-repeat center !important;
    background-size: 20px 20px !important;
    background-position: center !important;
}

.content--product-detail .product-inquiry__attachment {
    flex: 0 0 auto;
    color: var(--hdr-accent, #f60) !important;
    background: #fff !important;
    border: 1px solid var(--hdr-accent, #f60) !important;
}

.content--product-detail .product-inquiry__attachment:hover {
    color: #fff !important;
    background: var(--hdr-accent, #f60) !important;
}

.content--product-detail .product-inquiry__attachment i {
    display: inline-block !important;
    float: none !important;
    flex: 0 0 18px;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3'/%3E%3C/svg%3E") no-repeat center !important;
    background-size: 18px 18px !important;
}

.content--product-detail .product-inquiry__attachment:hover i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3'/%3E%3C/svg%3E");
}

@media only screen and (max-width: 900px) {
    .content--product-detail {
        padding: 20px 18px 24px;
    }

    .content--product-detail .productMeta {
        flex-direction: column;
    }

    .content--product-detail .preview {
        flex: 1 1 100%;
        width: 100%;
    }

    .content--product-detail .product-meta-box {
        flex: 1 1 100%;
        width: 100%;
    }

    .content--product-detail .product-inquiry__email,
    .content--product-detail .product-inquiry__wa {
        display: none !important;
    }

    .content--product-detail .product-share {
        gap: 0;
    }

    .content--product-detail .product-share__label {
        display: none;
    }

    .content--product-detail .product-share__list {
        flex-wrap: nowrap;
        width: 100%;
        justify-content: flex-start;
        gap: 8px;
    }

    .content--product-detail .product-share__btn {
        flex: 0 0 36px;
    }

    .content--product-detail .product-specs__item {
        grid-template-columns: 110px 1fr;
    }
}

@media only screen and (max-width: 640px) {
    .content--product-detail .product-specs__item {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .content--product-detail .product-inquiry__btn {
        flex: 1 1 100%;
        width: 100%;
    }
}

/* Product detail ? tabs, content, inquiry, related */
.content--product-detail .post.product {
    margin: 0;
}

.content--product-detail .product-header {
    margin-bottom: 0;
    padding-bottom: 0;
}

.content--product-detail .product-tabs {
    float: none;
    margin: 36px 0 0;
    height: auto;
    border: none;
    clear: both;
}

.content--product-detail .product-tabs .inner {
    overflow: visible;
}

.content--product-detail .product-tabs__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid var(--hdr-line, #e8edf2);
}

.content--product-detail .product-tabs__nav li {
    float: none;
    margin: 0;
    padding: 12px 22px;
    line-height: 1.3;
    font-family: var(--hdr-font);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--hdr-muted, #64748b);
    background: transparent;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.content--product-detail .product-tabs__nav li:hover {
    color: var(--hdr-accent, #f60);
    background: rgba(255, 102, 0, 0.04);
}

.content--product-detail .product-tabs__nav li.current {
    margin-top: 0;
    line-height: 1.3;
    color: var(--hdr-accent, #f60);
    background: #fff;
    border-color: var(--hdr-line, #e8edf2);
    border-top: 2px solid var(--hdr-accent, #f60);
    box-shadow: 0 -4px 16px rgba(15, 23, 42, 0.04);
}

.content--product-detail .product-tabs__panels,
.content--product-detail #tab-product {
    padding: 0 !important;
    margin: 0;
    clear: both;
}

.content--product-detail .product-panel {
    display: none;
    padding: 28px 0 0;
}

.content--product-detail .product-panel__inner {
    padding: 24px 26px;
    background: #fff;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-top: none;
    border-radius: 0 0 4px 4px;
    box-sizing: border-box;
}

.content--product-detail .product-panel__inner,
.content--product-detail .product-panel.entry {
    font-family: var(--hdr-font);
    font-size: 14px;
    line-height: 1.75;
    color: var(--hdr-ink, #0f172a);
}

.content--product-detail .product-panel__inner p,
.content--product-detail .product-panel.entry p {
    margin: 0 0 14px;
    color: var(--hdr-muted, #64748b);
}

.content--product-detail .product-panel__inner img,
.content--product-detail .product-panel.entry img {
    max-width: 100%;
    height: auto;
    margin: 12px 0;
    border-radius: 4px;
}

.content--product-detail .product-panel__inner table,
.content--product-detail .product-panel.entry table {
    width: 100%;
    margin: 16px 0;
    border-collapse: collapse;
    font-size: 13px;
}

.content--product-detail .product-panel__inner table th,
.content--product-detail .product-panel__inner table td,
.content--product-detail .product-panel.entry table th,
.content--product-detail .product-panel.entry table td {
    padding: 10px 12px;
    border: 1px solid var(--hdr-line, #e8edf2);
    text-align: left;
}

.content--product-detail .product-panel__inner table th,
.content--product-detail .product-panel.entry table th {
    background: #f8fafc;
    font-weight: 600;
    color: var(--hdr-ink, #0f172a);
}

.content--product-detail .product-panel__inner h2,
.content--product-detail .product-panel__inner h3,
.content--product-detail .product-panel.entry h2,
.content--product-detail .product-panel.entry h3 {
    margin: 20px 0 12px;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--hdr-ink, #0f172a);
}

.content--product-detail .product-panel__inner ul,
.content--product-detail .product-panel.entry ul {
    margin: 0 0 14px;
    padding-left: 20px;
    color: var(--hdr-muted, #64748b);
}

.content--product-detail .product-nav-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    margin: 28px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid var(--hdr-line, #e8edf2);
}

.content--product-detail .product-nav-share__links {
    font-family: var(--hdr-font);
    font-size: 14px;
    line-height: 1.8;
    color: var(--hdr-muted, #64748b);
}

.content--product-detail .product-nav-share__links a {
    color: var(--hdr-accent, #f60);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.content--product-detail .product-nav-share__links a:hover {
    color: #e85c00;
    text-decoration: underline;
}

.content--product-detail .product-nav-share__share {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--hdr-font);
    font-size: 13px;
    color: var(--hdr-muted, #64748b);
}

.content--product-detail .product-inquiry-section {
    margin: 32px 0 0;
    padding: 28px 26px 32px;
    background: linear-gradient(165deg, #fff 0%, #f8fafc 100%);
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
}

.content--product-detail .product-inquiry-section__form {
    margin: 0;
}

.content--product-detail .product-inquiry-section__form::before {
    content: "Send Your Inquiry";
    display: block;
    margin-bottom: 6px;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--hdr-ink, #0f172a);
}

.content--product-detail .product-inquiry-section__form::after {
    content: "Fill in the form below and our team will respond shortly.";
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--hdr-muted, #64748b);
}

.content--product-detail #commentform {
    margin-top: 4px;
}

.content--product-detail #commentform p {
    float: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    margin: 0 0 18px;
    overflow: visible;
}

.content--product-detail #commentform p[style*="display:none"],
.content--product-detail #commentform p[style*="display: none"] {
    display: none !important;
}

.content--product-detail #commentform label {
    float: none;
    width: auto;
    padding: 0;
    text-align: left;
    font-family: var(--hdr-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--hdr-muted, #64748b);
}

.content--product-detail #commentform input[type="text"],
.content--product-detail #commentform textarea,
.content--product-detail #commentform #author,
.content--product-detail #commentform #email,
.content--product-detail #commentform #comment,
.content--product-detail #commentform #code {
    float: none;
    display: block;
    width: 100% !important;
    max-width: 100%;
    margin: 0;
    padding: 12px 14px;
    font-family: var(--hdr-font);
    font-size: 15px;
    line-height: 1.5;
    color: var(--hdr-ink, #0f172a);
    background: #fff;
    border: 1px solid var(--hdr-line, #e2e8f0);
    border-radius: 2px;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.content--product-detail #commentform textarea,
.content--product-detail #commentform #comment {
    min-height: 120px;
    resize: vertical;
}

.content--product-detail #commentform input:focus,
.content--product-detail #commentform textarea:focus {
    outline: none;
    border-color: var(--hdr-accent, #f60);
    box-shadow: 0 0 0 3px var(--hdr-accent-glow, rgba(255, 102, 0, 0.14));
}

.content--product-detail #commentform p:has(#code) {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.content--product-detail #commentform p:has(#code) label {
    flex: 0 0 100%;
}

.content--product-detail #commentform #code {
    flex: 1 1 160px;
    width: auto !important;
    max-width: 220px;
}

.content--product-detail #commentform .codeimg {
    height: 44px;
    border: 1px solid var(--hdr-line, #e2e8f0);
    border-radius: 2px;
    cursor: pointer;
}

.content--product-detail #commentform p.p-btn {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--hdr-line, #e8edf2);
}

.content--product-detail #commentform p.p-btn label {
    display: none !important;
}

.content--product-detail #commentform #submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    padding: 14px 36px;
    font-family: var(--hdr-font);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    background: var(--hdr-accent, #f60);
    border: none;
    border-radius: 2px;
    box-shadow: 0 8px 24px rgba(255, 102, 0, 0.28);
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease;
}

.content--product-detail #commentform #submit:hover {
    background: #e85c00;
    transform: translateY(-1px);
}

.content--product-detail .product-related {
    margin: 36px 0 0;
    padding-top: 32px;
    border-top: 1px solid var(--hdr-line, #e8edf2);
}

.content--product-detail .product-related__title {
    margin: 0 0 24px;
    padding: 0 0 0 18px;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: clamp(20px, 2.4vw, 28px);
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--hdr-ink, #0f172a);
    border: none;
    border-left: 3px solid var(--hdr-accent, #f60);
    line-height: 1.15;
}

.content--product-detail .product-related .piclist.piclist-col3 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.content--product-detail .product-related .piclist.piclist-col3 > li {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
}

.content--product-detail .product-related .folio-item {
    height: 100%;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 22px rgba(10, 15, 22, 0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.25s ease;
}

.content--product-detail .product-related .folio-item:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 102, 0, 0.28);
    box-shadow: 0 14px 32px rgba(10, 15, 22, 0.1);
}

.content--product-detail .product-related .folio-thumb {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
    background: linear-gradient(145deg, #f1f5f9, #e8edf2);
}

.content--product-detail .product-related .mediaholder {
    position: absolute;
    inset: 0;
    transition: transform 0.5s ease;
}

.content--product-detail .product-related .folio-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content--product-detail .product-related .folio-item:hover .mediaholder {
    transform: scale(1.05);
}

.content--product-detail .product-related .opacity-pic {
    position: absolute;
    inset: 0;
    opacity: 0;
    background: linear-gradient(180deg, transparent 0%, rgba(15, 23, 42, 0.45) 100%);
    transition: opacity 0.3s ease;
}

.content--product-detail .product-related .folio-item:hover .opacity-pic {
    opacity: 1;
}

.content--product-detail .product-related .folio-item__body {
    padding: 14px 14px 16px;
    border-top: 1px solid var(--hdr-line, #e8edf2);
}

.content--product-detail .product-related .product-code {
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--hdr-muted, #64748b);
}

.content--product-detail .product-related .folio-item__title {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: none;
    border: none;
    background: transparent;
}

.content--product-detail .product-related .folio-item__title a {
    color: var(--hdr-ink, #0f172a);
    text-decoration: none;
    transition: color 0.2s ease;
}

.content--product-detail .product-related .folio-item:hover .folio-item__title a {
    color: var(--hdr-accent, #f60);
}

@media only screen and (max-width: 768px) {
    .content--product-detail .product-tabs__nav li {
        flex: 1 1 auto;
        padding: 10px 14px;
        font-size: 12px;
        text-align: center;
    }

    .content--product-detail .product-panel__inner {
        padding: 18px 16px;
    }

    .content--product-detail .product-inquiry-section {
        padding: 22px 16px 24px;
    }

    .content--product-detail .product-nav-share {
        flex-direction: column;
        align-items: flex-start;
    }

    .content--product-detail #commentform #submit {
        width: 100%;
    }
}

/* Homepage product swiper ? RECOMMENDED PRODUCT */
.row-scroll {
    overflow: hidden;
}

.row-scroll .pic-swiper-container {
    position: relative;
    margin: 0 auto;
    padding: 0 48px;
    box-sizing: border-box;
    overflow: hidden;
}

@media only screen and (min-width: 1025px) {
    .row-scroll .pic-swiper-container .swiper-slide .folio-item {
        min-height: 0;
        max-height: none;
    }

    .row-scroll .pic-swiper-container .folio-thumb {
        flex: 0 0 168px;
        height: 168px;
        min-height: 168px;
        max-height: 168px;
    }

    .row-scroll .pic-swiper-container .folio-thumb img,
    .row-scroll .pic-swiper-container .folio-thumb img.thumb {
        padding: 10px;
    }

    .row-scroll .pic-swiper-container .folio-item__body {
        padding: 10px 10px 10px;
    }

    .row-scroll .pic-swiper-container .folio-item__title a {
        max-height: 3.9em !important;
        font-size: 12px !important;
    }

    .row-scroll .pic-swiper-container .pic-swiper-button-next,
    .row-scroll .pic-swiper-container .pic-swiper-button-prev {
        top: 84px !important;
    }
}

.row-scroll .pic-swiper-container .swiper-wrapper {
    align-items: stretch;
    box-sizing: border-box;
}

.row-scroll .pic-swiper-container .swiper-wrapper .swiper-slide,
.row-scroll .pic-swiper-container .swiper-slide {
    float: none !important;
    height: auto !important;
    margin: 0 0 8px !important;
    padding: 0;
    text-align: left;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    align-self: stretch;
}

.row-scroll .pic-swiper-container .swiper-slide .folio-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 22px rgba(10, 15, 22, 0.06);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.row-scroll .pic-swiper-container .swiper-slide:hover .folio-item {
    border-color: rgba(255, 102, 0, 0.28);
    box-shadow: 0 12px 32px rgba(10, 15, 22, 0.1);
}

.row-scroll .pic-swiper-container .folio-thumb {
    position: relative;
    flex: 0 0 200px;
    width: 100%;
    height: 200px;
    min-height: 200px;
    max-height: 200px;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid var(--hdr-line, #e8edf2);
}

.row-scroll .pic-swiper-container .folio-thumb > a {
    display: block;
    position: absolute;
    inset: 0;
    text-decoration: none;
}

.row-scroll .pic-swiper-container .mediaholder {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.row-scroll .pic-swiper-container .folio-thumb img,
.row-scroll .pic-swiper-container .folio-thumb img.thumb {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
    padding: 14px;
    box-sizing: border-box;
}

.row-scroll .pic-swiper-container .swiper-slide:hover .mediaholder {
    transform: none;
}

.row-scroll .pic-swiper-container .swiper-wrapper .swiper-slide .folio-thumb .opacity-pic {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    opacity: 0;
    -moz-opacity: 0;
    filter: none;
    background: linear-gradient(180deg, rgba(255, 102, 0, 0.06) 0%, rgba(15, 23, 42, 0.42) 100%) !important;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 2;
}

.row-scroll .pic-swiper-container .swiper-wrapper .swiper-slide .folio-thumb .opacity-pic::after {
    content: "View";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.92);
    padding: 8px 16px;
    font-family: var(--hdr-font);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 2px;
    background: rgba(255, 102, 0, 0.92);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.row-scroll .pic-swiper-container .swiper-wrapper .swiper-slide:hover .folio-thumb .opacity-pic {
    opacity: 1;
    -moz-opacity: 1;
    filter: none;
    background: linear-gradient(180deg, rgba(255, 102, 0, 0.08) 0%, rgba(15, 23, 42, 0.48) 100%) !important;
}

.row-scroll .pic-swiper-container .swiper-wrapper .swiper-slide:hover .folio-thumb .opacity-pic::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.row-scroll .pic-swiper-container .folio-item__body {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    min-height: 0;
    padding: 12px 12px 12px;
    background: #fff;
    box-sizing: border-box;
}

.row-scroll .pic-swiper-container .folio-item__title,
.row-scroll .pic-swiper-container .swiper-slide h3.folio-item__title,
.row-scroll .pic-swiper-container .swiper-slide h3 {
    flex: 0 0 auto;
    display: block;
    margin: 0;
    padding: 0;
    min-height: 0;
    height: auto;
    font-size: inherit;
    font-weight: normal;
    text-align: left;
    background: transparent !important;
    overflow: hidden;
}

.row-scroll .pic-swiper-container .folio-item__title a,
.row-scroll .pic-swiper-container .folio-item__title a:link,
.row-scroll .pic-swiper-container .folio-item__title a:visited,
.row-scroll .pic-swiper-container .swiper-slide h3 a,
.row-scroll .pic-swiper-container .swiper-slide h3 a:link,
.row-scroll .pic-swiper-container .swiper-slide h3 a:visited {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: auto !important;
    min-height: 0 !important;
    max-height: 4.35em !important;
    overflow: hidden;
    line-height: 1.45 !important;
    font-family: var(--hdr-font);
    font-size: 13px !important;
    font-weight: 600;
    color: var(--hdr-ink, #0f172a);
    text-decoration: none;
    transition: color 0.2s ease;
}

.row-scroll .pic-swiper-container .swiper-slide:hover .folio-item__title a,
.row-scroll .pic-swiper-container .swiper-slide:hover .folio-item__title a:link,
.row-scroll .pic-swiper-container .swiper-slide:hover .folio-item__title a:visited,
.row-scroll .pic-swiper-container .swiper-wrapper .swiper-slide:hover h3 a,
.row-scroll .pic-swiper-container .swiper-slide:hover h3 a {
    color: var(--hdr-accent, #f60) !important;
    background: transparent !important;
}

.row-scroll .pic-swiper-container .folio-item__price,
.row-scroll .pic-swiper-container .swiper-slide h3 span,
.row-scroll .pic-swiper-container .swiper-slide h3 .folio-item__price {
    flex: 0 0 auto;
    display: block;
    margin: 8px 0 0;
    padding: 8px 0 0;
    border-top: 1px solid var(--hdr-line, #e8edf2);
    font-family: var(--hdr-font);
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    color: var(--hdr-accent, #f60) !important;
    background: transparent !important;
}

.row-scroll .pic-swiper-container .pic-swiper-button-next,
.row-scroll .pic-swiper-container .pic-swiper-button-prev {
    position: absolute;
    display: block !important;
    top: 100px !important;
    margin-top: -20px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 2px;
    background: #fff !important;
    background-image: none !important;
    border: 1px solid var(--hdr-line, #e8edf2);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.1);
    opacity: 1 !important;
    z-index: 12;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.row-scroll .pic-swiper-container .pic-swiper-button-prev {
    left: 4px !important;
    right: auto !important;
}

.row-scroll .pic-swiper-container .pic-swiper-button-next {
    right: 4px !important;
    left: auto !important;
}

.row-scroll .pic-swiper-container .swiper-slide-duplicate {
    opacity: 1;
}

.row-scroll .pic-swiper-container .pic-swiper-button-prev::after,
.row-scroll .pic-swiper-container .pic-swiper-button-next::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-right: 2px solid #64748b;
    border-bottom: 2px solid #64748b;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

.row-scroll .pic-swiper-container .pic-swiper-button-prev::after {
    margin-left: -3px;
    transform: rotate(135deg);
}

.row-scroll .pic-swiper-container .pic-swiper-button-next::after {
    margin-left: -7px;
    transform: rotate(-45deg);
}

.row-scroll .pic-swiper-container .pic-swiper-button-prev:hover,
.row-scroll .pic-swiper-container .pic-swiper-button-next:hover {
    background-color: var(--hdr-accent, #f60) !important;
    border-color: var(--hdr-accent, #f60);
    transform: scale(1.05);
}

.row-scroll .pic-swiper-container .pic-swiper-button-prev:hover::after,
.row-scroll .pic-swiper-container .pic-swiper-button-next:hover::after {
    border-color: #fff;
}

.row-scroll .pic-swiper-container .swiper-pagination-bullets,
.row-scroll .pic-swiper-container > .swiper-pagination-bullets {
    bottom: 0 !important;
}

.row-scroll .pic-swiper-container .swiper-pagination-bullet {
    width: 24px !important;
    height: 4px !important;
    background: #cbd5e1 !important;
    border-radius: 999px !important;
    opacity: 1 !important;
}

.row-scroll .pic-swiper-container .swiper-pagination-bullet-active {
    background: var(--hdr-accent, #f60) !important;
}

@media only screen and (max-width: 768px) {
    .row-scroll .pic-swiper-container {
        padding: 0 44px;
    }

    .row-scroll .pic-swiper-container .folio-thumb {
        flex: 0 0 180px;
        height: 180px;
        min-height: 180px;
        max-height: 180px;
    }

    .row-scroll .pic-swiper-container .pic-swiper-button-next,
    .row-scroll .pic-swiper-container .pic-swiper-button-prev {
        top: 90px !important;
        width: 34px !important;
        height: 34px !important;
        margin-top: -17px !important;
    }
}

/* Homepage ABOUT US */
.row-fluid-txt .inner-box {
    position: relative;
    margin: 0;
    padding: 36px 40px 38px 44px;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-left: 3px solid var(--hdr-accent, #f60);
    border-radius: 4px;
    background: linear-gradient(165deg, #f8fafc 0%, #fff 52%, #f4f6f8 100%);
    box-shadow: 0 14px 40px rgba(10, 15, 22, 0.07);
    overflow: hidden;
}

.row-fluid-txt .inner-box::before {
    content: "Since 1996";
    display: block;
    margin-bottom: 14px;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--hdr-accent, #f60);
}

.row-fluid-txt .inner-box::after {
    content: "";
    position: absolute;
    right: -60px;
    top: -60px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 102, 0, 0.06) 0%, transparent 70%);
    pointer-events: none;
}

.row-fluid-txt .inner-box > div:empty {
    display: none;
}

.row-fluid-txt .inner-box > p:not(:first-of-type) {
    display: none;
}

.row-fluid-txt .inner-box p {
    margin: 0 0 18px;
    font-family: var(--hdr-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    color: var(--hdr-muted, #64748b);
    text-align: left;
}

.row-fluid-txt .inner-box p:last-child {
    margin-bottom: 0;
}

.row-fluid-txt .inner-box p:first-of-type {
    font-size: 16px;
    line-height: 1.85;
    color: var(--hdr-ink, #0f172a);
}

.row-fluid-txt .inner-box p br {
    display: none;
}

.row-fluid-txt .inner-box p strong,
.row-fluid-txt .inner-box p b {
    display: block;
    margin: 4px 0;
    padding: 6px 12px 6px 18px;
    font-family: var(--hdr-font);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--hdr-ink, #0f172a);
    background: rgba(255, 102, 0, 0.06);
    border: 1px solid rgba(255, 102, 0, 0.12);
    border-radius: 4px;
    position: relative;
    box-sizing: border-box;
}

.row-fluid-txt .inner-box p strong::before,
.row-fluid-txt .inner-box p b::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    width: 5px;
    height: 5px;
    margin-top: -2px;
    border-radius: 50%;
    background: var(--hdr-accent, #f60);
    box-shadow: 0 0 8px rgba(255, 102, 0, 0.45);
}

.row-fluid-txt .inner-box p strong:first-of-type,
.row-fluid-txt .inner-box p b:first-of-type {
    margin-top: 12px;
}

.row-fluid-txt .inner-box a {
    color: var(--hdr-accent, #f60);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.row-fluid-txt .inner-box a:hover {
    color: #e85c00;
}

.inner.container .row-fluid-txt > h2 {
    margin-bottom: 28px;
}

@media only screen and (max-width: 768px) {
    .row-fluid-txt .inner-box {
        padding: 28px 24px 30px 28px;
    }

    .row-fluid-txt .inner-box p {
        font-size: 14px;
    }
}

/* Homepage News + FAQs two-column block */
.inner.container > section.row-fluid:has(.col-blog) {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 24px;
    margin-bottom: 48px;
    overflow: visible;
}

.inner.container > section.row-fluid:has(.col-blog)::after {
    content: "";
    display: table;
    clear: both;
}

.inner.container > section.row-fluid:has(.col-blog) .row-2c-lt,
.inner.container > section.row-fluid:has(.col-blog) .row-2c-rt {
    float: none;
    flex: 1 1 calc(50% - 12px);
    min-width: 0;
    width: auto;
    margin: 0;
    padding: 24px 24px 28px;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 12px 36px rgba(10, 15, 22, 0.07);
    box-sizing: border-box;
    overflow: visible;
}

.inner.container > section.row-fluid:has(.col-blog) .row-2c-lt h2,
.inner.container > section.row-fluid:has(.col-blog) .row-2c-rt h2 {
    margin-bottom: 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--hdr-line, #e8edf2);
}

.inner.container > section.row-fluid:has(.col-blog) .row-2c-lt h2 span a,
.inner.container > section.row-fluid:has(.col-blog) .row-2c-rt h2 span a {
    display: inline-block;
    padding: 6px 12px;
    font-family: var(--hdr-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--hdr-accent, #f60) !important;
    text-decoration: none;
    border: 1px solid rgba(255, 102, 0, 0.25);
    border-radius: 2px;
    background: rgba(255, 102, 0, 0.06);
    transition: background 0.2s ease, color 0.2s ease;
}

.inner.container > section.row-fluid:has(.col-blog) .row-2c-lt h2 span a:hover,
.inner.container > section.row-fluid:has(.col-blog) .row-2c-rt h2 span a:hover {
    color: #fff !important;
    background: var(--hdr-accent, #f60);
    border-color: var(--hdr-accent, #f60);
}

/* News list */
.col-blog ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.col-blog ul li {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 8px 16px;
    margin: 0 0 14px;
    padding: 14px;
    color: var(--hdr-muted, #64748b);
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    background: #f8fafc;
    overflow: hidden;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.col-blog ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--hdr-line, #e8edf2);
}

.col-blog ul li:hover {
    background: #fff;
    border-color: rgba(255, 102, 0, 0.22);
    box-shadow: 0 8px 24px rgba(10, 15, 22, 0.08);
}

.col-blog ul li > a:has(img) {
    grid-column: 1;
    grid-row: 1 / span 2;
    display: block;
    align-self: start;
    overflow: hidden;
    border-radius: 4px;
}

.col-blog ul li img,
.col-blog ul li img.thumb {
    float: none;
    display: block;
    width: 112px;
    height: 84px;
    margin: 0;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
    transition: transform 0.45s ease;
}

.col-blog ul li:hover img {
    transform: scale(1.05);
}

.col-blog ul li h3 {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    font-family: var(--hdr-font);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-shadow: none;
    text-align: left;
}

.col-blog ul li h3 a {
    color: var(--hdr-ink, #0f172a);
    text-decoration: none;
    transition: color 0.2s ease;
}

.col-blog ul li:hover h3 a {
    color: var(--hdr-accent, #f60);
}

.col-blog ul li p {
    grid-column: 2;
    grid-row: 2;
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    text-align: left;
}

.col-blog ul li a.link-more {
    display: inline-block;
    margin: 8px 0 0;
    padding: 4px 0 4px 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--hdr-accent, #f60);
    background: none;
    text-decoration: none;
    transition: color 0.2s ease;
}

.col-blog ul li a.link-more::after {
    content: " ?";
}

.col-blog ul li a.link-more:hover {
    color: #e85c00;
    text-decoration: underline;
}

/* FAQs accordion */
.row-2c-rt .accordion-list {
    margin: 0;
    overflow: visible;
}

.row-2c-rt .accordion-header {
    margin: 0 0 8px;
    padding: 13px 40px 13px 16px;
    font-family: var(--hdr-font);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--hdr-ink, #0f172a);
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    background: #f8fafc !important;
    background-image: none !important;
    cursor: pointer;
    position: relative;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.row-2c-rt .accordion-header::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-right: 2px solid #94a3b8;
    border-bottom: 2px solid #94a3b8;
    transform: rotate(45deg);
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.row-2c-rt .accordion-header.active-header {
    color: var(--hdr-accent, #f60);
    background: rgba(255, 102, 0, 0.08) !important;
    border-color: rgba(255, 102, 0, 0.28);
    border-left: 3px solid var(--hdr-accent, #f60);
    border-radius: 4px 4px 0 0;
    margin-bottom: 0;
}

.row-2c-rt .accordion-header.active-header::after {
    margin-top: -2px;
    transform: rotate(-135deg);
    border-color: var(--hdr-accent, #f60);
}

.row-2c-rt .accordion-header.inactive-header {
    color: var(--hdr-ink, #0f172a);
}

.row-2c-rt .accordion-content {
    margin: 0 0 8px !important;
    padding: 14px 16px 16px !important;
    font-size: 13px;
    line-height: 1.65 !important;
    color: var(--hdr-muted, #64748b);
    border: 1px solid var(--hdr-line, #e8edf2);
    border-top: none;
    border-radius: 0 0 4px 4px;
    background: #fff;
}

.row-2c-rt .accordion-content a:link,
.row-2c-rt .accordion-content a:visited {
    display: inline-block;
    margin-top: 8px;
    font-weight: 600;
    color: var(--hdr-accent, #f60);
    text-decoration: none;
}

.row-2c-rt .accordion-content a:hover {
    color: #e85c00;
    text-decoration: underline;
}

@media only screen and (max-width: 900px) {
    .inner.container > section.row-fluid:has(.col-blog) .row-2c-lt,
    .inner.container > section.row-fluid:has(.col-blog) .row-2c-rt {
        flex: 1 1 100%;
    }
}

@media only screen and (max-width: 640px) {
    .col-blog ul li {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
    }

    .col-blog ul li > a:has(img) {
        grid-row: 1;
        grid-column: 1;
    }

    .col-blog ul li img,
    .col-blog ul li img.thumb {
        width: 100%;
        height: 160px;
    }

    .col-blog ul li h3,
    .col-blog ul li p {
        grid-column: 1;
    }

    .col-blog ul li h3 {
        grid-row: 2;
    }

    .col-blog ul li p {
        grid-row: 3;
    }
}

/* Homepage GEO intro (single H1 + citeable lead) */
.home-geo-intro {
    margin: 28px auto 8px;
    padding: 0 12px;
}
.home-geo-h1 {
    margin: 0 0 12px;
    padding: 0 0 0 16px;
    border-left: 3px solid var(--hdr-accent, #f60);
    font-family: 'Barlow Condensed', var(--hdr-font, sans-serif);
    font-size: clamp(22px, 2.8vw, 34px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.02em;
    color: var(--hdr-ink, #0f172a);
}
.home-geo-lead {
    margin: 0 0 8px;
    max-width: 920px;
    padding-left: 19px;
    font-size: 15px;
    line-height: 1.65;
    color: #475569;
}
@media only screen and (max-width: 640px) {
    .home-geo-intro {
        margin-top: 18px;
    }
    .home-geo-h1 {
        font-size: 22px;
    }
    .home-geo-lead {
        font-size: 14px;
    }
}

/* Homepage Our Certificates carousel */
.inner.container > .row-gallary-slider.row-fluid {
    margin-bottom: 48px;
    overflow: visible;
}

.inner.container .row-gallary-slider > h2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 24px;
    margin: 0 0 24px;
    padding: 0 0 0 18px;
    height: auto;
    min-height: 0;
    line-height: 1.15;
    text-align: left;
    border: none;
    border-left: 3px solid var(--hdr-accent, #f60);
}

.inner.container .row-gallary-slider > h2::after {
    content: "";
    flex: 1 1 120px;
    height: 1px;
    min-width: 48px;
    background: linear-gradient(90deg, var(--hdr-line, #e8edf2) 0%, rgba(232, 237, 242, 0) 100%);
}

.inner.container .row-gallary-slider > h2 strong {
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: clamp(22px, 2.6vw, 32px);
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--hdr-ink, #0f172a);
}

.inner.container .row-gallary-slider .row-gallary-slider {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.row-gallary-slider .client-swiper-container {
    position: relative;
    margin: 0;
    min-height: 0;
    height: auto;
    padding: 14px 56px 14px;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    background: linear-gradient(165deg, #f8fafc 0%, #fff 55%, #f4f6f8 100%);
    box-shadow: 0 12px 36px rgba(10, 15, 22, 0.07);
    overflow: hidden;
}

.row-gallary-slider .client-swiper-container .swiper-wrapper {
    align-items: center;
}

.row-gallary-slider .client-swiper-container .swiper-slide {
    float: none;
    width: auto;
    margin: 0;
    padding: 6px;
    text-align: center;
    box-sizing: border-box;
}

.row-gallary-slider .client-swiper-container .swiper-slide img {
    display: block;
    width: 100%;
    max-width: 220px;
    height: auto;
    max-height: 200px;
    margin: 0 auto;
    padding: 8px 10px;
    object-fit: contain;
    object-position: center;
    background: #fff;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    box-shadow: 0 6px 18px rgba(10, 15, 22, 0.06);
    box-sizing: border-box;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.25s ease;
}

.row-gallary-slider .client-swiper-container .swiper-slide:hover img {
    transform: translateY(-3px) scale(1.02);
    border-color: rgba(255, 102, 0, 0.28);
    box-shadow: 0 12px 28px rgba(10, 15, 22, 0.1);
}

.row-gallary-slider .client-swiper-container .carousel-swiper-button-next,
.row-gallary-slider .client-swiper-container .carousel-swiper-button-prev {
    position: absolute;
    display: block !important;
    top: 50% !important;
    margin-top: -22px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.95) !important;
    background-image: none !important;
    border: 1px solid var(--hdr-line, #e8edf2);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.1);
    opacity: 1 !important;
    filter: none !important;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.row-gallary-slider .client-swiper-container .carousel-swiper-button-prev {
    left: 10px !important;
    right: auto !important;
}

.row-gallary-slider .client-swiper-container .carousel-swiper-button-next {
    right: 10px !important;
    left: auto !important;
}

.row-gallary-slider .client-swiper-container .carousel-swiper-button-prev::after,
.row-gallary-slider .client-swiper-container .carousel-swiper-button-next::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-right: 2px solid #64748b;
    border-bottom: 2px solid #64748b;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

.row-gallary-slider .client-swiper-container .carousel-swiper-button-prev::after {
    margin-left: -3px;
    transform: rotate(135deg);
}

.row-gallary-slider .client-swiper-container .carousel-swiper-button-next::after {
    margin-left: -7px;
    transform: rotate(-45deg);
}

.row-gallary-slider .client-swiper-container .carousel-swiper-button-prev:hover,
.row-gallary-slider .client-swiper-container .carousel-swiper-button-next:hover {
    background-color: var(--hdr-accent, #f60) !important;
    border-color: var(--hdr-accent, #f60);
    transform: scale(1.05);
}

.row-gallary-slider .client-swiper-container .carousel-swiper-button-prev:hover::after,
.row-gallary-slider .client-swiper-container .carousel-swiper-button-next:hover::after {
    border-color: #fff;
}

.row-gallary-slider .client-swiper-container .swiper-pagination-bullets,
.row-gallary-slider .client-swiper-container > .swiper-pagination-bullets {
    bottom: 10px !important;
}

.row-gallary-slider .client-swiper-container .swiper-pagination-bullet {
    background: #cbd5e1 !important;
    opacity: 1 !important;
}

.row-gallary-slider .client-swiper-container .swiper-pagination-bullet-active {
    background: var(--hdr-accent, #f60) !important;
}

@media only screen and (max-width: 768px) {
    .row-gallary-slider .client-swiper-container {
        min-height: 0;
        padding: 12px 44px 12px;
    }

    .row-gallary-slider .client-swiper-container .swiper-slide img {
        max-width: 180px;
        max-height: 160px;
    }

    .row-gallary-slider .client-swiper-container .carousel-swiper-button-next,
    .row-gallary-slider .client-swiper-container .carousel-swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
        margin-top: -18px !important;
    }
}

@media only screen and (max-width: 640px) {
    .inner.container .row-fluid > h2 {
        padding-left: 14px;
        margin-bottom: 28px;
        gap: 12px;
    }

    .inner.container .row-fluid > h2::after {
        display: none;
    }

    .inner.container .row-fluid > h2 span {
        margin-left: 0;
    }

    .inner.container .row-gallary-slider > h2::after {
        display: none;
    }
}

/* Sidebar ? product categories */
.sidebar .widget_nav_menu.sidebar-categories {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    overflow: visible;
    background: #fff;
    box-shadow: 0 14px 36px rgba(10, 15, 22, 0.08);
}

.sidebar .widget_nav_menu.sidebar-categories h3,
.sidebar .widget_nav_menu.sidebar-categories .sidebar-categories__title {
    margin: 0;
    padding: 16px 20px;
    height: auto;
    line-height: 1.2;
    text-align: left;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    border: none;
    background: linear-gradient(135deg, #ff8533 0%, var(--hdr-accent, #f60) 48%, #e85c00 100%);
}

.sidebar .widget_nav_menu.sidebar-categories h3 span {
    display: block;
}

.sidebar .widget_nav_menu.sidebar-categories > ul {
    margin: 0;
    padding: 0;
    max-height: none;
    overflow: visible;
    background: #fff;
    position: relative;
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    overflow: visible;
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item > a:link,
.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item > a:visited {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 12px 14px 12px 40px;
    height: auto;
    line-height: 1.4;
    text-indent: 0;
    font-family: var(--hdr-font);
    font-size: 13px;
    font-weight: 500;
    color: var(--hdr-ink, #0f172a);
    background: #fff;
    border: none;
    border-bottom: 1px solid var(--hdr-line, #e8edf2);
    overflow: hidden;
    transition: color 0.2s ease, background 0.2s ease, padding-left 0.2s ease;
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item > a::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    width: 7px;
    height: 7px;
    margin-top: -5px;
    border-right: 2px solid #94a3b8;
    border-bottom: 2px solid #94a3b8;
    transform: rotate(-45deg);
    transition: border-color 0.2s ease, left 0.2s ease;
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item:nth-child(even) > a:link,
.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item:nth-child(even) > a:visited {
    background: #f8fafc;
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item > a:hover,
.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item:hover > a,
.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item.current-cat > a:link,
.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item.current-cat > a:visited,
.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item.current_page_item > a:link,
.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item.current_page_item > a:visited {
    text-indent: 0;
    padding-left: 44px;
    color: var(--hdr-accent, #f60);
    background: rgba(255, 102, 0, 0.08);
    text-decoration: none;
    box-shadow: inset 3px 0 0 var(--hdr-accent, #f60);
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item > a:hover::before,
.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item.current-cat > a::before {
    left: 18px;
    border-color: var(--hdr-accent, #f60);
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item:last-child > a {
    border-bottom: none;
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item > ul,
.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item > ul.children {
    position: static !important;
    top: auto !important;
    left: auto !important;
    z-index: 1 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-top: 1px solid var(--hdr-line, #e8edf2) !important;
    background: #f1f5f9 !important;
    box-shadow: none !important;
    display: none;
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item.current-cat-parent > ul,
.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item.current-cat-parent > ul.children {
    display: block !important;
}

.sidebar .widget_nav_menu.sidebar-categories ul ul li.cat-item {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.sidebar .widget_nav_menu.sidebar-categories ul ul li.cat-item a:link,
.sidebar .widget_nav_menu.sidebar-categories ul ul li.cat-item a:visited {
    min-height: 40px;
    padding: 10px 12px 10px 48px;
    height: auto;
    line-height: 1.35;
    text-indent: 0;
    font-size: 12px;
    font-weight: 500;
    color: var(--hdr-muted, #64748b);
    background: transparent;
    border-bottom: 1px solid #e2e8f0;
}

.sidebar .widget_nav_menu.sidebar-categories ul ul li.cat-item a::before {
    left: 28px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    opacity: 0.7;
}

.sidebar .widget_nav_menu.sidebar-categories ul ul li.cat-item a:hover,
.sidebar .widget_nav_menu.sidebar-categories ul ul li.cat-item.current-cat a:link,
.sidebar .widget_nav_menu.sidebar-categories ul ul li.cat-item.current-cat a:visited {
    color: var(--hdr-accent, #f60);
    background: rgba(255, 102, 0, 0.06);
    box-shadow: inset 3px 0 0 var(--hdr-accent, #f60);
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item.current-cat-parent > a:link,
.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item.current-cat-parent > a:visited {
    font-weight: 600;
    color: var(--hdr-ink, #0f172a);
    background: rgba(255, 102, 0, 0.06);
    box-shadow: inset 3px 0 0 var(--hdr-accent, #f60);
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item:has(> ul) > a::after,
.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item:has(> .children) > a::after {
    content: "+";
    margin-left: auto;
    padding-left: 8px;
    font-family: var(--hdr-font);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #94a3b8;
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item.current-cat-parent > a::after,
.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item:hover > a::after {
    color: var(--hdr-accent, #f60);
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.cat-item.sidebar-cats-item--hidden {
    display: none;
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.sidebar-cats-more {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--hdr-line, #e8edf2);
    background: #f8fafc;
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.sidebar-cats-more .sidebar-cats-more-btn {
    display: block;
    width: 100%;
    padding: 12px 16px;
    border: 0;
    background: transparent;
    color: var(--hdr-accent, #f60);
    font-family: var(--hdr-font);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.3;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.sidebar .widget_nav_menu.sidebar-categories > ul > li.sidebar-cats-more .sidebar-cats-more-btn:hover {
    background: rgba(255, 102, 0, 0.08);
    color: #e85c00;
}

/* Sidebar ? Contact Us (always below categories) */
.sidebar ul > li.sidebar-contact {
    clear: both;
    float: none;
    width: 100%;
    margin: 0 0 24px;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 14px 36px rgba(10, 15, 22, 0.08);
}

.sidebar ul > li.sidebar-contact h3 {
    margin: 0;
    padding: 14px 20px;
    height: auto;
    line-height: 1.2;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    border: none;
    border-bottom: 1px solid var(--hdr-line, #e8edf2);
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

.sidebar ul > li.sidebar-contact .sidebar-contact__body,
.sidebar ul > li.sidebar-contact > div {
    margin: 0;
    padding: 0;
    background: #f8fafc;
    box-shadow: none;
}

.sidebar ul > li.sidebar-contact .sidebar-contact__body p,
.sidebar ul > li.sidebar-contact > div p {
    margin: 0;
    padding: 16px 18px 18px;
    line-height: 1.75;
    font-family: var(--hdr-font);
    font-size: 13px;
    color: var(--hdr-ink, #0f172a);
}

.sidebar ul > li.sidebar-contact img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 12px;
    border-radius: 4px;
}

.sidebar ul > li.sidebar-contact strong {
    color: var(--hdr-muted, #64748b);
    font-weight: 600;
}

.sidebar ul > li.sidebar-contact a {
    color: var(--hdr-accent, #f60);
    word-break: break-word;
}

#search-box .inner {
    position: relative;
    overflow: visible;
    max-width: 720px;
    margin: 0 auto;
    padding: 22px 20px 26px;
    box-sizing: border-box;
}

#search-box #searchform,
#search-box .search-box-form {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    box-sizing: border-box;
}

#search-box .search-box-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#search-box #searchform #ls,
#search-box .searchInput {
    flex: 1;
    min-width: 0;
    float: none;
    padding: 14px 18px 14px 44px;
    width: auto;
    border: 1px solid var(--hdr-line);
    border-radius: 10px;
    color: var(--hdr-ink);
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") no-repeat 14px center;
    background-size: 18px 18px;
    font-size: 15px;
    line-height: 1.4;
    box-sizing: border-box;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .04);
    transition: border-color .2s ease, box-shadow .2s ease;
}

#search-box #searchform #ls::placeholder {
    color: #94a3b8;
}

#search-box #searchform #ls:hover {
    border-color: #cbd5e1;
}

#search-box #searchform #ls:focus,
#search-box #searchform #ls:active {
    outline: none;
    border-color: var(--hdr-accent);
    box-shadow: 0 0 0 3px var(--hdr-accent-glow);
}

#search-box #searchform #searchsubmit,
#search-box #searchform button[type="submit"] {
    flex-shrink: 0;
    float: none;
    position: static;
    width: auto;
    min-width: 108px;
    padding: 14px 22px;
    text-indent: 0;
    border: none;
    border-radius: 10px;
    background: var(--hdr-accent);
    color: #fff;
    font-family: var(--hdr-font);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1.2;
    cursor: pointer;
    overflow: visible;
    box-shadow: 0 4px 14px rgba(255, 102, 0, .35);
    transition: background-color .2s ease, transform .15s ease, box-shadow .2s ease;
}

#search-box #searchform #searchsubmit:hover,
#search-box #searchform:hover #searchsubmit,
#search-box #searchform button[type="submit"]:hover {
    background-color: #e85c00;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(255, 102, 0, .4);
}

#search-box #searchform #searchsubmit:active,
#search-box #searchform button[type="submit"]:active {
    transform: translateY(0);
}

.search-pinned {
    position: fixed !important;
    top: 64px !important;
    left: 0;
    right: 0;
    z-index: 99999 !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--hdr-line);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .1);
}

/* Tablet */
@media only screen and (min-width: 769px) and (max-width: 1023px) {
    .header .inner {
        gap: 12px;
        padding: 0 4px;
    }

    .logo img {
        max-height: 52px;
    }

    .navi li a,
    .navi li a:link,
    .navi li a:visited {
        padding: 0 10px;
        font-size: 13px;
    }

    .navi li a::after {
        left: 10px;
        right: 10px;
        bottom: 24px;
    }
}

/* Mobile */
@media only screen and (max-width: 768px) {
    .top-bar-label {
        display: none;
    }

    .top-bar-lang {
        gap: 0;
    }

    .top-bar-lt {
        max-width: 55%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .header {
        position: relative;
        overflow: visible;
    }

    .header::after {
        height: 2px;
    }

    .header > .inner {
        display: block;
        width: 100%;
        max-width: none;
        margin: 0;
        height: 80px;
        padding: 0;
        overflow: visible;
    }

    .logo a {
        display: block;
        height: 80px;
    }

    .btn-so {
        display: none !important;
    }

    #mobile-nav {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: auto;
        z-index: 2;
        display: flex;
        align-items: center;
        gap: 8px;
        padding-right: 2px;
    }

    #mobile-nav a {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        float: none;
        margin: 0;
        width: 44px;
        height: 44px;
        border: 1px solid var(--hdr-line);
        background-color: #f8fafc;
        background-image: none !important;
        background-repeat: no-repeat;
        border-radius: 10px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        text-indent: 0;
        overflow: hidden;
        transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
    }

    #mobile-nav a::before {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px 20px;
    }

    #mobile-nav #mobile-menu::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 17h16'/%3E%3C/svg%3E");
    }

    #mobile-nav #mobile-so::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E");
    }

    #mobile-nav a:active,
    #mobile-nav a.opacity {
        border-color: var(--hdr-accent);
        background-color: var(--hdr-accent-glow);
        background-image: none !important;
        box-shadow: 0 0 0 1px rgba(255, 102, 0, .2);
    }

    #mobile-nav #mobile-menu.opacity::before,
    #mobile-nav #mobile-menu.meanclose::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6600' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12'/%3E%3Cpath d='M18 6L6 18'/%3E%3C/svg%3E");
        background-size: 18px 18px;
    }

    /* Mobile menu backdrop */
    .mobile-menu-backdrop {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, .45);
        z-index: 9998;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
    }

    .header.mobile-menu-open {
        z-index: 10000;
    }

    .main-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        flex: none;
        border: none;
        border-radius: 0 0 12px 12px;
        box-sizing: border-box;
        z-index: 10001;
        background: var(--hdr-surface);
        box-shadow: 0 20px 48px rgba(15, 23, 42, .18);
        max-height: calc(100vh - 80px);
        max-height: calc(100dvh - 80px);
        overflow: hidden;
    }

    .main-menu::before {
        content: 'Menu';
        display: block;
        padding: 12px 16px 10px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: #94a3b8;
        border-bottom: 1px solid var(--hdr-line);
        background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    }

    .main-menu .navi {
        display: block;
        width: 100%;
        margin: 0;
        padding: 8px 0 12px;
        max-height: calc(100vh - 130px);
        max-height: calc(100dvh - 130px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .main-menu .navi::-webkit-scrollbar {
        display: none;
    }

    .main-menu .navi > li {
        float: none;
        margin: 0 8px 4px;
        padding: 0;
        width: calc(100% - 16px);
        border: none;
        border-radius: 8px;
        overflow: visible;
        box-sizing: border-box;
        position: relative;
    }

    .main-menu .navi > li > a,
    .main-menu .navi > li > a:link,
    .main-menu .navi > li > a:visited {
        display: block;
        width: 100%;
        margin: 0;
        padding: 14px 52px 14px 16px;
        line-height: 1.35;
        min-height: 0;
        font-size: 16px;
        font-weight: 600;
        color: var(--hdr-ink);
        text-align: left;
        box-sizing: border-box;
        border: none;
        background: transparent;
        transition: background .2s ease, color .2s ease;
    }

    .main-menu .navi > li > a:active,
    .main-menu .navi > li.current-menu-item > a {
        color: var(--hdr-accent);
        background: var(--hdr-accent-glow);
    }

    .main-menu .navi li.menu-item-has-children > a {
        position: relative;
        display: block;
        box-sizing: border-box;
        padding-right: 56px !important;
    }

    .main-menu .navi li.menu-item-has-children > a > .mean-clicked,
    .main-menu .navi li.menu-item-has-children > a > .mean-toggle {
        position: absolute;
        top: 50%;
        right: 6px;
        left: auto;
        float: none;
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 10px;
        background: #f1f5f9 !important;
        background-image: none !important;
        box-sizing: border-box;
        cursor: pointer;
        z-index: 5;
        overflow: visible;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateY(-50%);
        transition: background .2s ease;
    }

    .main-menu .navi li.menu-item-has-children > a > .mean-clicked::after,
    .main-menu .navi li.menu-item-has-children > a > .mean-toggle::after {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        margin-top: -2px;
        border: 0;
        border-right: 2px solid #64748b;
        border-bottom: 2px solid #64748b;
        transform: rotate(45deg);
        transition: transform .2s ease, border-color .2s ease;
    }

    .main-menu .navi li.menu-item-has-children > a > .mean-clicked.mean-toggle {
        background: var(--hdr-accent-glow) !important;
        background-image: none !important;
    }

    .main-menu .navi li.menu-item-has-children > a > .mean-clicked.mean-toggle::after {
        margin-top: 2px;
        transform: rotate(-135deg);
        border-color: var(--hdr-accent);
    }

    .main-menu .navi li ul {
        position: static;
        display: none;
        width: 100%;
        margin: 0;
        padding: 4px 0 8px;
        border: none;
        border-radius: 0;
        box-shadow: none;
        background: #f1f5f9;
        max-height: 50vh;
        max-height: 50dvh;
        overflow-y: auto;
        scrollbar-width: none;
    }

    .main-menu .navi li ul::-webkit-scrollbar {
        display: none;
    }

    .main-menu .navi li.sub-expanded > ul {
        display: block;
    }

    .main-menu .navi li ul li {
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 0;
    }

    .main-menu .navi li ul li a,
    .main-menu .navi li ul li a:link,
    .main-menu .navi li ul li a:visited {
        display: block;
        margin: 0;
        padding: 12px 16px 12px 24px;
        line-height: 1.4;
        min-height: 0;
        font-size: 14px;
        font-weight: 500;
        color: var(--hdr-muted);
        background: transparent;
        border-left: 3px solid transparent;
        transition: background .2s ease, color .2s ease, border-color .2s ease;
    }

    .main-menu .navi li ul li a:active {
        color: var(--hdr-accent);
        background: #fff;
        border-left-color: var(--hdr-accent);
    }

    .main-menu .navi li ul.sub-menu--level3 {
        background: #e8eef5;
        padding: 2px 0 6px;
    }

    .main-menu .navi li ul.sub-menu--level3 > li > a,
    .main-menu .navi li ul.sub-menu--level3 > li > a:link,
    .main-menu .navi li ul.sub-menu--level3 > li > a:visited {
        padding: 10px 16px 10px 36px;
        font-size: 13px;
    }

    .main-menu .sub-menu-more {
        display: none !important;
    }

    .main-menu .navi li a::after,
    .main-menu .navi li.menu-item-has-children > a::before {
        display: none !important;
    }

    #search-box .inner {
        max-width: none;
        padding: 16px 4%;
    }

    #search-box #searchform,
    #search-box .search-box-form {
        flex-direction: column;
        gap: 10px;
    }

    #search-box #searchform #searchsubmit,
    #search-box #searchform button[type="submit"] {
        width: 100%;
        min-width: 0;
    }

    .search-pinned {
        top: 80px !important;
    }
}

@media only screen and (max-width: 480px) {
    .top-bar-lt {
        display: none;
    }
}

/* ========== Footer zone: inquiry CTA, newsletter, site footer ========== */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Inquiry CTA ? minimal industrial band */
.inner.inquery-now {
    float: none;
    margin: 36px auto 0;
    padding: 0;
    max-width: 1200px;
    clear: both;
}

.inquery-now__banner:focus-within {
    border-color: rgba(255, 102, 0, 0.35);
    box-shadow: 0 16px 40px rgba(255, 102, 0, 0.1);
}

.inquery-now__banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    min-height: 0;
    padding: 32px 40px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-left: 3px solid var(--hdr-accent, #f60);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.inquery-now__main {
    flex: 1 1 auto;
    min-width: 0;
}

.inquery-now__eyebrow {
    margin: 0 0 6px;
    font-family: var(--hdr-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--hdr-accent, #f60);
}

.inquery-now__title {
    margin: 0 0 10px;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: clamp(30px, 3.2vw, 42px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--hdr-ink, #0f172a);
}

.inquery-now__desc {
    margin: 0 0 12px;
    max-width: 620px;
    font-family: var(--hdr-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.55;
    color: var(--hdr-ink, #0f172a);
}

.inquery-now__points {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 620px;
}

.inquery-now__points li {
    position: relative;
    margin: 0 0 6px;
    padding-left: 16px;
    font-family: var(--hdr-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
    color: var(--hdr-muted, #64748b);
}

.inquery-now__points li:last-child {
    margin-bottom: 0;
}

.inquery-now__points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 6px;
    height: 6px;
    border-radius: 1px;
    background: var(--hdr-accent, #f60);
    transform: translateY(-50%);
}

.inquery-now__cta {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 48px;
    padding: 0 28px;
    margin: 0;
    border: none;
    cursor: pointer;
    font-family: var(--hdr-font);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fff;
    background: var(--hdr-accent, #f60);
    border-radius: 2px;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.inquery-now__cta:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--hdr-accent-glow, rgba(255, 102, 0, 0.45));
}

.inquery-now__cta-arrow {
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
}

.inquery-now__banner:hover {
    border-color: rgba(255, 102, 0, 0.35);
    box-shadow: 0 16px 40px rgba(255, 102, 0, 0.1);
}

.inquery-now__cta:hover,
.inquery-now__cta:focus {
    background: #e85c00;
}

.inquery-now__cta:hover .inquery-now__cta-arrow,
.inquery-now__cta:focus .inquery-now__cta-arrow {
    transform: rotate(-45deg) translate(2px, 2px);
}

@media (prefers-reduced-motion: reduce) {
    .inquery-now__banner,
    .inquery-now__cta,
    .inquery-now__cta-arrow {
        transition: none;
    }

    .inquery-now__cta:hover .inquery-now__cta-arrow,
    .inquery-now__cta:focus .inquery-now__cta-arrow {
        transform: rotate(-45deg);
    }
}

/* Inquiry modal ? industrial overlay form */
.inquiry-modal {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    box-sizing: border-box;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.28s ease, visibility 0.28s ease;
}

.inquiry-modal.is-open {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}

.inquiry-modal[hidden] {
    display: flex !important;
}

.inquiry-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.78);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.inquiry-modal__dialog {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 520px;
    max-height: calc(100vh - 48px);
    overflow: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    border-radius: 4px;
    border: 1px solid var(--hdr-line, #e8edf2);
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.28), 0 0 0 1px rgba(255, 102, 0, 0.12);
    transform: translateY(16px) scale(0.98);
    transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.inquiry-modal.is-open .inquiry-modal__dialog {
    transform: translateY(0) scale(1);
}

.inquiry-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 10;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    pointer-events: auto;
    background: rgba(255, 255, 255, 0.12);
    transition: background 0.2s ease;
}

.inquiry-modal__close span {
    display: block;
    width: 16px;
    height: 16px;
    margin: 12px;
    position: relative;
}

.inquiry-modal__close span::before,
.inquiry-modal__close span::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 2px;
    margin: -1px 0 0 -8px;
    background: #fff;
    border-radius: 1px;
}

.inquiry-modal__close span::before {
    transform: rotate(45deg);
}

.inquiry-modal__close span::after {
    transform: rotate(-45deg);
}

.inquiry-modal__close:hover,
.inquiry-modal__close:focus-visible {
    background: rgba(255, 102, 0, 0.35);
    outline: none;
}

.inquiry-modal__head {
    position: relative;
    z-index: 1;
    padding: 28px 48px 20px 28px;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-bottom: 3px solid var(--hdr-accent, #f60);
}

.inquiry-modal__eyebrow {
    margin: 0 0 6px;
    font-family: var(--hdr-font);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--hdr-accent, #f60);
}

.inquiry-modal__title {
    margin: 0 0 8px;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #fff;
}

.inquiry-modal__lead {
    margin: 0;
    font-family: var(--hdr-font);
    font-size: 14px;
    line-height: 1.5;
    color: rgba(226, 232, 240, 0.85);
}

.inquiry-modal__form {
    padding: 22px 28px 26px;
    text-align: left;
}

.inquiry-modal__row {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: stretch;
}

.inquiry-modal__row .inquiry-modal__field {
    width: 100%;
    margin-bottom: 14px;
}

.inquiry-modal__field {
    margin: 0 0 14px;
    text-align: left;
}

.inquiry-modal__label {
    display: block;
    margin-bottom: 6px;
    text-align: left;
    font-family: var(--hdr-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--hdr-muted, #64748b);
}

.inquiry-modal__input,
.inquiry-modal__textarea {
    display: block;
    width: 100% !important;
    max-width: 100%;
    margin: 0;
    float: none;
    text-align: left;
    box-sizing: border-box;
    padding: 11px 14px;
    font-family: var(--hdr-font);
    font-size: 15px;
    color: var(--hdr-ink, #0f172a);
    background: #f8fafc;
    border: 1px solid var(--hdr-line, #e2e8f0);
    border-radius: 2px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.inquiry-modal__textarea {
    min-height: 100px;
    resize: vertical;
    line-height: 1.5;
}

.inquiry-modal__input:focus,
.inquiry-modal__textarea:focus {
    outline: none;
    background: #fff;
    border-color: var(--hdr-accent, #f60);
    box-shadow: 0 0 0 3px var(--hdr-accent-glow, rgba(255, 102, 0, 0.2));
}

.inquiry-modal__captcha {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.inquiry-modal__input--code {
    flex: 1 1 140px;
    min-width: 120px;
    max-width: 200px;
}

.inquiry-modal__codeimg {
    flex: 0 0 auto;
    display: block;
    height: 40px;
    width: auto;
    border-radius: 2px;
    border: 1px solid var(--hdr-line, #e2e8f0);
    cursor: pointer;
}

.inquiry-modal__actions {
    margin-top: 6px;
    text-align: left;
}

.inquiry-modal__submit {
    display: block;
    width: 100%;
    margin: 0;
    padding: 14px 20px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    font-family: var(--hdr-font);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    background: var(--hdr-accent, #f60);
    box-shadow: 0 8px 24px rgba(255, 102, 0, 0.28);
    transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.inquiry-modal__submit:hover {
    background: #e85c00;
}

.inquiry-modal__submit:active {
    transform: translateY(1px);
}

.inquiry-modal__note {
    margin: 12px 0 0;
    text-align: left;
    font-family: var(--hdr-font);
    font-size: 12px;
    color: var(--hdr-muted, #64748b);
}

.inquiry-modal__note a {
    color: var(--hdr-accent, #f60);
    text-decoration: none;
    font-weight: 600;
}

.inquiry-modal__note a:hover {
    text-decoration: underline;
}

body.inquiry-modal-open {
    overflow: hidden;
}

@media (max-width: 560px) {
    .inquiry-modal__form {
        padding: 18px 18px 22px;
    }

    .inquiry-modal__head {
        padding: 22px 44px 16px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .inquiry-modal,
    .inquiry-modal__dialog {
        transition: none;
    }

    .inquiry-modal__dialog {
        transform: none;
    }
}

.inquery-now__img-fallback,
.inquery-now .details-image {
    display: none !important;
}

/* Newsletter + social */
.inner.newsletter-sns {
    float: none;
    margin: 28px auto;
    padding: 0;
    max-width: 1200px;
    color: inherit;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    clear: both;
}

.newsletter-sns__panel {
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    overflow: hidden;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
    box-shadow: 0 14px 40px rgba(10, 15, 22, 0.08);
}

.newsletter-sns__col {
    float: none !important;
    padding: 28px 32px 30px;
    box-sizing: border-box;
}

.newsletter-sns__col.newsletter {
    background: transparent;
}

.newsletter-sns__heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 8px !important;
    font-family: 'Barlow Condensed', var(--hdr-font) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--hdr-ink, #0f172a) !important;
}

.newsletter-sns__heading-mark {
    flex-shrink: 0;
    width: 4px;
    height: 22px;
    background: linear-gradient(180deg, #ff8533, var(--hdr-accent, #f60));
    border-radius: 1px;
}

.newsletter-sns__sub {
    margin: 0 0 20px;
    font-family: var(--hdr-font);
    font-size: 13px;
    line-height: 1.5;
    color: var(--hdr-muted, #64748b);
}

.newsletter-sns__form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 0 !important;
    position: static !important;
}

.newsletter-sns .tnp-field {
    float: none;
    margin: 0;
}

.newsletter-sns .tnp-field-email {
    flex: 1 1 200px;
    min-width: 0;
}

.newsletter-sns .tnp-field-button {
    flex: 0 0 auto;
}

.newsletter-sns .tnp-email,
.newsletter-sns .newsletter input[type="text"],
.newsletter-sns .newsletter input[type="email"] {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
    height: 46px !important;
    line-height: 46px !important;
    font-family: var(--hdr-font) !important;
    font-size: 14px !important;
    color: var(--hdr-ink, #0f172a) !important;
    background: #fff !important;
    border: 1px solid var(--hdr-line, #e8edf2) !important;
    border-radius: 2px !important;
    box-sizing: border-box;
    position: static !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.newsletter-sns .tnp-email:focus,
.newsletter-sns .newsletter input[type="text"]:focus,
.newsletter-sns .newsletter input[type="email"]:focus {
    outline: none;
    border-color: var(--hdr-accent, #f60) !important;
    box-shadow: 0 0 0 3px var(--hdr-accent-glow, rgba(255, 102, 0, 0.14));
}

.newsletter-sns .tnp-submit,
.newsletter-sns .newsletter input[type="submit"] {
    position: static !important;
    margin: 0 !important;
    padding: 0 24px !important;
    height: 46px !important;
    line-height: 46px !important;
    font-family: var(--hdr-font) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff !important;
    background: linear-gradient(135deg, #ff8533 0%, var(--hdr-accent, #f60) 100%) !important;
    border: none !important;
    border-radius: 2px !important;
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.newsletter-sns .tnp-submit:hover,
.newsletter-sns .newsletter input[type="submit"]:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
}

.sns__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Footer social ? below Contact Us */
.footer-site .footer-sns {
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-site .footer-sns__title {
    margin: 0 0 14px;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--hdr-accent, #f60);
}

.footer-site .footer-sns .sns__grid {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    max-width: 100%;
}

.footer-site .footer-sns .sns__link,
.footer-site .footer-sns .sns a {
    float: none !important;
    flex: 0 0 auto;
    margin: 0 !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 2px !important;
    background-image: none !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    opacity: 1 !important;
    filter: none !important;
}

.footer-site .footer-sns .sns__link::before,
.footer-site .footer-sns .sns a::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.footer-site .footer-sns .sns__link:hover,
.footer-site .footer-sns .sns a:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 102, 0, 0.5) !important;
    text-decoration: none !important;
}

.footer-site .footer-sns .sns__link--facebook:hover { background: #1877f2 !important; }
.footer-site .footer-sns .sns__link--twitter:hover { background: #000 !important; }
.footer-site .footer-sns .sns__link--linkedin:hover { background: #0a66c2 !important; }
.footer-site .footer-sns .sns__link--youtube:hover { background: #ff0000 !important; }
.footer-site .footer-sns .sns__link--instagram:hover { background: #e4405f !important; }
.footer-site .footer-sns .sns__link--whatsapp:hover { background: #25d366 !important; }
.footer-site .footer-sns .sns__link--pinterest:hover { background: #bd081c !important; }
.footer-site .footer-sns .sns__link--google:hover { background: #ea4335 !important; }
.footer-site .footer-sns .sns__link--skype:hover { background: #00aff0 !important; }

#i_facebook::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E"); }
#i_twitter::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E"); }
#i_linkedin::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E"); }
#i_youtube::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E"); }
#i_instagram::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z'/%3E%3C/svg%3E"); }
#i_whatsapp::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.435 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.435 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z'/%3E%3C/svg%3E"); }
#i_pinterest::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.403.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 0 1 .083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.403.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 0 1 .083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z'/%3E%3C/svg%3E"); }
#i_googleplus::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z'/%3E%3C/svg%3E"); }
#i_skype::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.015 2.016c-2.44 0-4.59.92-6.09 2.34L2.016 4.5v3.09l2.34-2.34A7.96 7.96 0 0 0 4.016 12c0 4.41 3.59 8 8 8 1.85 0 3.55-.63 4.91-1.68l2.34 2.34v-3.09l-3.09-3.09a7.96 7.96 0 0 0 1.68-4.91c0-4.41-3.59-8-8.016-8zm0 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.015 2.016c-2.44 0-4.59.92-6.09 2.34L2.016 4.5v3.09l2.34-2.34A7.96 7.96 0 0 0 4.016 12c0 4.41 3.59 8 8 8 1.85 0 3.55-.63 4.91-1.68l2.34 2.34v-3.09l-3.09-3.09a7.96 7.96 0 0 0 1.68-4.91c0-4.41-3.59-8-8.016-8zm0 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z'/%3E%3C/svg%3E"); }

/* Site footer */
.footer.footer-site {
    float: none;
    width: 100%;
    margin-top: 8px;
    padding: 0;
    color: rgba(226, 232, 240, 0.9);
    background: #0f172a;
    box-shadow: none;
    clear: both;
    overflow: hidden;
}

.footer-site__top-line {
    height: 3px;
    background: linear-gradient(90deg, #ff8533 0%, var(--hdr-accent, #f60) 35%, #e85c00 70%, transparent 100%);
}

.footer.footer-site a:link,
.footer.footer-site a:visited {
    color: rgba(226, 232, 240, 0.88);
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer.footer-site a:hover {
    color: var(--hdr-accent, #f60);
}

.footer-site .footbar--grid {
    display: grid;
    grid-template-columns: 1.15fr 0.95fr 0.95fr 1.1fr;
    align-items: start;
    gap: 28px 24px;
    padding: 44px 0 36px;
    overflow: visible;
}

.footer-site .footbar .widget-column {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0;
}

.footer-site .footbar h3 {
    position: relative;
    margin: 0 0 20px;
    padding-bottom: 12px;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #fff;
    border: none;
}

.footer-site .footbar h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 2px;
    background: var(--hdr-accent, #f60);
}

.footer-site .footer-cats__h3-spacer {
    visibility: hidden;
}

.footer-site .widget-column--cats-first ul,
.footer-site .widget-column--cats-more ul {
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 1024px) {
    .footer-site .footer-cats__h3-spacer {
        display: none;
        margin: 0 !important;
        padding: 0 !important;
        height: 0;
        overflow: hidden;
    }
}

.footer-site .footer-about__logo img {
    max-width: 200px;
    height: auto;
    display: block;
    filter: brightness(1.05);
}

.footer-site .footer-about__desc {
    margin: 14px 0 0;
    font-family: var(--hdr-font);
    font-size: 13px;
    line-height: 1.65;
    color: rgba(203, 213, 225, 0.85);
}

.footer-site .footbar .widget-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-site .footbar .widget-column ul li,
.footer-site .footbar .widget-column p {
    margin: 0 0 8px;
    padding: 0;
    overflow: visible;
}

.footer-site .footbar .widget-column ul li a {
    display: inline-block;
    padding: 4px 0 4px 14px;
    font-family: var(--hdr-font);
    font-size: 13px;
    line-height: 1.4;
    color: rgba(203, 213, 225, 0.9);
    position: relative;
}

.footer-site .footbar .widget-column ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    margin-top: -3px;
    border-right: 1.5px solid rgba(255, 102, 0, 0.6);
    border-bottom: 1.5px solid rgba(255, 102, 0, 0.6);
    transform: rotate(-45deg);
    transition: left 0.2s ease;
}

.footer-site .footbar .widget-column ul li a:hover {
    color: #fff;
    padding-left: 18px;
}

.footer-site .footbar .widget-column ul li a:hover::before {
    left: 4px;
    border-color: var(--hdr-accent, #f60);
}

.footer-site .contact-widget p {
    margin-bottom: 10px;
    font-family: var(--hdr-font);
    font-size: 13px;
    line-height: 1.55;
    color: rgba(203, 213, 225, 0.9);
}

.footer-site .contact-widget strong {
    color: #e2e8f0;
    font-weight: 600;
}

.footer-site .contact-widget__tel {
    margin-bottom: 12px !important;
    padding: 0;
    background: none !important;
    border: none;
    border-radius: 0;
}

.footer-site .contact-widget__tel-label {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--hdr-accent, #f60);
}

.footer-site .contact-widget__tel strong {
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #fff !important;
    line-height: 1.1;
}

.footer-site .contact-widget__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.footer-site .contact-widget__icon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    background: var(--hdr-accent, #f60);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.footer-site .contact-widget__item--fax .contact-widget__icon {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 8H5a3 3 0 0 0-3 3v6h4v4h12v-4h4v-6a3 3 0 0 0-3-3zm-1 9h-2v-2h-6v2H8v-5h10v5zM7 3h10v3H7V3z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 8H5a3 3 0 0 0-3 3v6h4v4h12v-4h4v-6a3 3 0 0 0-3-3zm-1 9h-2v-2h-6v2H8v-5h10v5zM7 3h10v3H7V3z'/%3E%3C/svg%3E");
}

.footer-site .contact-widget__item--email .contact-widget__icon {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
}

.footer-site .contact-widget__item--whatsapp .contact-widget__icon {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.435 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.435 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z'/%3E%3C/svg%3E");
}

.footer-site .contact-widget__text a {
    color: rgba(203, 213, 225, 0.9);
    word-break: break-all;
}

.footer-site .contact-widget__text a:hover {
    color: var(--hdr-accent, #f60);
}

.footer-site .contact-widget__text {
    flex: 1 1 auto;
    min-width: 0;
    color: rgba(203, 213, 225, 0.9);
}

.footer-site .friendlink {
    padding: 16px 0;
    color: rgba(148, 163, 184, 0.8);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-site__copyright,
.footer-site .copyright {
    padding: 20px 0 24px;
    color: rgba(148, 163, 184, 0.85);
    background: #0a0f1a;
    text-align: center;
}

.footer-site__copyright p,
.footer-site .copyright p {
    margin: 0;
    font-family: var(--hdr-font);
    font-size: 12px;
    line-height: 1.6;
}

@media only screen and (max-width: 1024px) {
    .row-scroll .pic-swiper-container .folio-thumb {
        flex: 0 0 200px;
        height: 200px;
        min-height: 200px;
        max-height: 200px;
    }

    .row-scroll .pic-swiper-container .pic-swiper-button-next,
    .row-scroll .pic-swiper-container .pic-swiper-button-prev {
        top: 100px !important;
    }

    .footer-site .footbar--grid {
        grid-template-columns: 1fr 1fr;
        gap: 28px 20px;
    }

}

@media only screen and (max-width: 768px) {
    .inquery-now__banner {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 24px 22px;
    }

    .inquery-now__desc {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .inquery-now__points li {
        font-size: 13px;
    }

    .inquery-now__cta {
        width: 100%;
        min-height: 48px;
    }

    .footer-site .footbar--grid {
        grid-template-columns: 1fr;
        padding: 32px 0 28px;
    }

    .newsletter-sns__form {
        flex-direction: column;
    }

    .newsletter-sns .tnp-submit,
    .newsletter-sns .newsletter input[type="submit"] {
        width: 100%;
    }
}

/* Inquiry basket — full-width classic shell + branded quote form */
.container.inner.container--inquiry {
    --xy-skin-primary: var(--hdr-accent, #f60);
    --xy-skin-accent: #e55a00;
    --xy-inquiry-radius: 2px;
    --xy-inquiry-line: var(--hdr-line, #e2e8f0);
    --xy-inquiry-bg: #f8fafc;
    --xy-inquiry-panel: #fff;
    --xy-ui-ink: var(--hdr-ink, #0f172a);
    overflow: visible;
    padding-bottom: 48px;
}

.container.inner.container--inquiry .content--inquiry {
    float: none !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0;
    padding: 24px 28px 36px;
    background: #fff;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.07);
    box-sizing: border-box;
}

.container.inner.container--inquiry .inquiry-page__lead {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 1.65;
    color: #64748b;
}

.container.inner.container--inquiry .xy-basket {
    max-width: 100%;
}

.container.inner.container--inquiry .xy-inquiry {
    margin: 32px 0 0;
    max-width: 100%;
    width: 100%;
}

.container.inner.container--inquiry .xy-inquiry-wrap {
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding: 28px 32px 34px;
    background: #fff;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-radius: 4px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
    position: relative;
    box-sizing: border-box;
}

.container.inner.container--inquiry .xy-inquiry-wrap::before {
    content: "Request a Quote";
    display: block;
    margin: 0 0 6px;
    font-family: 'Barlow Condensed', var(--hdr-font);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--hdr-ink, #0f172a);
}

.container.inner.container--inquiry .xy-inquiry-wrap::after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    margin: 0 0 20px;
    background: var(--hdr-accent, #f60);
    border-radius: 2px;
}

.container.inner.container--inquiry .xy-inquiry-alert {
    margin: 0 0 22px;
    padding: 12px 16px;
    font-size: 13px;
    line-height: 1.6;
    color: var(--hdr-muted, #64748b);
    background: linear-gradient(135deg, rgba(255, 102, 0, 0.07) 0%, #fff 60%);
    border: 1px solid var(--hdr-line, #e8edf2);
    border-left: 3px solid var(--hdr-accent, #f60);
    border-radius: 0 4px 4px 0;
}

.container.inner.container--inquiry .xy-basket-submit-tip {
    margin: -8px 0 18px;
    font-size: 13px;
    color: var(--hdr-muted, #64748b);
}

.container.inner.container--inquiry .xy-inquiry-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px 20px;
    margin: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.container.inner.container--inquiry .xy-inquiry-field {
    margin: 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    justify-self: stretch;
    box-sizing: border-box;
}

.container.inner.container--inquiry .xy-inquiry-field.is-full,
.container.inner.container--inquiry .xy-inquiry-actions {
    grid-column: 1 / -1;
}

.container.inner.container--inquiry .xy-inquiry-label {
    display: block;
    margin: 0 0 7px;
    padding: 0;
    font-family: var(--hdr-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--hdr-muted, #64748b);
}

.container.inner.container--inquiry .xy-inquiry-label > em {
    color: #e85d5d;
    margin-right: 3px;
    font-style: normal;
}

.container.inner.container--inquiry .xy-inquiry-input,
.container.inner.container--inquiry .xy-inquiry-textarea,
.container.inner.container--inquiry .xy-inquiry-field > select,
.container.inner.container--inquiry select.xy-ship-country {
    display: block;
    float: none;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 46px;
    padding: 0 14px;
    font-family: var(--hdr-font);
    font-size: 15px;
    line-height: 1.5;
    color: var(--hdr-ink, #0f172a);
    background: #f8fafc;
    border: 1px solid var(--hdr-line, #e2e8f0);
    border-radius: 2px;
    box-shadow: none;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.container.inner.container--inquiry .xy-inquiry-textarea {
    height: auto;
    min-height: 140px;
    padding: 12px 14px;
    resize: vertical;
}

.container.inner.container--inquiry .xy-inquiry-input::placeholder,
.container.inner.container--inquiry .xy-inquiry-textarea::placeholder {
    color: #94a3b8;
}

.container.inner.container--inquiry .xy-inquiry-input:hover,
.container.inner.container--inquiry .xy-inquiry-textarea:hover,
.container.inner.container--inquiry .xy-inquiry-field > select:hover,
.container.inner.container--inquiry select.xy-ship-country:hover {
    border-color: #cbd5e1;
}

.container.inner.container--inquiry .xy-inquiry-input:focus,
.container.inner.container--inquiry .xy-inquiry-textarea:focus,
.container.inner.container--inquiry .xy-inquiry-field > select:focus,
.container.inner.container--inquiry select.xy-ship-country:focus {
    outline: none;
    background: #fff;
    border-color: var(--hdr-accent, #f60);
    box-shadow: 0 0 0 3px var(--hdr-accent-glow, rgba(255, 102, 0, 0.14));
}

.container.inner.container--inquiry .xy-inquiry-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    margin-top: 4px;
}

.container.inner.container--inquiry .xy-inquiry-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 280px;
    min-width: 0;
    height: 48px;
    padding: 0 28px;
    margin: 0;
    border: 0;
    border-radius: 2px;
    background: var(--hdr-accent, #f60);
    color: #fff;
    font-family: var(--hdr-font);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.container.inner.container--inquiry .xy-inquiry-btn:hover {
    background: #e55a00;
    box-shadow: 0 6px 16px rgba(255, 102, 0, 0.28);
    transform: translateY(-1px);
}

.container.inner.container--inquiry .xy-inquiry-btn:active {
    transform: none;
}

@media only screen and (max-width: 768px) {
    .container.inner.container--inquiry .content--inquiry {
        padding: 16px 14px 24px;
    }

    .container.inner.container--inquiry .xy-inquiry-wrap {
        padding: 20px 16px 24px;
    }

    .container.inner.container--inquiry .xy-inquiry-wrap::before {
        font-size: 18px;
    }

    .container.inner.container--inquiry .xy-inquiry-form {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .container.inner.container--inquiry .xy-inquiry-field.is-half {
        grid-column: 1 / -1;
    }

    .container.inner.container--inquiry .xy-inquiry-btn {
        max-width: 100%;
    }
}

/* FAQ list (classic shell) */
.content--news .faqlist {
    margin: 0;
    padding: 0;
    list-style: none;
}

.content--news .faqlist__item {
    margin: 0 0 12px;
    padding: 14px 16px 14px 18px;
    border: 1px solid var(--hdr-line, #e8edf2);
    border-left: 3px solid var(--hdr-accent, #f60);
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
}

.content--news .faqlist__q {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    color: #0f172a;
    text-decoration: none;
}

.content--news .faqlist__q:hover {
    color: var(--hdr-accent, #f60);
}

.content--news .faqlist__a {
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 1.6;
    color: #64748b;
}

.content--news .faqlist__a a {
    color: var(--hdr-accent, #f60);
    font-weight: 600;
}

.content--news .picexlist {
    margin: 0;
    padding: 0;
    list-style: none;
}

.content--news .picexlist > li {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    margin: 0 0 22px;
    padding: 0 0 22px;
    border-bottom: 1px solid #eef2f7;
    overflow: hidden;
}

.content--news .picexlist .post-thumb {
    flex: 0 0 160px;
    width: 160px;
}

.content--news .picexlist .post-thumb img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #e8edf2;
    border-radius: 4px;
}

.content--news .picexlist .post-text {
    flex: 1 1 auto;
    min-width: 0;
}

.content--news .picexlist .post-text h3 {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 1.4;
}

.content--news .picexlist .post-text h3 a {
    color: #0f172a;
}

.content--news .picexlist .post-text h3 a:hover {
    color: var(--hdr-accent, #f60);
}

.content--news .picexlist .excerpt {
    font-size: 13px;
    line-height: 1.65;
    color: #64748b;
}

@media only screen and (max-width: 768px) {
    .content--news .picexlist > li {
        flex-direction: column;
    }

    .content--news .picexlist .post-thumb {
        flex-basis: auto;
        width: 100%;
        max-width: 280px;
    }
}