/* ============================================================
   GUYUN 古韵 · main stylesheet
   Dark resin-and-amber system ported from the approved prototypes
   ============================================================ */

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--bone);font-family:var(--serif);font-weight:300;line-height:1.9;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

.guyun-wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.guyun-eyebrow{font-family:var(--label);font-size:.7rem;letter-spacing:.42em;text-transform:uppercase;color:var(--resin);font-weight:400}

/* reveal */
.rise{opacity:0;transform:translateY(26px);transition:opacity 1.4s cubic-bezier(.16,.6,.3,1),transform 1.4s cubic-bezier(.16,.6,.3,1)}
.rise.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .rise{opacity:1!important;transform:none!important;transition:none}
  .guyun-smoke path{animation:none!important}
}

/* buttons */
.guyun-btn,.button.guyun-btn{
  font-family:var(--label);font-size:.78rem;letter-spacing:.26em;text-transform:uppercase;
  padding:15px 34px;border:1px solid var(--line-strong);color:var(--bone);
  transition:all .45s ease;cursor:pointer;background:transparent;display:inline-block;border-radius:0;
}
.guyun-btn:hover{border-color:var(--resin);color:var(--resin);letter-spacing:.32em}
.guyun-btn.solid{background:var(--resin);border-color:var(--resin);color:var(--ink-3);font-weight:500}
.guyun-btn.solid:hover{background:transparent;color:var(--resin)}

a:focus-visible,button:focus-visible,.guyun-btn:focus-visible{outline:2px solid var(--resin);outline-offset:4px}

/* ============ TOPBAR + HEADER ============ */
.guyun-topbar{font-family:var(--label);font-size:.66rem;letter-spacing:.28em;color:var(--bone-dim);text-transform:uppercase;border-bottom:1px solid var(--line)}
.guyun-topbar .guyun-wrap{display:flex;justify-content:flex-end;gap:26px;height:38px;align-items:center}
.guyun-topbar a:hover{color:var(--bone)}
.guyun-topbar .on{color:var(--resin)}

.guyun-header{position:sticky;top:0;z-index:60;background:rgba(23,19,17,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.admin-bar .guyun-header{top:32px}
.guyun-nav{display:flex;align-items:center;justify-content:space-between;height:82px}
.guyun-brand{display:flex;align-items:baseline;gap:14px}
.guyun-brand .cn{font-family:var(--serif);font-weight:500;font-size:1.7rem;letter-spacing:.32em;color:var(--bone)}
.guyun-brand .en{font-family:var(--display);font-size:.78rem;letter-spacing:.5em;color:var(--bone-dim);text-transform:uppercase}
.guyun-brand img{max-height:52px;width:auto}

.guyun-main-nav{display:flex;gap:40px}
.guyun-main-nav a{font-family:var(--serif);font-size:.96rem;letter-spacing:.14em;color:var(--bone-dim);position:relative;padding:6px 0;transition:color .4s}
.guyun-main-nav a::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:var(--resin);transition:width .45s ease}
.guyun-main-nav a:hover,.guyun-main-nav .current-menu-item>a{color:var(--bone)}
.guyun-main-nav a:hover::after,.guyun-main-nav .current-menu-item>a::after{width:100%}

.guyun-icons{display:flex;gap:22px;color:var(--bone-dim);align-items:center}
.guyun-icons a{cursor:pointer;font-family:var(--label);font-size:.66rem;letter-spacing:.2em;transition:color .3s}
.guyun-icons a:hover{color:var(--resin)}
.guyun-cart-count{color:var(--resin)}

/* mega menu (五谱) */
.guyun-mega{position:absolute;left:0;right:0;top:100%;background:var(--ink-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .4s,transform .4s,visibility .4s;z-index:55}
.guyun-header.mega-open .guyun-mega{opacity:1;visibility:visible;transform:none}
.guyun-mega .guyun-wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;padding-top:42px;padding-bottom:46px}
.guyun-mega-col .num{font-family:var(--display);font-style:italic;font-size:1.5rem;color:var(--line-strong);margin-bottom:4px}
.guyun-mega-col h4{font-family:var(--label);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--resin);margin-bottom:8px;font-weight:400}
.guyun-mega-col .t{font-size:1.16rem;letter-spacing:.1em;margin-bottom:14px;color:var(--bone)}
.guyun-mega-col a{display:block;font-size:.88rem;color:var(--bone-dim);padding:5px 0;transition:color .3s}
.guyun-mega-col a:hover{color:var(--bone)}

/* mobile toggle */
.guyun-menu-toggle{display:none;background:none;border:1px solid var(--line-strong);color:var(--bone);font-family:var(--label);font-size:.66rem;letter-spacing:.2em;padding:10px 14px}

/* ============ SECTIONS ============ */
.guyun-section{padding:128px 0}
.guyun-sec-head{margin-bottom:64px}
.guyun-sec-head .guyun-eyebrow{display:block;margin-bottom:18px}
.guyun-sec-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3.4vw,2.6rem);letter-spacing:.14em;line-height:1.5}

/* ---- HERO ---- */
.guyun-hero{position:relative;height:92vh;min-height:620px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--ink-3)}
.guyun-hero .grain{position:absolute;inset:0;background:
  radial-gradient(ellipse at 50% 120%, rgba(196,146,76,.10), transparent 55%),
  radial-gradient(ellipse at 50% -10%, rgba(124,135,132,.08), transparent 50%)}
.guyun-smoke{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.guyun-smoke path{transform-origin:center;animation:guyun-drift 14s ease-in-out infinite}
.guyun-smoke path:nth-child(2){animation-duration:18s;animation-delay:-3s}
.guyun-smoke path:nth-child(3){animation-duration:11s;animation-delay:-6s}
@keyframes guyun-drift{0%,100%{transform:translateY(0) translateX(0) scaleX(1);opacity:.35}50%{transform:translateY(-26px) translateX(10px) scaleX(1.06);opacity:.6}}
.guyun-hero-inner{position:relative;text-align:center;z-index:2}
.guyun-hero h1{writing-mode:vertical-rl;text-orientation:upright;font-family:var(--serif);font-weight:400;
  font-size:clamp(3rem,7vw,5.4rem);letter-spacing:.5em;line-height:1.18;margin:0 auto 34px;color:var(--bone);
  text-shadow:0 2px 40px rgba(0,0,0,.6)}
.guyun-hero h1 .accent{color:var(--resin)}
.guyun-hero .sub{font-size:1.05rem;letter-spacing:.16em;color:var(--bone-dim);max-width:30ch;margin:0 auto 38px;line-height:2.1}
.guyun-hero .cta{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.guyun-scrollhint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:2;
  font-family:var(--label);font-size:.6rem;letter-spacing:.4em;color:var(--bone-dim);text-transform:uppercase;
  display:flex;flex-direction:column;align-items:center;gap:10px}
.guyun-scrollhint .l{width:1px;height:46px;background:linear-gradient(var(--resin),transparent);animation:guyun-fall 2.4s ease-in-out infinite}
@keyframes guyun-fall{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---- PROMISE ---- */
.guyun-promise .grid{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}
.guyun-promise .vline{font-family:var(--serif);writing-mode:vertical-rl;text-orientation:upright;font-size:1.4rem;letter-spacing:.4em;color:var(--smoke);margin-top:30px}
.guyun-promise p{font-size:1.06rem;line-height:2.3;color:var(--bone-dim);margin-bottom:30px;max-width:54ch}
.guyun-promise p strong{color:var(--bone);font-weight:400}

/* ---- FIVE COLLECTIONS ---- */
.guyun-collections{background:linear-gradient(var(--ink),var(--ink-3))}
.guyun-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.guyun-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:44px 26px 38px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;
  transition:background .5s;position:relative;overflow:hidden}
.guyun-card::before{content:"";position:absolute;left:0;top:0;height:2px;width:0;background:var(--resin);transition:width .6s}
.guyun-card:hover{background:var(--ink-2)}
.guyun-card:hover::before{width:100%}
.guyun-card .num{font-family:var(--display);font-style:italic;font-size:2.6rem;color:var(--line-strong);line-height:1}
.guyun-card .ctitle{font-size:1.4rem;letter-spacing:.18em;margin:20px 0 16px;color:var(--bone)}
.guyun-card .cdesc{font-size:.86rem;line-height:2;color:var(--bone-dim)}
.guyun-card .go{font-family:var(--label);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--resin);margin-top:22px;opacity:0;transform:translateY(6px);transition:.5s}
.guyun-card:hover .go{opacity:1;transform:none}

/* ---- CRAFT ---- */
.guyun-craft{background:var(--ink-3)}
.guyun-craft .grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.guyun-craft .visual{aspect-ratio:4/5;background:
  linear-gradient(160deg,rgba(196,146,76,.14),transparent 60%),
  radial-gradient(circle at 70% 30%,rgba(124,135,132,.18),transparent 55%),var(--ink-2);
  border:1px solid var(--line);position:relative;display:flex;align-items:flex-end;padding:30px;overflow:hidden}
.guyun-craft .visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.guyun-craft .visual .tag{position:relative;font-family:var(--label);font-size:.64rem;letter-spacing:.3em;text-transform:uppercase;color:var(--bone-dim)}
.guyun-craft .visual .vline{position:absolute;top:30px;right:30px;writing-mode:vertical-rl;text-orientation:upright;font-size:1.2rem;letter-spacing:.4em;color:var(--resin-soft)}
.guyun-craft p{font-size:1.04rem;line-height:2.3;color:var(--bone-dim);margin-bottom:26px}
.guyun-craft .steps{display:flex;border-top:1px solid var(--line);margin-top:30px}
.guyun-craft .step{flex:1;padding:18px 0 0;border-right:1px solid var(--line);text-align:center}
.guyun-craft .step:last-child{border-right:none}
.guyun-craft .step .si{font-family:var(--display);font-style:italic;color:var(--resin);font-size:1.1rem}
.guyun-craft .step .sn{font-size:.84rem;color:var(--bone-dim);letter-spacing:.18em;margin-top:6px}

/* ---- FEATURED PIECE ---- */
.guyun-feature .grid{display:grid;grid-template-columns:1.1fr 1fr;gap:0;border:1px solid var(--line)}
.guyun-feature .img{background:
  radial-gradient(circle at 40% 40%,rgba(196,146,76,.22),transparent 60%),
  linear-gradient(200deg,var(--ink-2),var(--ink-3));
  min-height:520px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.guyun-feature .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.guyun-seal{width:150px;height:150px;border:1px solid var(--resin);border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--resin);text-align:center;position:relative;z-index:2}
.guyun-seal .s1{font-family:var(--label);font-size:.6rem;letter-spacing:.3em;text-transform:uppercase}
.guyun-seal .s2{font-family:var(--display);font-style:italic;font-size:1.7rem;margin-top:4px}
.guyun-feature .body{padding:64px 56px;display:flex;flex-direction:column;justify-content:center}
.guyun-feature .body .guyun-eyebrow{margin-bottom:22px;display:block}
.guyun-feature .body h3{font-size:1.9rem;letter-spacing:.1em;line-height:1.6;margin-bottom:26px;color:var(--bone);font-weight:400}
.guyun-feature .body .meta{font-size:.95rem;color:var(--bone-dim);line-height:2.2;margin-bottom:30px}
.guyun-feature .body .note{font-style:italic;color:var(--smoke);font-size:.92rem;margin-bottom:34px;font-family:var(--display)}
.guyun-feature .body .price{display:flex;align-items:baseline;gap:14px;margin-bottom:30px}
.guyun-feature .body .price .pl{font-family:var(--label);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--bone-dim)}
.guyun-feature .body .price .pv{font-family:var(--display);font-style:italic;font-size:1.4rem;color:var(--resin)}
.guyun-feature .cta{display:flex;gap:18px;flex-wrap:wrap}

/* ---- JOURNAL ---- */
.guyun-journal{background:var(--ink-3)}
.guyun-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.guyun-post{background:var(--ink);padding:40px 32px;transition:background .5s;display:block}
.guyun-post:hover{background:var(--ink-2)}
.guyun-post .cat{font-family:var(--label);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--resin)}
.guyun-post h4{font-size:1.3rem;letter-spacing:.06em;line-height:1.7;margin:18px 0 22px;color:var(--bone);font-weight:400}
.guyun-post .by{font-family:var(--label);font-size:.7rem;letter-spacing:.16em;color:var(--bone-dim)}
.guyun-post .rule{height:1px;background:var(--line);margin:24px 0 0;position:relative}
.guyun-post .rule::after{content:"";position:absolute;left:0;top:0;height:1px;width:0;background:var(--resin);transition:width .6s}
.guyun-post:hover .rule::after{width:40px}

/* ---- GIFTING ---- */
.guyun-gifting{text-align:center}
.guyun-gifting .inner{border:1px solid var(--line);padding:96px 40px;background:radial-gradient(ellipse at 50% 0%,rgba(126,45,36,.16),transparent 60%)}
.guyun-gifting .guyun-eyebrow{display:block;margin-bottom:24px}
.guyun-gifting h2{font-weight:300;font-size:clamp(1.7rem,3.4vw,2.5rem);letter-spacing:.16em;line-height:1.7;margin-bottom:18px;color:var(--bone)}
.guyun-gifting p{color:var(--bone-dim);max-width:40ch;margin:0 auto 40px;line-height:2.1}
.guyun-gifting .cta{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}

/* ============ FOOTER ============ */
.guyun-footer{background:var(--ink-3);border-top:1px solid var(--line);padding:80px 0 40px}
.guyun-footer .top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:40px;padding-bottom:60px;border-bottom:1px solid var(--line)}
.guyun-footer .brandblock .cn{font-size:1.5rem;letter-spacing:.3em;font-weight:500}
.guyun-footer .brandblock .tag{font-family:var(--display);font-style:italic;color:var(--smoke);margin-top:14px}
.guyun-footer .brandblock .sub{margin-top:26px;font-size:.84rem;color:var(--bone-dim);max-width:30ch;line-height:1.9}
.guyun-footer .fcol h5{font-family:var(--label);font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;color:var(--resin);margin-bottom:20px;font-weight:400}
.guyun-footer .fcol a{display:block;font-size:.86rem;color:var(--bone-dim);padding:6px 0;transition:color .3s}
.guyun-footer .fcol a:hover{color:var(--bone)}
.guyun-footer .legal{padding-top:34px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;
  font-family:var(--label);font-size:.7rem;letter-spacing:.1em;color:var(--bone-dim);line-height:2}
.guyun-footer .legal .right{text-align:right;max-width:46ch}

/* ============ WOOCOMMERCE SKIN ============ */
.woocommerce-page .guyun-wrap,.woocommerce .guyun-wrap{max-width:1240px}
.woocommerce .guyun-shop-hero{padding:110px 0 60px;background:linear-gradient(var(--ink-3),var(--ink));text-align:center}
.woocommerce .guyun-shop-hero h1{font-weight:400;font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:.3em}

/* archive grid → prototype cards */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:0 0 60px!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{background:var(--ink);padding:0!important;margin:0!important;width:auto!important;float:none!important;transition:background .4s;text-align:left}
.woocommerce ul.products li.product:hover{background:var(--ink-2)}
.woocommerce ul.products li.product a img{aspect-ratio:4/5;object-fit:cover;margin:0;border-bottom:1px solid var(--line)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--serif);font-weight:400;font-size:1.05rem;letter-spacing:.06em;color:var(--bone);line-height:1.6;padding:20px 22px 4px}
.guyun-card-serial{font-family:var(--label);font-size:.6rem;letter-spacing:.22em;color:var(--resin);padding:0 22px}
.woocommerce ul.products li.product .price{font-family:var(--display);font-style:italic;color:var(--resin)!important;font-size:1.05rem;padding:8px 22px 24px;display:block}
.woocommerce ul.products li.product .button{display:none} /* card = view; buy on detail page */
.woocommerce ul.products li.product .price del{color:var(--bone-dim);opacity:.6}
.guyun-inquiry-price{font-family:var(--display);font-style:italic;color:var(--resin)}

/* single product */
.woocommerce div.product{color:var(--bone)}
.woocommerce div.product .product_title{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3.6vw,2.5rem);letter-spacing:.1em;line-height:1.4;color:var(--bone)}
.guyun-serial{font-family:var(--label);font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--resin);margin-bottom:14px}
.guyun-subtitle{font-family:var(--display);font-style:italic;color:var(--smoke);font-size:1.1rem;margin:10px 0 20px}
.woocommerce div.product p.price{font-family:var(--display);font-style:italic;font-size:1.9rem;color:var(--resin);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:20px 0}
.woocommerce div.product form.cart .button,.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button{
  background:var(--resin);color:var(--ink-3);border-radius:0;font-family:var(--label);font-size:.78rem;letter-spacing:.26em;text-transform:uppercase;font-weight:500;padding:16px 32px;border:1px solid var(--resin);transition:all .4s}
.woocommerce div.product form.cart .button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:transparent;color:var(--resin)}
.woocommerce div.product form.cart .qty{background:var(--ink-3);border:1px solid var(--line);color:var(--bone);padding:14px;height:auto}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 1px}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--ink-2);border:1px solid var(--line);border-radius:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--ink)}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--bone-dim);font-family:var(--label);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}
.woocommerce div.product .woocommerce-tabs .panel{background:transparent;color:var(--bone-dim);line-height:2.2}
.woocommerce div.product .woocommerce-tabs .panel h2{display:none}

.guyun-inquiry-cta{margin:24px 0}
.guyun-inquiry-cta .guyun-btn{margin-right:14px}
.guyun-inquiry-note{font-family:var(--display);font-style:italic;color:var(--smoke);margin-top:16px}

/* spec + trust band */
.guyun-meta-band{background:var(--ink-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 0;margin-top:70px}
.guyun-meta-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:start}
.guyun-spec h3,.guyun-trust h3{font-family:var(--label);font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--resin);margin-bottom:28px;font-weight:400}
.guyun-spec table{width:100%;border-collapse:collapse}
.guyun-spec td{padding:15px 0;border-bottom:1px solid var(--line);font-size:.95rem;vertical-align:top;background:transparent}
.guyun-spec td:first-child{font-family:var(--label);font-size:.7rem;letter-spacing:.16em;color:var(--bone-dim);width:38%;text-transform:uppercase;padding-top:18px}
.guyun-spec td:last-child{color:var(--bone)}
.guyun-trust ul{list-style:none;padding:0}
.guyun-trust li{padding:14px 0 14px 26px;border-bottom:1px solid var(--line);font-size:.94rem;color:var(--bone-dim);position:relative}
.guyun-trust li::before{content:"✓";position:absolute;left:0;color:var(--resin);font-family:var(--display);font-style:italic}
.guyun-trust .fine{margin-top:26px;font-size:.8rem;color:var(--smoke);line-height:1.9}

/* legal strip */
.guyun-legalstrip{background:var(--ink-3);border-top:1px solid var(--line);padding:44px 0;text-align:center}
.guyun-legalstrip p{font-size:.82rem;color:var(--smoke);max-width:70ch;margin:0 auto;line-height:1.95}

/* notices, cart, misc woo chrome */
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--ink-2);color:var(--bone);border-top-color:var(--resin);border-radius:0}
.woocommerce-message a.button,.woocommerce-info a.button{background:transparent;color:var(--resin)}
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:0;background:transparent}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--line);color:var(--bone-dim);background:transparent}
.woocommerce .woocommerce-ordering select,.woocommerce .woocommerce-result-count{color:var(--bone-dim);background:var(--ink-2);border:1px solid var(--line)}
.woocommerce nav.woocommerce-pagination ul{border:1px solid var(--line)}
.woocommerce nav.woocommerce-pagination ul li{border-right:1px solid var(--line)}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{color:var(--bone-dim);background:transparent}
.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--ink-2);color:var(--resin)}

/* generic entry content (posts/pages fallback) */
.guyun-entry{padding:100px 0}
.guyun-entry h1{font-weight:400;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:.18em;margin-bottom:40px}
.guyun-entry .content{max-width:760px;color:var(--bone-dim);line-height:2.25;font-size:1.04rem}
.guyun-entry .content h2,.guyun-entry .content h3{color:var(--bone);font-weight:400;letter-spacing:.1em;margin:48px 0 20px}
.guyun-entry .content p{margin-bottom:24px}
.guyun-entry .content a{color:var(--resin)}

/* ============ RESPONSIVE ============ */
@media (max-width:1024px){
  .guyun-cards{grid-template-columns:1fr 1fr}
  .guyun-mega .guyun-wrap{grid-template-columns:1fr 1fr 1fr}
  .guyun-feature .grid,.guyun-promise .grid,.guyun-craft .grid{grid-template-columns:1fr}
  .guyun-feature .img{min-height:340px}
  .guyun-promise .vline{writing-mode:horizontal-tb;font-size:1.2rem}
  .guyun-posts{grid-template-columns:1fr}
  .guyun-footer .top{grid-template-columns:1fr 1fr}
  .woocommerce ul.products{grid-template-columns:1fr 1fr}
  .guyun-meta-grid{grid-template-columns:1fr;gap:44px}
}
@media (max-width:680px){
  .guyun-wrap{padding:0 22px}
  .guyun-main-nav,.guyun-topbar{display:none}
  .guyun-menu-toggle{display:block}
  .guyun-header.nav-open .guyun-main-nav{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:var(--ink-2);border-bottom:1px solid var(--line);padding:10px 22px 20px}
  .guyun-header.nav-open .guyun-main-nav a{padding:12px 0;border-bottom:1px solid var(--line)}
  .guyun-cards{grid-template-columns:1fr}
  .guyun-section{padding:84px 0}
  .guyun-hero{height:88vh}
  .guyun-footer .top{grid-template-columns:1fr}
  .guyun-feature .body{padding:44px 28px}
  .woocommerce ul.products{grid-template-columns:1fr}
}