@charset "UTF-8";
/*!
 * PAWMOA - V4 Pastel Editorial
 * 在 main.css 之后加载：只覆盖 token 与首屏/新增区块，商店与商品页自动继承。
 */

/* ============================================================ tokens */
:root{
  --ink:#161512;
  --ink-80:rgba(22,21,18,.78);
  --ink-60:rgba(22,21,18,.6);
  --ink-40:rgba(22,21,18,.42);
  --paper:#FFFDF9;
  --cream:#FBF6EC;
  --sand:#FFF3E6;
  --sand-deep:#FFE7D3;

  --clay:#E06A45;
  --clay-deep:#C95733;
  --moss:#6F8A63;
  --moss-deep:#5B7451;
  --gold:#F7D95A;
  --blush:#FFE2D1;

  --lav:#E7D9F4;
  --mint:#DCEFE2;
  --peach:#FFE2D1;
  --butter:#F7D95A;

  --line:rgba(22,21,18,.1);
  --line-soft:rgba(22,21,18,.06);

  --r-xs:12px;
  --r-sm:18px;
  --r:24px;
  --r-lg:34px;
  --r-xl:44px;
  --pill:999px;

  --f-display:"Poppins","Bricolage Grotesque",system-ui,sans-serif;
  --f-serif:"Poppins",system-ui,sans-serif;
  --f-body:"DM Sans",system-ui,-apple-system,sans-serif;

  --shadow-card:0 24px 48px -38px rgba(60,40,90,.5);
  --sp-section:clamp(60px,8vw,104px);
}

body{font-family:var(--f-body);line-height:1.75}
h1,h2,h3,h4,h5,.pm-display{font-family:var(--f-display);letter-spacing:-.03em;line-height:1.15}
.pm-h1{font-size:clamp(2.4rem,4.6vw,3.8rem)}
.pm-h2{font-size:clamp(1.85rem,3.2vw,2.6rem)}
.pm-lead{font-size:15px;line-height:1.9}

/* ============================================================ topbar */
.pm-announce{background:var(--mint);color:#3C5A47;letter-spacing:.14em;font-size:10.5px;font-weight:600}
.pm-announce__track span{padding:10px 14px}
.pm-announce__track span::after{color:#7BA48B}

.pm-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ============================================================ header */
.pm-header{background:rgba(251,246,236,.94);border-bottom:1px solid var(--line-soft)}
.pm-header__inner{grid-template-columns:1fr auto 1fr;height:78px}
.pm-logo{order:2;justify-self:center;font-size:29px;letter-spacing:-.05em}
.pm-logo img{width:34px;height:34px;border-radius:11px}
.pm-nav{order:1;justify-self:start;justify-content:flex-start;gap:18px;min-width:0}
.pm-header .pm-nav .pm-nav__list{display:flex;flex-wrap:nowrap!important;align-items:center;
  justify-content:flex-start;gap:18px;margin:0;padding:0;list-style:none}
.pm-header .pm-nav .pm-nav__list li{flex:0 0 auto;white-space:nowrap;list-style:none}
.pm-header .pm-nav .pm-nav__list a{white-space:nowrap;display:inline-block;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-60)}
.pm-actions{order:3;justify-self:end;gap:10px}
.pm-icon-btn{width:38px;height:38px}
.pm-cart-count{background:var(--clay)}
.pm-header .pm-btn--shop{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--ink);color:#fff;border-radius:var(--pill);
  padding:11px 20px;font-size:12px;font-weight:600;white-space:nowrap;
  transition:transform .2s,background .2s;
}
.pm-header .pm-btn--shop:hover{transform:translateY(-2px);background:#000}

/* ============================================================ hero */
.pm-hero{background:var(--lav);overflow:hidden}
.pm-hero::before{display:none}
.pm-hero__inner{grid-template-columns:1.02fr .98fr;padding-block:clamp(40px,5vw,64px) clamp(44px,5vw,68px)}
.pm-hero__wordmark{
  font-family:var(--f-display);font-weight:800;font-size:clamp(58px,8.4vw,110px);
  line-height:.86;letter-spacing:-.06em;margin:0 0 22px;color:var(--ink);
}
.pm-hero__sub{
  font-family:var(--f-display);font-weight:600;font-size:clamp(17px,1.6vw,21px);
  line-height:1.5;color:#3B3450;max-width:20ch;letter-spacing:-.01em;
}
.pm-hero__lead{margin-top:18px;font-size:14.5px;color:#4A4360;max-width:42ch;line-height:1.85}
.pm-hero .pm-eyebrow{color:#5B4878}
.pm-hero .pm-eyebrow::before{background:var(--clay)}
.pm-hero__meta{border-top-color:rgba(59,52,80,.15)}
.pm-hero__note{margin-top:26px;padding-top:22px;border-top:1px solid rgba(59,52,80,.15);
  font-size:12.5px;letter-spacing:.02em;color:#4A4360}

/* 舞台卡片改成白色相框 */
.pm-stage{min-height:430px}
.pm-stage__card{background:#fff;border-radius:34px;padding:20px;box-shadow:0 30px 60px -42px rgba(60,40,90,.6)}
.pm-stage__card img{border-radius:18px}
.pm-stage__card--a{width:74%;top:2%;left:4%;transform:rotate(-3deg)}
.pm-stage__card--b{width:33%;top:auto;bottom:2%;right:0;transform:rotate(6deg)}
.pm-stage__card--c{display:none}
.pm-stamp{right:-2%;bottom:6%;width:112px}
.pm-sticker{background:#fff;border:0;box-shadow:0 12px 26px -18px rgba(0,0,0,.45);
  left:0;top:auto;bottom:16%;transform:none;color:var(--ink)}
.pm-hero__blob{position:absolute;width:420px;height:420px;border-radius:50%;
  background:rgba(255,255,255,.4);top:50%;left:50%;transform:translate(-50%,-50%)}
.pm-burst{position:absolute;right:-2%;top:0;width:112px;z-index:4}

/* ============================================================ trust */
.pm-trust{background:var(--paper);border-block:1px solid var(--line)}
.pm-trust__item svg{stroke:var(--clay)}

/* ============================================================ statement */
.pm-statement{background:var(--cream);padding-block:var(--sp-section)}
.pm-statement__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:start}
.pm-statement h2{
  font-family:var(--f-display);font-weight:600;font-size:clamp(24px,3vw,36px);
  line-height:1.5;letter-spacing:-.02em;
}
.pm-statement h2 em{font-style:normal;color:var(--clay)}
.pm-statement__body p{font-size:14.5px;color:#4F4A42;margin-bottom:18px;line-height:1.95}
.pm-pawrow{display:flex;gap:10px;margin-top:34px}
.pm-pawrow img{width:26px;height:26px;opacity:.45}

/* ============================================================ feature */
.pm-feature{background:var(--peach);padding-block:clamp(52px,7vw,92px)}
.pm-feature__in{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:center}
.pm-feature__circle{
  aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.6);
  display:grid;place-items:center;overflow:hidden;
}
.pm-feature__circle img{width:74%;height:auto}
.pm-feature h2{font-size:clamp(23px,2.9vw,33px);line-height:1.5;font-weight:600;margin-bottom:16px}
.pm-feature h2 em{font-style:normal;color:var(--clay)}
.pm-feature p{font-size:14px;color:#5A4438;line-height:1.95;max-width:48ch}

/* ============================================================ products / cards */
.pm-products{gap:clamp(14px,1.8vw,20px)}
.pm-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;
  transition:transform .25s,box-shadow .25s}
.pm-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card)}
.pm-card__media{background:var(--cream);border-radius:20px;aspect-ratio:1}
.pm-card__media img{object-fit:contain;padding:8%}
.pm-card:hover .pm-card__media img{transform:scale(1.03)}
.pm-card__body{padding:14px 4px 4px;gap:4px}
.pm-card__title{font-size:15px;font-weight:600}
.pm-card__cats{font-size:10.5px;letter-spacing:.14em;color:var(--ink-60)}
.pm-card__badge{background:var(--clay);border-radius:6px;font-size:9.5px;letter-spacing:.1em;top:10px;left:10px}
.pm-card__badge--moss{background:var(--moss)}
.pm-card__quick{background:var(--ink);color:#fff;border-radius:var(--pill)}
.pm-card__wish{background:#fff}

/* 区块标题 */
.pm-section-head h2{font-weight:700;letter-spacing:-.03em}
.pm-eyebrow{font-size:10.5px;letter-spacing:.18em}

/* 暂不展示评分与评论 */
.pm-card__rate,.pm-summary__rate,.pm-rating-summary,.pm-reviews__grid,#reviews{display:none!important}

/* ============================================================ reviews */
.pm-bg-sand{background:var(--lav)}
.pm-review{background:#fff;border:0;border-radius:var(--r);padding:26px}
.pm-avatar{background:var(--peach);color:#8A4A2C}
.pm-stars{color:var(--clay);letter-spacing:1px}

/* ============================================================ editorial / signup */
.pm-bg-ink{background:var(--ink)}
.pm-signup{background:var(--butter);color:var(--ink);border-radius:var(--r-xl)}
.pm-signup h2{color:var(--ink)}
.pm-signup p,.pm-signup__note{color:#5B4E1E}
.pm-signup .pm-eyebrow{color:#6B5A1F!important}
.pm-signup::after{border-color:rgba(90,70,20,.25)}
.pm-signup form{box-shadow:0 18px 40px -30px rgba(90,70,20,.75)}
.pm-signup .pm-btn--ink,.pm-signup .pm-btn{background:var(--ink);color:#fff}

/* ============================================================ footer */
.pm-footer{background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}
.pm-footer h4{color:var(--ink-60)}
.pm-footer__links a,.pm-footer .pm-logo{color:var(--ink)}
.pm-footer__about{color:var(--ink-60)}
.pm-footer__bottom{border-top-color:var(--line)}
.pm-footer__bottom p{color:var(--ink-60)}
.pm-pay span{border-color:var(--line);color:var(--ink-60)}
.pm-social a{border-color:var(--line)}
.pm-social a:hover{background:var(--clay);border-color:var(--clay);color:#fff}

/* ============================================================ buttons global */
.pm-btn{background:var(--ink);color:#fff;box-shadow:none;border-radius:var(--pill);
  font-size:13.5px;font-weight:600;padding:15px 26px}
.pm-btn:hover{background:#000;transform:translateY(-2px)}
.pm-btn--ghost{background:transparent;color:var(--ink);border:1.4px solid rgba(22,21,18,.3)}
.pm-btn--ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.pm-btn--ink{background:var(--ink);color:#fff}

/* ============================================================ responsive */
@media (max-width:1180px){
  .pm-nav{display:none}
  .pm-header__inner{grid-template-columns:auto 1fr auto}
  .pm-logo{order:1;justify-self:start;font-size:22px}
  .pm-actions{order:3}
}
@media (max-width:900px){
  .pm-hero__inner{grid-template-columns:1fr;gap:28px}
  .pm-stage{min-height:340px;order:-1}
  .pm-statement__in,.pm-feature__in{grid-template-columns:1fr}
  .pm-hero__wordmark{font-size:clamp(52px,14vw,80px)}
  .pm-header__inner{grid-template-columns:auto 1fr auto}
  .pm-logo{order:1;justify-self:start;font-size:22px}
  .pm-nav{display:none}
  .pm-actions{order:3}
  .pm-header .pm-btn--shop{display:none}
}
@media (max-width:600px){
  .pm-statement h2{font-size:24px}
  .pm-feature__circle{max-width:320px;margin-inline:auto}
}