/*
Theme Name: XH Glasses
Theme URI: https://www.xhglasses.cn/
Author: Wuxi Xinjintai International Trade Co., Ltd.
Description: Custom B2B OEM/ODM eyewear theme for XH Glasses.
Version: 1.0.0
Text Domain: xh-glasses
*/
:root{--ink:#151515;--paper:#fbfaf6;--amber:#c98a32;--line:rgba(21,21,21,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(1240px,calc(100% - 48px));margin:auto}.topbar{min-height:34px;background:var(--ink);color:#eee7dc;display:flex;align-items:center;justify-content:center;gap:40px;padding:9px 20px;font-size:10px;letter-spacing:.22em}.topbar span{color:#bcb6ad}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.18em;font-size:17px}.brand span{background:var(--ink);color:#fff;padding:8px 7px;margin-right:8px;letter-spacing:0}.nav nav{display:flex;gap:34px;font-size:13px}.nav nav a:hover{color:#96611f}.navCta{font-size:12px;font-weight:700;border-bottom:1px solid;padding-bottom:6px}.hero{min-height:700px;display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;padding:64px 0}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:700;margin:0 0 24px}.hero h1,.section h2,.darkSection h2,.about h2,.ctaSection h2,.pageHero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:.95;letter-spacing:-.055em;margin:0}.hero h1{font-size:clamp(58px,6.3vw,96px)}.hero h1 em,.pageHero h1 em{color:var(--amber);font-weight:400}.intro{font-size:17px;line-height:1.65;max-width:620px;color:#57534d;margin:32px 0}.heroActions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:205px;padding:17px 20px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;border:0;cursor:pointer}.button.dark{background:var(--ink);color:#fff}.button.amber{background:var(--amber);color:#141414}.button.outline{background:transparent;color:#eee;border:1px solid #6a645d}.textLink{font-size:12px;font-weight:700;border-bottom:1px solid;padding:12px 0}.metrics{display:flex;margin-top:54px;border-top:1px solid var(--line);padding-top:22px}.metrics div{display:flex;gap:12px;align-items:flex-start;padding-right:30px;margin-right:30px;border-right:1px solid var(--line)}.metrics div:last-child{border:0}.metrics strong{font-family:Georgia,serif;font-size:29px;font-weight:400}.metrics small{text-transform:uppercase;font-size:8px;line-height:1.5;letter-spacing:.12em;color:#65615b}.heroVisual{height:580px;position:relative;overflow:hidden;background:#ded8ce}.acetatePanel{position:absolute;inset:0;background:radial-gradient(circle at 22% 20%,rgba(255,210,112,.7),transparent 18%),radial-gradient(circle at 75% 80%,#4f210d,transparent 30%),repeating-radial-gradient(ellipse at 35% 50%,#c47725 0 8%,#6f2e12 11% 15%,#df9f3f 18% 22%,#2c160f 25% 30%);filter:saturate(.8)}.acetatePanel:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.15),transparent 45%,rgba(0,0,0,.18))}.frame{position:absolute;left:7%;right:7%;top:32%;height:220px;filter:drop-shadow(0 22px 18px rgba(0,0,0,.35));transform:rotate(-4deg)}.frame .lens{position:absolute;width:41%;height:190px;border:18px solid #111;border-radius:40% 46% 44% 43%/44% 45% 50% 50%;background:linear-gradient(145deg,rgba(20,20,20,.95),rgba(70,50,26,.65));box-shadow:inset 0 0 0 4px #b77b30}.lens.left{left:2%}.lens.right{right:2%;transform:scaleX(-1)}.bridge{position:absolute;width:18%;height:40px;border-top:14px solid #111;left:41%;top:65px}.visualNote{position:absolute;left:28px;right:28px;bottom:25px;background:rgba(247,242,232,.9);padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.visualNote b{font-family:Georgia,serif;font-weight:400}.visualNote span{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.marquee{overflow:hidden;background:var(--amber);border-block:1px solid #9e6823;padding:15px 0;font-size:11px;letter-spacing:.19em;white-space:nowrap}.marquee div{width:max-content}.section{padding:110px 0}.sectionHead{display:grid;grid-template-columns:.55fr 1.1fr .75fr;gap:45px;align-items:start;margin-bottom:62px}.section h2,.darkSection h2,.about h2,.ctaSection h2{font-size:clamp(44px,5vw,72px)}.sectionHead>p:last-child,.muted,.aboutCopy>p{font-size:15px;line-height:1.8;color:#64605a}.categoryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category{min-height:405px;padding:22px;display:flex;flex-direction:column;border:1px solid var(--line)}.category.amber{background:#d6a35f}.category.graphite{background:#222;color:#fff}.category.havana{background:linear-gradient(140deg,#ded3c3 0 55%,#8f4f26 56% 63%,#321c16 64% 70%,#b97939 71%)}.category.stone{background:#d9d5cd}.categoryTop{display:flex;justify-content:space-between;font-size:10px}.category h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:auto 0 12px}.category p{font-size:12px;line-height:1.65;margin:0;max-width:240px}.miniFrame,.largeFrame{height:115px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 10px 8px rgba(0,0,0,.18))}.miniFrame span{width:75px;height:58px;border:8px solid currentColor;border-radius:45%}.miniFrame i{width:26px;border-top:7px solid currentColor}.darkSection{background:var(--ink);color:#eee9df;padding:110px 0}.darkGrid{display:grid;grid-template-columns:.78fr 1.22fr;gap:100px}.light{color:#c18a41}.muted{color:#aaa39a!important;max-width:500px}.optionList{border-top:1px solid #46423e}.optionList>div{display:grid;grid-template-columns:50px 220px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid #46423e}.optionList span{color:#a79f95;font-size:10px}.optionList h3{font-family:Georgia,serif;font-weight:400;font-size:24px;margin:0}.optionList p{margin:0;color:#aaa39a;font-size:13px;line-height:1.7}.processGrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.processGrid article{padding:28px;min-height:220px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.processGrid span{font-size:10px;color:#8d867c}.processGrid h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:52px 0 13px}.processGrid p,.fineprint{font-size:12px;line-height:1.7;color:#67625c}.fineprint{max-width:800px}.collab{background:#2b2723;color:#f0ebe1;padding:100px 0}.collabGrid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.collabImage{background:#eee9df;padding:24px}.collabImage img{width:100%;aspect-ratio:1.18;object-fit:cover}.swagLogo{width:150px;filter:invert(1);margin:0 0 30px}.collab h2{font-family:Georgia,serif;font-size:54px;line-height:.98;font-weight:400}.collab p{color:#bdb6ad;font-size:15px;line-height:1.8}.collabRule{border-left:2px solid var(--amber);padding-left:20px}.about{padding:110px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.addressGrid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:42px}.addressGrid div{border-top:1px solid var(--line);padding-top:17px}.addressGrid b,.addressGrid span{display:block}.addressGrid b{font-size:10px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:11px}.addressGrid span{font-size:11px;line-height:1.65;color:#65615b}.ctaSection{background:#d1933c;padding:85px 0}.ctaGrid{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:40px}.ctaSection h2{font-size:67px}.ctaSection .button{background:#171717;color:#fff}.ctaGrid p{font-size:12px;line-height:1.8}.footer{padding:55px 0;display:grid;grid-template-columns:.5fr 1fr .7fr;gap:35px;align-items:start}.footer p{font-size:12px;color:#6e6963;margin:0}.footer>div{display:flex;justify-content:flex-end;gap:28px;font-size:11px}.footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;color:#77716b;font-size:9px}.pageHero{padding:100px 0 80px;display:grid;grid-template-columns:.35fr 1.15fr .7fr;gap:50px}.pageHero h1{font-size:clamp(60px,7vw,104px)}.pageHero>p:last-child{font-size:15px;line-height:1.8;color:#625e58}.catalogGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-bottom:110px}.catalogCard{min-height:470px;padding:28px;display:flex;flex-direction:column;border:1px solid var(--line)}.catalogCard.wide{grid-column:1/-1;min-height:400px}.catalogCard h2{font-family:Georgia,serif;font-size:38px;font-weight:400;margin:auto 0 10px}.catalogCard p{font-size:13px;line-height:1.7;max-width:480px}.catalogMeta{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.catalogMeta span{border:1px solid currentColor;padding:8px 10px;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.productAmber{background:#d6a35f}.productGraphite{background:#242424;color:#eee}.productHavana{background:linear-gradient(135deg,#e3d7c6 0 58%,#9b5b30 59% 66%,#3b2119 67% 73%,#c18649 74%)}.productStone{background:#d8d4cc}.productOlive{background:#777765;color:#fff}.modelGrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #4c4741;border-left:1px solid #4c4741}.modelGrid article{min-height:370px;padding:30px;border-right:1px solid #4c4741;border-bottom:1px solid #4c4741;display:flex;flex-direction:column}.modelGrid article>span{font-size:9px;letter-spacing:.18em;color:#c58b42}.modelGrid h2{font-family:Georgia,serif;font-size:39px;line-height:1;font-weight:400;margin:70px 0 20px}.modelGrid p{font-size:13px;line-height:1.8;color:#aaa39a}.modelGrid a{font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-top:auto}.timeline{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid rgba(0,0,0,.32);border-top:1px solid rgba(0,0,0,.32)}.timeline article{min-height:240px;border-right:1px solid rgba(0,0,0,.32);border-bottom:1px solid rgba(0,0,0,.32);padding:25px}.timeline h3{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:45px 0 12px}.timeline p{font-size:12px;line-height:1.65}.facts{display:grid;grid-template-columns:repeat(4,1fr);padding-block:75px}.facts div{border-left:1px solid var(--line);padding:10px 25px}.facts div:last-child{border-right:1px solid var(--line)}.facts strong,.facts span{display:block}.facts strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.facts span{font-size:9px;line-height:1.5;text-transform:uppercase;letter-spacing:.11em;color:#77716a;margin-top:10px}.faqGrid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.faqGrid details{border-top:1px solid var(--line);padding:20px 0}.faqGrid details:last-child{border-bottom:1px solid var(--line)}.faqGrid summary{list-style:none;display:flex;justify-content:space-between;font-family:Georgia,serif;font-size:20px;cursor:pointer}.faqGrid details p{font-size:13px;line-height:1.8;color:#625e58}.contactCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:90px 0}.contactCards article{border:1px solid var(--line);padding:28px;min-height:280px;display:flex;flex-direction:column}.contactCards h2{font-family:Georgia,serif;font-size:30px;font-weight:400}.contactCards a,.contactCards article>p:last-child{font-size:12px;line-height:1.8;color:#625e58}.legalBody{max-width:900px;padding-bottom:110px}.legalBody section{padding:34px 0;border-top:1px solid var(--line)}.legalBody h2{font-family:Georgia,serif;font-size:28px;font-weight:400}.legalBody p,.legalBody li{font-size:14px;line-height:1.85;color:#554f49}.legalBody a{text-decoration:underline}.productDetail{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:80px 0}.productDetail .art{min-height:460px;display:flex;align-items:center;justify-content:center}.productDetail .largeFrame span{width:150px;height:105px;border:15px solid currentColor;border-radius:44%}.productDetail .largeFrame i{width:45px;border-top:12px solid currentColor}.productDetail h1{font-family:Georgia,serif;font-size:64px;line-height:.95;font-weight:400}.productDetail p{font-size:15px;line-height:1.8;color:#625e58}.productList{list-style:none;padding:0;border-top:1px solid var(--line)}.productList li{padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.xh-form-section{background:#1d1c1b;color:#eee;padding:90px 0}.xh-inquiry-form{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.xh-form-intro h2{font-family:Georgia,serif;font-size:60px;line-height:.95;font-weight:400}.xh-fields{display:grid;gap:20px}.xh-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.xh-fields label{display:grid;gap:8px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#bbb4ab}.xh-fields input,.xh-fields select,.xh-fields textarea{width:100%;border:1px solid #514d48;background:#282624;color:#f4eee4;padding:14px;font:14px Arial,sans-serif}.xh-fields textarea{min-height:140px}.xh-check{display:flex!important;flex-direction:row;align-items:flex-start;gap:12px!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;line-height:1.6}.xh-check input{width:16px;height:16px}.xh-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.xh-notice{border-left:3px solid var(--amber);padding:15px 18px;background:#272522;font-size:12px;line-height:1.7}.xh-status{padding:15px 18px;background:#274231;color:#cbe3cf}.xh-error{padding:15px 18px;background:#532b2b;color:#ffd4d1}.xh-direct{font-size:12px;line-height:1.8;color:#aaa39a}.xh-direct a{color:#d49a4e;text-decoration:underline}
@media(max-width:980px){.nav nav{display:none}.hero,.sectionHead,.darkGrid,.collabGrid,.about,.ctaGrid,.pageHero,.productDetail,.xh-inquiry-form,.faqGrid{grid-template-columns:1fr}.categoryGrid,.catalogGrid{grid-template-columns:1fr 1fr}.modelGrid{grid-template-columns:1fr}.processGrid,.facts{grid-template-columns:1fr 1fr}.darkGrid,.about,.xh-inquiry-form{gap:55px}.contactCards{grid-template-columns:1fr}.catalogCard.wide{grid-column:auto}}
@media(max-width:620px){.shell{width:min(100% - 28px,1240px)}.topbar span{display:none}.nav{height:74px}.navCta{font-size:0}.navCta:after{content:'INQUIRE';font-size:10px}.hero{min-height:auto;padding:45px 0}.hero h1{font-size:55px}.heroActions{align-items:flex-start;flex-direction:column}.metrics{gap:12px}.metrics div{display:block;padding-right:10px;margin-right:0}.metrics small{display:block}.heroVisual{height:390px}.frame .lens{height:120px;border-width:12px}.frame{top:35%;height:150px}.bridge{top:43px;border-width:10px}.visualNote{display:block}.visualNote span{display:block;margin-top:7px}.section,.darkSection{padding:75px 0}.categoryGrid,.catalogGrid,.processGrid,.facts,.timeline,.xh-grid{grid-template-columns:1fr}.category{min-height:330px}.optionList>div{grid-template-columns:35px 1fr}.optionList p{grid-column:2}.collab{padding:70px 0}.collab h2{font-size:42px}.about{padding:75px 0}.addressGrid{grid-template-columns:1fr}.ctaSection h2{font-size:49px}.footer{grid-template-columns:1fr}.footer>div{justify-content:flex-start}.footer small{grid-column:auto}.pageHero{padding:70px 0 55px}.pageHero h1,.productDetail h1{font-size:52px}.catalogCard{min-height:380px}.facts div{border-right:1px solid var(--line);padding-block:20px}.xh-form-intro h2{font-size:46px}}

.productHeroImage{width:100%;height:460px;object-fit:contain;background:#f0f0ef}.referenceSection{background:#1f1e1c;color:#eee9df;padding:100px 0}.referenceSection h2{font-family:Georgia,serif;font-size:clamp(44px,5vw,72px);font-weight:400;line-height:.95;letter-spacing:-.055em;margin:0}.referenceHead>p:last-child{color:#b9b2a8;font-size:13px;line-height:1.8}.referenceGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.referenceGrid figure{margin:0;background:#f1f1ef;color:#171717}.referenceGrid img{width:100%;aspect-ratio:1.5;object-fit:contain;background:#f1f1ef}.referenceGrid figcaption{display:flex;justify-content:space-between;gap:24px;padding:18px 20px;border-top:1px solid #d8d6d1}.referenceGrid strong{font-family:Georgia,serif;font-size:18px;font-weight:400}.referenceGrid span{max-width:230px;text-align:right;text-transform:uppercase;letter-spacing:.1em;font-size:7px;line-height:1.6;color:#6f6b65}.referenceDisclosure{border-left:2px solid var(--amber);padding-left:18px;margin:35px 0 0;max-width:930px;color:#b9b2a8;font-size:12px;line-height:1.8}
@media(max-width:760px){.referenceSection{padding:70px 0}.referenceGrid{grid-template-columns:1fr}.productHeroImage{height:330px}.referenceGrid figcaption{display:block}.referenceGrid span{display:block;max-width:none;text-align:left;margin-top:8px}}