/* ==========================================================================
   Win Heart · Christmas theme  (2026 seasonal layer)
   --------------------------------------------------------------------------
   用法：本文件必须在 store.css 之后加载（account 页在 account-center.css 之后）。
   下线圣诞风格 = 删掉各页面里的这一行 <link>，基础品牌色自动恢复，无需改其他文件。
   本文件只覆盖颜色与装饰，不改任何布局尺寸与交互逻辑。
   ========================================================================== */

:root{
  /* 圣诞主色 */
  --xmas-pine:#0E4B37;
  --xmas-pine-deep:#0A3628;
  --xmas-pine-dark:#06251B;
  --xmas-red:#B1172C;
  --xmas-red-dark:#8E0F22;
  --xmas-gold:#D8A94C;
  --xmas-gold-soft:#F3DCA6;
  --xmas-cream:#FFFBF2;

  /* 把基础品牌变量整体重映射到圣诞色板 */
  --wine:var(--xmas-pine);
  --wine-dark:var(--xmas-pine-deep);
  --wine-tint:#2F6B54;
  --brand:var(--xmas-red);
  --red:var(--xmas-red);
  --red-dark:var(--xmas-red-dark);
  --warm:var(--xmas-gold);
  --warm-soft:#FFF6E4;
  --blue:#A9C8D9;
  --blue-soft:#E8F1F7;
  --blue-mist:#F5FAFC;
  --blue-deep:#3E6F86;
  --bg:var(--xmas-cream);
  --ink:#1F2A22;
  --ink2:#5A6459;
  --ink3:#8A9187;
  --line:#E6DAC4;
  --line-soft:#F1E7D6;
  --line-strong:#CEBFA4;
  --success:#1F6B45;
  --media-bg:radial-gradient(125% 100% at 50% 0%,#FBFDFF 0%,#EAF3F9 58%,#DEECF5 100%);
  --shadow-sm:0 2px 10px rgba(10,54,40,.06);
  --shadow:0 18px 44px rgba(10,54,40,.10);
  --shadow-lg:0 26px 70px rgba(10,54,40,.16);
}

/* --------------------------------------------------------------------------
   1. 落雪（纯 CSS 两层，z-index 低于 header / drawer / toast，不拦截点击）
   -------------------------------------------------------------------------- */
html::before,
html::after{
  content:"";display:block;position:fixed;inset:0;pointer-events:none;z-index:55;
  background-repeat:repeat;will-change:background-position;
}
html::before{
  background-image:url("/img/xmas/snow-fine.svg");
  background-size:260px 260px;opacity:.72;
  animation:snowFallFine 18s linear infinite;
}
html::after{
  background-image:url("/img/xmas/snow-soft.svg");
  background-size:420px 420px;opacity:.5;
  animation:snowFallSoft 44s linear infinite;
}
@keyframes snowFallFine{from{background-position:0 0}to{background-position:0 260px}}
@keyframes snowFallSoft{from{background-position:0 0}to{background-position:0 420px}}
@media (prefers-reduced-motion:reduce){
  html::before,html::after{animation:none;opacity:.35}
}
@media print{html::before,html::after{display:none}}
@media (max-width:760px){html::after{display:none}html::before{opacity:.55}}

::selection{background:rgba(177,23,44,.16);color:var(--xmas-pine-deep)}

/* --------------------------------------------------------------------------
   2. 顶部公告 / 跑马灯
   -------------------------------------------------------------------------- */
.marquee{
  background:linear-gradient(90deg,var(--xmas-pine-dark),var(--xmas-pine) 45%,var(--xmas-pine-dark));
  color:#FFF7E6;border-bottom:1px solid rgba(216,169,76,.45);
}
.marquee-track span::after{
  content:"❄";width:auto;height:auto;background:none;border-radius:0;
  color:var(--xmas-gold);font-size:.74rem;line-height:1;
}
.marquee--gold{
  background:linear-gradient(90deg,var(--xmas-red-dark),var(--xmas-red) 45%,var(--xmas-red-dark));
  color:#FFF7E6;border-block:1px solid rgba(255,255,255,.14);
}
.marquee--gold .marquee-track span::after{background:none;color:var(--xmas-gold-soft)}
.marquee--blue{background:#EAF3F7;color:var(--xmas-pine)}
.marquee--blue .marquee-track span::after{background:none;color:var(--xmas-red)}
.announcement{background:linear-gradient(90deg,var(--xmas-red-dark),var(--xmas-red),var(--xmas-red-dark));color:#FFF7E6}

/* --------------------------------------------------------------------------
   3. Header（含松枝花环）
   -------------------------------------------------------------------------- */
.site-header{
  background:rgba(255,251,242,.95);
  border-bottom:1px solid rgba(216,169,76,.55);
}
.site-header.is-stuck{box-shadow:0 8px 26px rgba(10,54,40,.10);border-color:rgba(216,169,76,.8)}
/* 花环挂在 header 下沿，纯装饰 */
.site-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-20px;height:20px;
  background:url("/img/xmas/garland.svg") repeat-x 0 0/auto 20px;
  pointer-events:none;z-index:1;
}
.brand-word{color:var(--xmas-red)}
.nav-btn:hover,.nav-btn[aria-expanded="true"]{background:rgba(14,75,55,.08)}
.icon-btn:hover,.d-close:hover,.announcement button:hover{background:rgba(14,75,55,.08)}
.nav-btn,.icon-btn{color:var(--xmas-pine)}
.lang-switch{background:#F1F8F4;border:1px solid rgba(14,75,55,.08)}
.lang-switch button.on{color:var(--xmas-pine)}
.dropdown{border-color:rgba(216,169,76,.45);box-shadow:0 24px 60px rgba(10,54,40,.16)}
.dd-link:hover{color:var(--xmas-red)}
.dd-feature::after{background:linear-gradient(to top,rgba(255,251,242,.94),rgba(255,251,242,0))}
.dd-feature b{color:var(--xmas-pine)}
.mobile-nav{background:var(--xmas-cream);border-top:1px solid var(--line-soft)}
.mobile-nav a{color:var(--xmas-pine);border-bottom:1px solid var(--line-soft)}
.bag-count{border-color:var(--xmas-cream)}

/* --------------------------------------------------------------------------
   4. Hero 首屏
   -------------------------------------------------------------------------- */
.hero{
  background:
    radial-gradient(90% 120% at 100% 0%,rgba(216,169,76,.20) 0%,rgba(216,169,76,0) 55%),
    radial-gradient(80% 100% at 0% 0%,rgba(255,255,255,.92) 0%,rgba(255,255,255,0) 60%),
    linear-gradient(150deg,#FFF9EA 0%,#FDF1DA 42%,#F3F8F3 100%);
  border-bottom:1px solid var(--line-soft);
}
.xmas-ribbon{
  display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  background:linear-gradient(120deg,var(--xmas-red-dark),var(--xmas-red));
  color:#FFF7E6;font-size:.66rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  padding:8px 16px 8px 14px;border-radius:var(--radius-pill);
  box-shadow:0 10px 24px rgba(177,23,44,.22);
}
.xmas-ribbon::before{content:"❄";font-size:.8rem;letter-spacing:0;color:var(--xmas-gold-soft)}
.hero .kicker{color:var(--xmas-red)}
.hero h1{color:var(--xmas-pine-deep)}
.hero h1 em{color:var(--xmas-red)}
.hero-body{color:#4E5A50}
.hero-copy::after{border-left:1px solid rgba(216,169,76,.55)}
.hero-note{color:var(--xmas-pine)}
.hero-media::after{background:linear-gradient(100deg,rgba(255,249,234,.88) 0%,rgba(255,249,234,.18) 26%,rgba(255,249,234,0) 48%)}

/* --------------------------------------------------------------------------
   5. 分区底色
   -------------------------------------------------------------------------- */
.collection-home{
  background:linear-gradient(180deg,#FFF8E8 0%,#FFFCF5 100%);
  border-block:1px solid rgba(216,169,76,.28);
}
.new-arrivals-home{
  background:linear-gradient(180deg,#F5FAFD 0%,#ECF4F9 100%);
  border-block:1px solid rgba(169,200,217,.38);
}
.brand-story{background:linear-gradient(180deg,#FFF8E8 0%,#FDF1DE 100%)}
.brand-story-copy{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,var(--xmas-pine) 0%,var(--xmas-pine-deep) 62%,#082C21 100%);
}
.brand-story-copy::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:url("/img/xmas/snow-soft.svg") repeat;background-size:420px 420px;opacity:.3;
}
.brand-story-copy>*{position:relative;z-index:1}
.brand-story-copy .kicker{color:var(--xmas-gold)}
.brand-story-copy h2{color:#FFF4D8}
.brand-story-copy>p:not(.kicker){color:rgba(255,246,226,.78)}
.brand-story-copy .button-outline{border-color:rgba(243,220,166,.72);color:#FFF4D8}
.brand-story-copy .button-outline:hover{background:var(--xmas-gold);border-color:var(--xmas-gold);color:#3A2400}

.story{
  position:relative;overflow:hidden;
  background:linear-gradient(115deg,var(--xmas-pine-dark) 0%,var(--xmas-pine-deep) 45%,var(--xmas-pine) 100%);
}
.story::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:url("/img/xmas/snow-soft.svg") repeat;background-size:420px 420px;opacity:.22;
}
.story-inner{position:relative;z-index:1}
.story .kicker{color:var(--xmas-gold)}
.story h2{color:#F7DDA6}
.story-number{color:rgba(243,220,166,.55)}

.trust-band{background:#FFF9EC;border-block:1px solid rgba(216,169,76,.3)}
.trust-grid b{color:var(--xmas-pine)}

/* 订阅区 = 圣诞红礼带 */
.newsletter{
  position:relative;overflow:hidden;
  background:linear-gradient(120deg,var(--xmas-red-dark) 0%,var(--xmas-red) 48%,var(--xmas-red-dark) 100%);
  border-top:0;
}
.newsletter::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:url("/img/xmas/snow-soft.svg") repeat;background-size:420px 420px;opacity:.16;
}
.newsletter-inner{position:relative;z-index:1}
.newsletter .kicker{color:var(--xmas-gold-soft)}
.newsletter h2{color:#FFF7E6}
.newsletter p{color:rgba(255,247,230,.82)}
.newsletter-field{background:rgba(255,255,255,.97);border-color:rgba(255,255,255,.55);box-shadow:0 12px 30px rgba(80,6,16,.24)}
.newsletter .button-primary{background:var(--xmas-gold);color:#3D2400}
.newsletter .button-primary:hover{background:#EFC878;box-shadow:0 12px 26px rgba(0,0,0,.2)}
.newsletter-status{color:#FFF3D6}
.newsletter-status.success{color:#DAF3E0}
.newsletter-status.error{color:#FFE3E3}

/* --------------------------------------------------------------------------
   6. 按钮
   -------------------------------------------------------------------------- */
.button-primary{background:var(--xmas-pine);color:#FFF7E6}
.button-primary:hover{background:var(--xmas-pine-deep);box-shadow:0 12px 26px rgba(10,54,40,.28)}
.button-red{background:var(--xmas-red);color:#FFF7E6}
.button-red:hover{background:var(--xmas-red-dark);box-shadow:0 12px 26px rgba(177,23,44,.26)}
.button-outline{border-color:var(--xmas-pine);color:var(--xmas-pine)}
.button-outline:hover{background:var(--xmas-pine);color:#FFF7E6}
.text-link{color:var(--xmas-pine)}
.kicker{color:var(--xmas-red)}

/* --------------------------------------------------------------------------
   7. 产品卡 / 分类 / 合集砖块
   -------------------------------------------------------------------------- */
.pc-media{border-radius:10px}
.pc-media::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:4;
  box-shadow:inset 0 0 0 1px rgba(216,169,76,.30);
  transition:box-shadow var(--ease);
}
.pc:hover .pc-media::after,.pc:focus-within .pc-media::after{
  box-shadow:inset 0 0 0 1px rgba(216,169,76,.85),inset 0 0 28px rgba(216,169,76,.18);
}
.pc-tag{background:var(--xmas-red);color:#FFF7E6}
.pc-tag--sale{background:var(--xmas-red-dark)}
.pc-tag--sale::before{content:"❄ "}
.pc-cat{color:var(--xmas-pine)}
.pc-price{color:var(--xmas-pine)}
.pc-name:hover{color:var(--xmas-red)}
.pc-stars{color:var(--xmas-pine)}
.pc-stars .s{color:var(--xmas-gold)}
.pc-quick:hover{background:var(--xmas-red)}
.pc-wish{color:var(--xmas-red)}
.hsw.on{background:rgba(216,169,76,.18)}
.hsw.on .heart-line{stroke:var(--xmas-red)}
.hsw-tip{background:var(--xmas-red)}
.cat-card .ring{border-color:rgba(216,169,76,.35)}
.cat-card:hover .ring{border-color:var(--xmas-gold);box-shadow:0 0 0 3px rgba(216,169,76,.22),var(--shadow)}
.cat-card.on .ring{border-color:var(--xmas-red);box-shadow:inset 0 0 0 2px var(--xmas-red)}
.cat-card.on b{color:var(--xmas-red)}
.cat-card b{color:var(--xmas-pine)}
.tile::after{background:linear-gradient(to top,rgba(6,37,27,.66) 0%,rgba(6,37,27,.14) 46%,transparent 74%)}
.rail-arrow{border-color:var(--line-strong)}
.rail-arrow:hover{background:var(--xmas-pine);border-color:var(--xmas-pine)}

/* --------------------------------------------------------------------------
   8. 列表页 / 详情页
   -------------------------------------------------------------------------- */
.page-head h1{color:var(--xmas-pine-deep)}
.page-head h1::after{
  content:"";display:block;width:64px;height:3px;margin-top:16px;border-radius:2px;
  background:linear-gradient(90deg,var(--xmas-red),var(--xmas-gold));
}
.fchip{border-color:var(--line-strong);color:var(--xmas-pine)}
.fchip:hover{border-color:var(--xmas-pine)}
.fchip[aria-pressed="true"],.fchip.on{background:var(--xmas-pine);border-color:var(--xmas-pine);color:#FFF7E6}
.sort-wrap{color:var(--xmas-pine)}
.sort-wrap select{color:var(--xmas-pine);border-color:var(--line-strong)}
.pagination button{color:var(--xmas-pine)}
.pagination button.on{background:var(--xmas-red);color:#FFF7E6}

.pdp-shot{box-shadow:inset 0 0 0 1px rgba(216,169,76,.3)}
.pdp-thumb.on{border-color:var(--xmas-red)}
.pdp-info h1{color:var(--xmas-pine-deep)}
.pdp-cat{color:var(--xmas-red)}
.pdp-price{color:var(--xmas-red)}
.pdp-price .off{background:var(--xmas-red)}
.pdp-label{color:var(--xmas-pine)}
.pdp-bullets svg{color:var(--xmas-pine)}
.opt{border-color:var(--line-strong);color:var(--xmas-pine);background:#fff}
.opt:hover{border-color:var(--xmas-pine)}
.opt.on{background:var(--xmas-pine);border-color:var(--xmas-pine);color:#FFF7E6}
.qty button{color:var(--xmas-pine)}
.acc-q,.pdp-long-inner h2,.pdp-long-inner h3{color:var(--xmas-pine)}
.pdp-long-inner strong{color:var(--xmas-pine-deep)}
.upsell{border-color:var(--line);background:#fff}
.upsell input{accent-color:var(--xmas-red)}
.buybar{background:rgba(255,251,242,.97);border-top:1px solid rgba(216,169,76,.5)}
.buybar-info b{color:var(--xmas-pine)}

/* --------------------------------------------------------------------------
   9. 购物袋 / 弹窗 / 搜索 / 启动页
   -------------------------------------------------------------------------- */
#drawer .panel{background:#FFFCF5}
.d-head{background:linear-gradient(180deg,#FFF7E6,#FFFCF5)}
.d-head h2{color:var(--xmas-pine)}
.d-item .mini{background:var(--media-bg)}
.d-qty{border-color:var(--line)}
.d-qty button{color:var(--xmas-pine)}
.d-foot{background:#fff}
.d-total span:last-child{color:var(--xmas-red)}
#toast{background:var(--xmas-pine)}
.search-layer{background:rgba(255,251,242,.97)}
.search-layer form{border-bottom-color:var(--xmas-red)}
.search-layer input{color:var(--xmas-pine-deep)}
.search-layer .s-close{color:var(--xmas-pine)}
.s-chips button{color:var(--xmas-pine);border-color:var(--line-strong)}
.s-chips button:hover{background:var(--xmas-red);border-color:var(--xmas-red);color:#FFF7E6}
#exit-offer .modal{border-color:rgba(216,169,76,.6)}
#exit-offer .modal::before{
  content:"";position:absolute;left:0;right:0;top:0;height:5px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  background:repeating-linear-gradient(120deg,var(--xmas-red) 0 14px,#FFF6E2 14px 28px,var(--xmas-pine) 28px 42px,#FFF6E2 42px 56px);
}
#exit-offer h2{color:var(--xmas-pine-deep)}
#exit-offer .coupon{background:#FFF6E4;border-color:rgba(216,169,76,.75)}
#exit-offer .code{color:var(--xmas-red)}
#exit-offer .copy-btn,#exit-offer .btn-stay{background:var(--xmas-red)}
#exit-offer .btn-leave{color:var(--xmas-pine)}
#boot{background:linear-gradient(180deg,#FFFBF2,#FFF6E4);color:var(--xmas-pine)}
#boot .boot-mark{background:var(--xmas-red);color:#FFF3D6}
.privacy-choice{border-color:rgba(216,169,76,.5)}
.privacy-choice b{color:var(--xmas-pine)}
.privacy-actions button{color:var(--xmas-pine)}
.privacy-actions button.accept{background:var(--xmas-pine);border-color:var(--xmas-pine);color:#FFF7E6}

/* --------------------------------------------------------------------------
   10. 页脚
   -------------------------------------------------------------------------- */
.site-footer{
  position:relative;
  background:linear-gradient(180deg,var(--xmas-pine-deep) 0%,var(--xmas-pine-dark) 100%);
}
.site-footer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:6px;
  background:repeating-linear-gradient(120deg,var(--xmas-red) 0 16px,#FFF6E2 16px 32px,var(--xmas-pine) 32px 48px,#FFF6E2 48px 64px);
}
.site-footer .brand{gap:2px}
.site-footer .brand-line{font-family:var(--serif);font-size:1.05rem;color:var(--xmas-gold-soft)}
.site-footer .brand strong{font-family:var(--serif);color:#FFF3D6}
.site-footer .brand i{font-style:normal;color:var(--xmas-gold)}
.site-footer .brand-word{color:var(--xmas-gold-soft)}
.site-footer h2{color:var(--xmas-gold)}
.site-footer .footer-grid a:hover{color:#FFF3D6}
/* 只有一行版权条的页面，别留出大片空白深绿 */
.site-footer:has(> .footer-bottom:only-child){padding-top:0}
.site-footer .footer-bottom:only-child{border-top:0;padding-block:26px}

/* --------------------------------------------------------------------------
   11. 次要页面（法务 / 404 / 旧版联系页）基础排版 + 圣诞元素
   -------------------------------------------------------------------------- */
.simple-header{
  max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px 32px;border-bottom:1px solid rgba(216,169,76,.45);
}
.simple-header>a:last-child{font-size:.82rem;font-weight:700;letter-spacing:.06em;color:var(--xmas-pine)}
.simple-header>a:last-child:hover{color:var(--xmas-red)}
.simple-header .brand{flex-direction:row;align-items:baseline;gap:6px}
.simple-header .brand-line{font-family:var(--serif);font-size:1rem;font-weight:600;color:var(--xmas-red)}
.simple-header .brand strong{font-family:var(--serif);font-size:1.05rem;font-weight:800;color:var(--xmas-pine)}
.simple-header .brand i{font-style:normal;color:var(--xmas-gold)}

.content-page{max-width:820px;margin:0 auto;padding:clamp(32px,5vw,56px) 24px clamp(56px,8vw,88px)}
.content-page h1{font-size:clamp(2rem,4vw,2.9rem);color:var(--xmas-pine-deep)}
.content-page h2{
  font-family:var(--sans);font-weight:800;font-size:clamp(1.1rem,2vw,1.35rem);letter-spacing:-.01em;
  color:var(--xmas-pine);margin:2rem 0 .55rem;
}
.content-page p{color:var(--ink2);line-height:1.78;margin-bottom:1rem}
.content-page .lede{font-size:1.02rem;color:var(--ink)}
.content-page a{color:var(--xmas-red);text-decoration:underline;text-underline-offset:3px}
.content-page .kicker{margin-bottom:12px}

.not-found{
  min-height:78vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:14px;padding:40px 20px;
}
.not-found .brand{display:inline-flex;align-items:baseline;gap:6px;flex-direction:row}
.not-found .brand-line{font-family:var(--serif);color:var(--xmas-red)}
.not-found .brand strong{font-family:var(--serif);color:var(--xmas-pine)}
.not-found .brand i{font-style:normal;color:var(--xmas-gold)}
.not-found h1{color:var(--xmas-pine-deep);font-size:clamp(2rem,5vw,3.2rem)}
.not-found p{color:var(--ink2)}
.not-found .button{margin-top:10px}

/* 旧版联系页（.topbar / .contact-form）原本缺少样式，这里补齐并统一圣诞色 */
.topbar{padding:18px 0;border-bottom:1px solid rgba(216,169,76,.45);background:rgba(255,251,242,.96)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nav-main{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.nav-link{font-size:.76rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--xmas-pine)}
.nav-link:hover,.nav-link.active{color:var(--xmas-red)}
.topbar-right{display:flex;align-items:center;gap:12px}
.topbar .brand{flex-direction:row;align-items:baseline;gap:6px;padding:0}
.topbar .brand-line{font-family:var(--serif);font-size:1rem;font-weight:600;color:var(--xmas-red)}
.topbar .brand strong{font-family:var(--serif);font-size:1.05rem;font-weight:800;color:var(--xmas-pine)}
.topbar .brand i{font-style:normal;color:var(--xmas-gold)}
.cart-btn{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--xmas-pine)}
.cart-btn .n{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--xmas-red);color:#fff;font-size:.63rem}
.contact-form{max-width:760px;margin:0 auto;padding:0 20px clamp(48px,7vw,80px)}
.contact-form form{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,4vw,34px);
  box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px;
}
.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form label{display:block;font-size:.76rem;font-weight:700;color:var(--xmas-pine);margin-bottom:6px;letter-spacing:.04em}
.contact-form input,.contact-form textarea{
  width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:12px 14px;
  background:#FFFDF8;color:var(--ink);
}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--xmas-pine);outline-offset:1px;border-color:var(--xmas-pine)}
.contact-form textarea{min-height:150px;resize:vertical}
.contact-form .btn{
  min-height:48px;border-radius:var(--radius-pill);background:var(--xmas-red);color:#FFF7E6;
  font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:background var(--ease),transform var(--ease);
}
.contact-form .btn:hover{background:var(--xmas-red-dark);transform:translateY(-1px)}
@media (max-width:640px){
  .contact-form .row{grid-template-columns:1fr}
  .simple-header{padding:18px 16px}
  .content-page{padding:28px 18px 64px}
}