/*
Theme Name: XINLI B2B Apparel
Version: 1.0.0
Description: Custom apparel catalog and quotation theme for XINLI.
Requires PHP: 7.4
Text Domain: xinli
*/
:root{--wine:#572737;--ink:#242323;--cream:#f5f2ed}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}header{background:white;border-bottom:1px solid #ddd;position:relative;z-index:5}.top{background:var(--ink);color:white;font-size:12px;padding:7px 5%;display:flex;justify-content:space-between}.nav{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;gap:25px}.logo{width:165px}nav{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:bold;letter-spacing:.05em}nav details{position:relative}nav summary{cursor:pointer}nav details div{position:absolute;top:35px;left:0;background:white;box-shadow:0 8px 25px #0002;width:220px;padding:20px}nav details a{display:block;padding:8px 0}.btn,button{display:inline-block;padding:14px 23px;background:var(--wine);color:white;border:1px solid var(--wine);font-weight:bold;cursor:pointer;font-size:13px}.outline{background:transparent;color:var(--wine)}.hero{min-height:590px;background:var(--cream);position:relative;display:flex;align-items:center}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.hero .inner{position:relative;width:1280px;margin:auto;padding:70px 35px}.hero h1{font-size:clamp(38px,5vw,68px);line-height:1.08;max-width:650px;letter-spacing:-.045em;margin:20px 0}.hero p{max-width:470px}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--wine);font-weight:bold}.wrap{max-width:1280px;margin:auto;padding:75px 30px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:20px}h2{font-size:38px;line-height:1.2;letter-spacing:-.03em;margin:10px 0 20px}h3{line-height:1.3}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{border:1px solid #e6e2df;background:white}.card .copy{padding:22px}.card img{width:100%;aspect-ratio:1.2;object-fit:cover}.card a.link{font-size:13px;color:var(--wine);font-weight:bold}.muted{color:#6b6663}.band{background:var(--cream)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding-top:25px;padding-bottom:25px}.stats strong{display:block}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.num{font-size:40px;color:#b9a99e}.quote{background:var(--ink);color:white}.quote h2{color:white}form{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:12px;display:block}input,select,textarea{display:block;width:100%;padding:13px;border:1px solid #ccc;background:#fff;font:inherit;color:#222;margin-top:6px}textarea{min-height:120px}.full{grid-column:1/-1}.honeypot{position:absolute;left:-9999px}footer{background:#171717;color:#ccc;font-size:13px}footer .wrap{padding-top:50px;padding-bottom:35px}footer a{display:block;margin:9px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:35px}.copyright{border-top:1px solid #444;padding-top:20px;margin-top:35px}.wa{position:fixed;bottom:22px;right:22px;background:var(--wine);color:white;border-radius:30px;padding:12px 20px;z-index:8;font-size:13px}.notice{padding:18px;background:#efe8dd;color:#222}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px}table{width:100%;border-collapse:collapse}td{padding:12px;border-bottom:1px solid #ddd} @media(max-width:800px){.nav{flex-wrap:wrap;padding:15px 20px}nav{flex-wrap:wrap;gap:15px}.top{display:block}.top span{display:block}.hero{min-height:530px}.hero>img{opacity:.35}.hero .inner{padding:50px 22px}.grid{grid-template-columns:repeat(2,1fr)}.split,.product-layout{grid-template-columns:1fr;gap:30px}.stats,.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.wrap{padding:50px 20px}h2{font-size:30px}}@media(max-width:480px){.grid{grid-template-columns:1fr}form{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section-head{display:block}}
.card img{object-fit:contain;background:#eeece8}.hero img{object-fit:cover}
.xinli-menu{list-style:none;padding:0;margin:0}nav>.xinli-menu{display:flex;gap:24px;align-items:center}.xinli-menu li{position:relative}nav .xinli-menu a{display:block;padding:10px 0}nav .sub-menu{list-style:none;display:none;position:absolute;top:100%;left:0;width:220px;background:#fff;padding:15px;box-shadow:0 8px 25px #0002}nav li:hover>.sub-menu,nav li:focus-within>.sub-menu{display:block}nav .menu-item-has-children>a:after{content:' ▾'}@media(max-width:800px){nav>.xinli-menu{flex-wrap:wrap;gap:12px}nav .sub-menu{position:static;width:100%;box-shadow:none}}

/* Header contact and navigation interactions */
.top{justify-content:flex-start}.top-contact{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.top-contact a{display:inline-flex;align-items:center;gap:8px;color:#fff;transition:color .2s ease}.top-contact svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.top-contact a:hover,.top-contact a:focus-visible{color:#edc3cf;text-decoration:underline}nav{font-size:14px;letter-spacing:.035em}nav>.xinli-menu>li>a{font-weight:700;position:relative;transition:color .2s ease}nav>.xinli-menu>li>a:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}nav>.xinli-menu>li.menu-item-has-children>a:after{content:''}nav>.xinli-menu>li>a:hover,nav>.xinli-menu>li>a:focus-visible,nav>.xinli-menu>li.current-menu-item>a{color:var(--wine)}nav>.xinli-menu>li>a:hover:after,nav>.xinli-menu>li>a:focus-visible:after,nav>.xinli-menu>li.current-menu-item>a:after{transform:scaleX(1)}nav .sub-menu{background:#f7f2f3;border-top:3px solid var(--wine);padding:8px 0}nav .sub-menu a{padding:10px 16px;transition:background .2s ease,color .2s ease}nav .sub-menu a:hover,nav .sub-menu a:focus-visible{background:#eadce1;color:var(--wine)}nav>.btn{transition:background .2s ease,color .2s ease,box-shadow .2s ease}nav>.btn:hover,nav>.btn:focus-visible{background:#3b1824;color:#fff;box-shadow:0 5px 14px #57273740}a:focus-visible{outline:2px solid #a65a75;outline-offset:3px}@media(max-width:800px){.top-contact{gap:6px 20px}.top-contact a{font-size:12px}nav{font-size:13px}nav .sub-menu{background:#f7f2f3}}

/* Header interactions and homepage product display */
.top-contact a{font-size:14px}.top-contact svg{width:18px;height:18px}nav>.xinli-menu>li>a:after,nav>.xinli-menu>li.menu-item-has-children>a:after{content:none}nav>.xinli-menu>li>a:hover,nav>.xinli-menu>li>a:focus-visible{color:var(--wine);background:#f4e9ed}nav>.xinli-menu>li>a{padding-left:8px;padding-right:8px;border-radius:4px}nav>.btn{border-radius:8px}.home-products .section-head{justify-content:center;margin-bottom:35px}.home-products .section-head h2{margin:0}.home-product{min-width:0}.home-product-image{display:block;background:#eeece8}.home-product-image img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}.home-product h3{font-size:17px;margin:16px 0 8px}.home-product h3 a:hover{color:var(--wine)}.product-inquiry{display:inline-block;color:var(--wine);font-size:14px;font-weight:700;padding:4px 0}.product-inquiry:hover,.product-inquiry:focus-visible{color:#3b1824;text-decoration:underline}.view-more{text-align:center;margin-top:40px}.illustration-note{text-align:center;font-size:12px;margin-top:24px}@media(max-width:800px){.top-contact a{font-size:13px}.top-contact svg{width:17px;height:17px}}
.home-product{text-align:center}
.catalog-nav{display:flex;gap:6px;overflow-x:auto;background:#f3efed;padding:8px;margin:25px 0 36px}.catalog-nav a{white-space:nowrap;padding:10px 15px;font-weight:700;font-size:14px;border-radius:4px}.catalog-nav a:hover,.catalog-nav a:focus-visible{background:#e8d9de;color:var(--wine)}.catalog-nav a.active{background:var(--wine);color:#fff}.catalog-grid{row-gap:38px}.pagination{text-align:center;margin:45px 0}.pagination .page-numbers{display:inline-block;background:#eee6e9;color:var(--wine);padding:8px 14px;margin:3px;border-radius:4px}.pagination .current,.pagination a:hover{background:var(--wine);color:white}.product-inquiry{background:var(--wine);color:white;padding:9px 16px;border-radius:5px}.product-inquiry:hover,.product-inquiry:focus-visible{background:#3b1824;color:white;text-decoration:none}.outline{background:#f3e9ed}.btn:hover,.btn:focus-visible,button:hover{background:#3b1824;color:white}.product-layout{align-items:start}.product-gallery{position:relative}.main-image-box{position:relative;background:#f1eeeb}.main-image-box>img{display:block;width:100%;height:auto}.image-zoom{position:absolute;z-index:4;left:calc(100% + 20px);top:0;width:100%;height:100%;background-color:#fff;background-repeat:no-repeat;background-size:200%;border:1px solid #ddd;box-shadow:0 8px 25px #0002;pointer-events:none}.image-zoom[hidden]{display:none}.gallery-controls{display:flex;align-items:center;gap:8px;margin-top:12px}.gallery-controls>button{padding:5px 12px;font-size:24px}.gallery-thumbnails{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;flex:1}.gallery-thumbnails button{padding:2px;border:2px solid transparent;background:#eee;flex:0 0 80px}.gallery-thumbnails button[aria-pressed=true]{border-color:var(--wine)}.gallery-thumbnails img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.spec-list{padding-left:20px}.spec-list li{padding:5px 0}.product-detail-tabs{margin-top:65px;border-top:1px solid #ddd}.product-detail-tabs h2{display:inline-block;border-bottom:3px solid var(--wine);font-size:21px;padding:18px 0 12px;margin:0}.details-content{padding:24px 0}.details-content table{display:block;overflow-x:auto}@media(max-width:800px){.image-zoom{display:none!important}.product-detail-tabs{margin-top:40px}}

.zoom-lens{position:absolute;display:block;width:50%;height:50%;background:#ffffff38;border:1px solid #fff;box-shadow:0 0 12px #0003;pointer-events:none}.zoom-lens[hidden]{display:none}.main-image-box{cursor:crosshair}@media(max-width:800px){.zoom-lens{display:none!important}.main-image-box{cursor:auto}}

/* Navigation, blog and product details refinement */
nav[aria-label="Main navigation"]{font-size:15px}.blog-list ul{list-style:disc;padding-left:24px;margin:28px 0}.blog-list li{border-bottom:1px solid #ded9d7;padding:15px 0}.blog-list li a:hover,.blog-list li a:focus-visible{text-decoration:underline;color:var(--wine)}.blog-list .pagination{text-align:left}.blog-list .page-numbers{background:transparent;padding:4px 9px}.blog-list .page-numbers.current{color:var(--wine);font-weight:bold;text-decoration:underline}.zoom-lens{width:33.333%;height:33.333%}.image-zoom{background-size:300%}.pagination .page-numbers{min-width:44px;text-align:center}.pagination .page-numbers.current{background:var(--wine);color:#fff}@media(max-width:800px){nav[aria-label="Main navigation"]{font-size:14px}}

/* Persistent site header */
body > header{position:sticky!important;top:0;z-index:9990;background:#fff}body.admin-bar > header{top:32px}html{scroll-padding-top:170px}@media(max-width:782px){body.admin-bar > header{top:46px}}@media(max-width:600px){body.admin-bar > header{top:0}}