/*
Theme Name: Koxin Rebuilt
Version: 1.0.0
Description: Editable WordPress rebuild based on the supplied Koxin website backup.
Requires PHP: 8.1
*/
:root{--blue:#1979c3;--ink:#333;--grey:#7e807e}*{box-sizing:border-box}body{margin:0;font:16px/1.7 Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,.button{padding:12px 24px;background:var(--blue);color:#fff;border:0;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #f69b28;outline-offset:3px}.wrap{max-width:1200px;margin:auto;padding:0 20px}.topline{text-align:center;padding:16px;font-size:14px}.greyband{height:40px;background:var(--grey)}.branding{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:25px;padding-bottom:25px}.branding img{max-width:250px;max-height:65px;object-fit:contain}.search-form{display:flex;gap:8px}.search-form input{min-width:0;width:200px;border:1px solid #888;padding:8px}.search-form button{padding:8px 15px}.navigation{background:#f0f0f0;margin-bottom:40px}.navigation ul{list-style:none;padding:0;margin:0}.navigation>.wrap>ul{display:flex;flex-wrap:wrap;gap:0}.navigation li{position:relative}.navigation a{display:block;padding:10px;color:#575757;font-size:13px}.navigation ul ul{position:absolute;display:none;min-width:230px;background:#fff;z-index:20;box-shadow:0 4px 15px #0002}.navigation li:hover>ul,.navigation li:focus-within>ul{display:block}.menu-toggle{display:none}main{min-height:50vh}h1{font-size:30px;line-height:1.3}h2{font-size:24px;line-height:1.4}h3{font-size:20px}.page-content{overflow-wrap:anywhere}.page-content .wapper{width:auto;max-width:100%}.page-content .tit,.page-content .tit2{text-align:center;margin:35px 0 20px}.page-content .con2{background:#f5f5f5;padding:25px;margin:30px 0}.page-content .con2 .nr{font-size:16px;line-height:1.9}.page-content .c3list ul,.page-content .con4 ul,.page-content .newadd ul,.page-content .newadd2 ul,.page-content .newadd3 ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.page-content li img{width:auto;max-width:100%}.page-content .newadd5 ul{padding:0;list-style:none}.litop{font-weight:bold;margin-top:20px}.libottom{padding-bottom:15px}.banner .swiper-wrapper{display:flex;overflow:auto;scroll-snap-type:x mandatory}.banner .swiper-slide{min-width:100%;scroll-snap-align:start}.banner .swiper-slide img{width:100%}.banner .swiper-button-next,.banner .swiper-button-prev,.banner .swiper-pagination{display:none}.clear{clear:both}.kx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin:30px 0}.kx-grid article{min-width:0;border:1px solid #eee;background:#fff;padding:15px}.kx-grid img{width:100%;height:210px;object-fit:contain}.kx-grid h2{font-size:16px;font-weight:normal;color:#555}.kx-product-top{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:25px 0 45px}.kx-product-top h1{font-size:25px}.kx-gallery{display:flex;gap:10px;overflow:auto;scroll-snap-type:x mandatory}.kx-gallery img{min-width:100%;width:100%;height:430px;object-fit:contain;scroll-snap-align:start}.kx-parameters{white-space:pre-wrap}.table-scroll{overflow:auto;max-width:100%}.page-content table{border-collapse:collapse;max-width:100%;width:100%!important}.page-content td,.page-content th{border:1px solid #ddd;padding:8px;min-width:60px;height:auto!important}.page-content table p{margin:0}.kx-form{margin:50px 0;padding:30px;background:#f4f4f4}.kx-form form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.kx-form label{display:flex;flex-direction:column;gap:7px}.kx-form input:not([type=checkbox]),.kx-form select,.kx-form textarea{width:100%;border:1px solid #bbb;background:#fff;padding:10px}.kx-form .wide,.kx-form form>p{grid-column:1/-1}.kx-honey{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.pagination{margin:30px 0}.page-numbers{padding:8px 12px;border:1px solid #ddd;margin:2px;display:inline-block}footer{background:#f1f1f1;margin-top:60px;padding:35px 0;color:#555}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.copyright{border-top:1px solid #ddd;padding-top:18px;font-size:13px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;background:#fff;z-index:100;padding:10px}.breadcrumbs{font-size:14px;margin:20px 0}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:800px){.greyband{height:15px}.topline{font-size:12px;padding:10px}.branding{gap:12px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.branding img{max-width:190px}.search-form{width:100%}.search-form input{flex:1}.menu-toggle{display:block}.navigation{margin-bottom:20px}.navigation>.wrap>ul{display:none;flex-direction:column}.navigation.open>.wrap>ul{display:flex}.navigation ul ul{position:static;display:block;box-shadow:none;padding-left:16px;background:#fafafa}.navigation a{font-size:15px}.kx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kx-grid img{height:160px}.kx-product-top{grid-template-columns:1fr;gap:15px}.kx-gallery img{height:300px}.kx-form{padding:20px}.kx-form form{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.page-content .c3list ul,.page-content .con4 ul,.page-content .newadd ul,.page-content .newadd2 ul,.page-content .newadd3 ul{grid-template-columns:1fr 1fr;gap:15px}h1{font-size:25px}.page-content [style*="width"]{max-width:100%}.ibanner .wenzi{position:static}.page-content table{font-size:13px}.wrap{padding:0 16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.page-content .con ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;list-style:none;padding:0;margin:40px 0}.page-content .con li img{width:100%;height:190px;object-fit:cover}.page-content .con2{background:white;padding:0;margin:30px 0 60px}.page-content .tit h3,.page-content .con6 h3{color:#265dbb;font-size:30px}.page-content .con6 ul{display:flex;gap:20px;list-style:none;flex-wrap:wrap;padding:0}.page-content .con6 li{flex:1;min-width:140px}.kx-news>h2{text-align:center;color:#265dbb;font-size:30px}.kx-news article{border:1px solid #ddd;padding:18px;margin:18px 0}.kx-news h3{font-size:18px;font-weight:normal}.kx-news p{font-size:14px;color:#666}.banner{position:relative}.kx-slides-controls{display:flex;justify-content:center;gap:10px;margin-top:8px}.kx-slides-controls button{padding:5px 14px}.page-content .ibanner img{width:100%;max-height:430px;object-fit:cover}@media(max-width:800px){.page-content .con ul{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content .con li img{height:130px}.page-content .tit h3,.page-content .con6 h3{font-size:25px}}

/* Phase 1: buyer paths and accessible inquiry fields */
.kx-intro{padding:28px 0;max-width:1000px}.kx-intro h1{line-height:1.2}.kx-actions{display:flex;gap:12px;flex-wrap:wrap}.kx-form fieldset{grid-column:1/-1;border:1px solid #ddd;padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kx-form fieldset[hidden]{display:none}.kx-form legend{font-weight:700}.kx-form select{max-width:100%;width:100%;padding:10px}.kx-form fieldset p{grid-column:1/-1}.kx-form .wide{grid-column:1/-1}.kx-resource-request{padding-bottom:32px}@media(max-width:600px){.kx-form fieldset{grid-template-columns:1fr}}
