/* Qilu storefront refresh. Public-facing layout; account and admin workflows remain scoped. */
body:not([data-page="admin"]):not([data-page="member"]) .wrap{width:min(1440px,calc(100% - 96px))}
body[data-page="home"]{background:#fbfcf9}
body .header .nav{min-height:94px;gap:28px}
body .header .brand{font-size:25px;white-space:nowrap}
body .header .nav nav a{font-size:15px;padding:12px 16px}
body .header .nav .nav-admin{padding:13px 19px!important}
.ql-home{--ql-green:#174e3c;--ql-ink:#1d332b;--ql-muted:#718078;background:#fbfcf9;padding-bottom:72px}
.ql-home *, .ql-home *:before,.ql-home *:after{box-sizing:border-box}
.ql-home h1,.ql-home h2,.ql-home h3,.ql-home p{margin:0}
.ql-home a{text-decoration:none}
.ql-home .ql-overline{display:block;font-size:11px;letter-spacing:2px;font-weight:600;line-height:1.6;color:#728277}
.ql-home .ql-mast{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:28px 0}
.ql-mast p{font-size:18px;color:#586b60;margin-top:5px}.ql-mast p strong{color:#244b3b;font-weight:600}
.ql-home .ql-search{display:flex;align-items:center;gap:12px;width:520px;max-width:55%;border:1px solid #dfe6df;background:#fff;border-radius:9px;padding:5px 5px 5px 18px;margin:0}
.ql-search>span{font-size:28px;color:#688373;line-height:1}.ql-search input{width:100%;min-width:0;border:0;background:transparent;padding:9px 0;font-size:14px;box-shadow:none}.ql-search button{background:var(--ql-green);color:white;border:0;border-radius:6px;white-space:nowrap;padding:13px 22px;font:inherit;font-size:14px;cursor:pointer}
.ql-home .ql-hero{display:grid;grid-template-columns:minmax(0,2.55fr) minmax(280px,1fr);gap:20px}
.ql-hero-main{position:relative;min-height:530px;border-radius:14px;overflow:hidden;background:#264c40}
.ql-hero-main>img,.ql-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ql-hero-main>img{object-position:center}.ql-hero-shade{background:linear-gradient(90deg,rgba(7,36,29,.78),rgba(7,36,29,.14)),linear-gradient(0deg,rgba(7,28,22,.32),transparent 50%)}
.ql-home .ql-hero-copy{position:relative;padding:57px 52px 80px;color:white}.ql-home .ql-hero-copy .ql-overline{color:#d5e4d7;letter-spacing:2.5px}
.ql-home .ql-hero-copy h1{font-size:clamp(40px,4.2vw,64px);font-weight:650;line-height:1.22;letter-spacing:1px;color:#fff;margin:27px 0 22px}
.ql-home .ql-hero-copy p{font-size:16px;line-height:1.9;color:#edf1e8}.ql-hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.ql-home .ql-hero-actions .button{background:#f0efd7;border:0;color:#1d4735;border-radius:6px;min-height:50px;padding:14px 24px;gap:30px;font-size:15px}.ql-hero-actions>a:last-child{color:#fff;font-size:14px}
.ql-hero-foot{position:absolute;bottom:22px;left:52px;right:30px;display:flex;justify-content:space-between;color:#e6ecdf;font-size:11px;letter-spacing:1px}
.ql-hero-side{display:grid;grid-template-rows:1fr 1fr;gap:20px}.ql-city-feature{background:#edf0df;padding:28px 30px;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.ql-home .ql-city-feature h2{font-size:28px;line-height:1.45;color:#274b37;margin:12px 0}.ql-city-feature>div{display:flex;align-items:center;justify-content:space-between}.ql-city-feature strong{font-size:53px;font-weight:500;line-height:1.1;color:#365b43}.ql-city-feature strong span{font-size:10px;letter-spacing:1px}.ql-circle{display:grid;place-items:center;border:1px solid #b6c3a9;border-radius:50%;width:38px;height:38px;font-size:20px;color:#365b43}.ql-home .ql-city-feature p{font-size:12px;color:#62755c;margin-top:10px}
.ql-craft-feature{position:relative;border-radius:14px;overflow:hidden;background:#3f3b31;min-height:220px}.ql-craft-feature>img{position:absolute;width:100%;height:100%;object-fit:cover}.ql-craft-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#211e16dd,#211e1644)}.ql-craft-feature>div{position:relative;z-index:1;padding:28px 30px}.ql-home .ql-craft-feature .ql-overline{color:#dfd8c9;font-size:9px}.ql-home .ql-craft-feature h2{color:white;font-size:25px;line-height:1.4;margin:16px 0 20px}.ql-craft-feature>div>span:last-child{color:#eee5d1;font-size:12px}
.ql-entries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:25px 0 28px;border-bottom:1px solid #e2e8dd;gap:0}.ql-entries>a{display:flex;gap:16px;align-items:center;padding:12px 26px;border-right:1px solid #e0e6dc}.ql-entries>a:first-child{padding-left:0}.ql-entries>a:last-child{border:0;padding-right:0}.ql-entry-no{font-size:14px;color:#9eac9a;align-self:flex-start;margin-top:5px}.ql-entries h2{font-size:18px;font-weight:600;color:#273e32}.ql-entries p{font-size:12px;color:#7a857a;margin-top:5px}.ql-entry-arrow{margin-left:auto;color:#678372;font-size:22px}.ql-entries a:hover h2{color:#268054}
.ql-home .ql-section{padding-block:66px}.ql-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.ql-heading h2{font-size:34px;line-height:1.4;color:#243e30;font-weight:600;margin:9px 0}.ql-heading p{font-size:14px;color:#7b857d}.ql-heading>a{white-space:nowrap;font-size:14px;color:#315d42;display:flex;gap:24px;align-items:center}.ql-heading>a>span{font-size:23px}
.ql-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.ql-categories>a{min-width:0}.ql-categories>a>div{position:relative;aspect-ratio:1/1.05;overflow:hidden;border-radius:10px;background:#e7ece3}.ql-categories img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.ql-categories>a:hover img{transform:scale(1.045)}.ql-categories>a>div>span{position:absolute;bottom:0;left:0;right:0;padding:24px 15px 12px;background:linear-gradient(transparent,#14281c99);color:white;font-size:11px;letter-spacing:1px}.ql-categories h3{font-size:17px;font-weight:600;color:#284132;margin-top:16px}.ql-categories p{font-size:12px;color:#80877d;margin-top:5px}.ql-home .ql-caption{font-size:11px;color:#91988e;margin-top:22px}.ql-products-title{display:flex;align-items:center;justify-content:space-between;margin:38px 0 22px}.ql-products-title h3{font-size:22px}.ql-products-title a{font-size:13px}.ql-home .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ql-region-band{background:#eef2e9;border-block:1px solid #e5ebdf}.ql-region{display:grid;grid-template-columns:1fr 1.65fr;gap:70px;padding-block:58px}.ql-region h2{font-size:31px;line-height:1.5;font-weight:600;color:#2b4837;margin:13px 0 17px}.ql-region p{font-size:13px;color:#758170}.ql-region>div>a{display:inline-block;font-size:13px;color:#426247;margin-top:24px}.ql-city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ql-city-grid>a{display:flex!important;align-items:center;gap:12px;margin:0!important;background:#f9fbf6;border:1px solid #e1e8da;border-radius:6px;padding:18px 17px;transition:background .2s}.ql-city-grid a:hover{background:#dce7d4}.ql-city-grid small{font-size:10px;color:#a1ad96}.ql-city-grid span{font-size:15px;font-weight:500;color:#3c573f}.ql-city-grid b{font-size:14px;color:#8f9d83;font-weight:400;margin-left:auto}
.ql-stories{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.ql-story-image{position:relative;min-height:448px;overflow:hidden;border-radius:12px;background:#34533b}.ql-story-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ql-story-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102e24e8,transparent)}.ql-story-image>div{position:absolute;bottom:42px;left:38px;z-index:1}.ql-home .ql-story-image .ql-overline{color:#d8dfcf}.ql-story-image h3{font-size:34px;line-height:1.45;color:#fff;margin:14px 0 22px;font-weight:600}.ql-story-image>div>span:last-child{font-size:14px;color:#f0f2e4}.ql-story-image>small{position:absolute;right:18px;top:16px;z-index:1;font-size:10px;color:#fff;text-shadow:0 1px 3px #000}.ql-story-links{display:grid;grid-template-rows:1.1fr 1fr;gap:22px}.ql-story-links>a{background:#f1f0e8;border-radius:12px;padding:30px 36px}.ql-story-links>a:last-child{background:#eaf1ed}.ql-story-links h3{font-size:26px;color:#2d4535;line-height:1.45;margin:13px 0}.ql-story-links p{font-size:13px;color:#7b8275;margin-bottom:20px}.ql-story-links>a>span:last-child{font-size:13px;color:#42634a}.ql-live-section{margin-top:40px}.ql-live-section>h3{font-size:24px;margin-bottom:20px}
.ql-home .ql-join{background:#194e3c;border-radius:12px;padding:44px 48px;display:flex;justify-content:space-between;gap:32px;align-items:center}.ql-join .ql-overline{color:#a7c3b0}.ql-join h2{font-size:30px;color:#fff;margin:12px 0;font-weight:500}.ql-join p{font-size:13px;color:#bcd1c3}.ql-home .ql-join .button{background:#e7eccf;border:0;color:#294833;white-space:nowrap;padding:16px 24px;min-height:52px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-page="home"] footer{margin-top:0;background:#f4f6f0}body[data-page="home"] .footer-top{padding-block:45px}
@media(min-width:901px){body:not([data-page="admin"]):not([data-page="member"]) .page-banner{padding-block:48px}body:not([data-page="admin"]):not([data-page="member"]) .page-banner h1{font-size:42px}body:not([data-page="admin"]):not([data-page="member"]) .listing{padding-top:36px}}
@media(max-width:1150px){body:not([data-page="admin"]):not([data-page="member"]) .wrap{width:calc(100% - 56px)}body .header .nav{gap:14px}body .header .nav nav a{padding:10px;font-size:14px}.ql-home .ql-hero{grid-template-columns:minmax(0,2fr) minmax(250px,1fr)}.ql-hero-main{min-height:500px}.ql-home .ql-hero-copy{padding:48px 35px 80px}.ql-home .ql-hero-copy h1{font-size:48px}.ql-hero-foot{left:35px}.ql-entries>a{padding:12px 15px;gap:10px}.ql-entry-no{display:none}.ql-categories{gap:14px}.ql-region{gap:35px;grid-template-columns:1fr 1.5fr}.ql-city-grid>a{padding:16px 11px;gap:8px}.ql-city-grid small{display:none}}
@media(max-width:900px){.ql-home .ql-hero{grid-template-columns:1fr}.ql-hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.ql-hero-main{min-height:490px}.ql-home .ql-hero-copy h1{font-size:54px}.ql-city-feature{padding:26px}.ql-city-feature>div{position:absolute;right:24px;bottom:52px}.ql-city-feature{position:relative}.ql-city-feature .ql-circle{display:none}.ql-city-feature strong{font-size:44px}.ql-city-feature strong span{display:none}.ql-home .ql-city-feature h2{margin-right:50px}.ql-craft-feature{min-height:230px}.ql-entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ql-entries>a{padding:12px!important}.ql-entries>a:nth-child(2){border-right:0}.ql-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.ql-region{grid-template-columns:1fr;gap:28px}.ql-city-grid small{display:block}.ql-stories{grid-template-columns:1fr}.ql-story-links{grid-template-columns:1fr 1fr;grid-template-rows:auto}.ql-story-links>a{padding:26px}.ql-join h2{font-size:26px}.ql-home .ql-join{padding:32px}.ql-home .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body:not([data-page="admin"]):not([data-page="member"]) .wrap{width:calc(100% - 36px)}body .header .nav{padding-top:20px;gap:16px;min-height:0}body .header .brand{font-size:22px}body .header .nav nav a{font-size:14px;padding:10px 13px}body .header .nav .nav-admin{font-size:11px;padding:10px 12px!important}.ql-home .ql-mast{display:block;padding:22px 0}.ql-mast>div{display:none}.ql-home .ql-search{width:100%;max-width:none;gap:8px;padding-left:13px}.ql-search input{font-size:13px}.ql-search button{padding:12px 15px;font-size:12px}.ql-home .ql-hero{gap:14px}.ql-hero-main{min-height:440px;border-radius:10px}.ql-home .ql-hero-copy{padding:38px 27px 72px}.ql-home .ql-hero-copy h1{font-size:42px;line-height:1.27;margin:26px 0 20px}.ql-home .ql-hero-copy p{font-size:13px;line-height:1.95}.ql-home .ql-hero-copy .ql-overline{font-size:9px;letter-spacing:1.4px}.ql-hero-actions{gap:20px;margin-top:27px;flex-wrap:wrap}.ql-home .ql-hero-actions .button{font-size:13px;padding:13px 18px;min-height:46px;gap:20px}.ql-hero-actions>a:last-child{font-size:12px}.ql-hero-foot{left:27px;right:20px;bottom:20px;font-size:9px;letter-spacing:0}.ql-hero-side{gap:14px}.ql-city-feature{padding:20px;border-radius:10px}.ql-home .ql-city-feature .ql-overline{font-size:9px;letter-spacing:1px}.ql-home .ql-city-feature h2{font-size:21px;margin:12px 0}.ql-city-feature>div{position:static}.ql-city-feature strong{font-size:36px}.ql-city-feature strong span{display:inline;font-size:8px}.ql-home .ql-city-feature p{font-size:10px;margin-top:12px}.ql-craft-feature{min-height:228px;border-radius:10px}.ql-craft-feature>div{padding:20px 16px}.ql-home .ql-craft-feature .ql-overline{font-size:8px;letter-spacing:1px}.ql-home .ql-craft-feature h2{font-size:20px;margin:22px 0}.ql-craft-feature>div>span:last-child{font-size:11px}.ql-entries{padding:18px 0;gap:7px 0}.ql-entries>a{gap:8px;padding:12px 10px!important}.ql-entries h2{font-size:16px}.ql-entries p{font-size:10px;margin-top:5px}.ql-entry-arrow{font-size:18px}.ql-home .ql-section{padding-block:40px}.ql-heading{margin-bottom:24px;gap:10px}.ql-heading h2{font-size:25px;margin:8px 0 10px}.ql-home .ql-overline{font-size:9px;letter-spacing:1.5px}.ql-heading p{font-size:12px;line-height:1.8;max-width:250px}.ql-heading>a{font-size:11px;gap:5px}.ql-heading>a>span{font-size:17px}.ql-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.ql-categories>a>div{aspect-ratio:1.15;border-radius:8px}.ql-categories h3{font-size:16px;margin-top:12px}.ql-categories p{font-size:11px}.ql-home .ql-caption{font-size:10px;line-height:1.8}.ql-region{padding-block:36px;gap:26px}.ql-region h2{font-size:26px}.ql-region p{font-size:12px}.ql-city-grid{gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.ql-city-grid>a{padding:13px 8px;justify-content:center}.ql-city-grid small,.ql-city-grid b{display:none}.ql-city-grid span{font-size:13px}.ql-stories{gap:16px}.ql-story-image{min-height:350px}.ql-story-image>div{bottom:30px;left:26px}.ql-story-image h3{font-size:29px}.ql-story-links{grid-template-columns:1fr;gap:16px}.ql-story-links>a{padding:26px}.ql-story-links h3{font-size:24px}.ql-story-links p{font-size:12px}.ql-home .ql-join{display:block;padding:30px 25px}.ql-join h2{font-size:24px;line-height:1.5}.ql-join p{font-size:12px;line-height:1.9}.ql-home .ql-join .button{margin-top:25px;font-size:13px;min-height:46px}.ql-home{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.ql-categories img{transition:none}}