:root{
  --sanyo-ink:#202127;
  --sanyo-muted:#666976;
  --sanyo-line:#86c68d;
  --sanyo-mint:#a7d8d7;
  --sanyo-lavender:#f0f0f8;
  --sanyo-navy:#0d056d;
  --sanyo-navy-2:#21137f;
  --sanyo-white:#fff;
  --sanyo-max:1120px;
  --sanyo-shadow:0 12px 32px rgba(24,27,44,.08);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--sanyo-ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.sanyo-container{width:min(calc(100% - 40px),var(--sanyo-max));margin-inline:auto}
.sanyo-main{min-height:50vh}

/* Header */
.sanyo-header{background:#fff;position:relative;z-index:50}
.sanyo-header__inner{width:min(calc(100% - 40px),var(--sanyo-max));margin-inline:auto;border-bottom:2px solid var(--sanyo-line)}
.sanyo-header__top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 0 3px}
.sanyo-brand{display:flex;align-items:center;gap:14px;min-width:280px}
.sanyo-brand__logo{display:flex;align-items:center}
.sanyo-brand__logo .custom-logo-link{display:block}
.sanyo-brand__logo img{max-height:48px;width:auto}
.sanyo-brand__text{font-weight:900;font-style:italic;font-size:42px;letter-spacing:-3px;line-height:1}
.sanyo-brand__motto{font-weight:700;font-size:20px;white-space:nowrap}
.sanyo-header__utility{display:flex;align-items:flex-end;gap:16px;margin-left:auto}
.sanyo-search{width:300px}
.sanyo-search__label{display:block;font-size:11px;font-weight:700;line-height:1.1;margin:0 0 2px 4px}
.sanyo-search__control{height:37px;border:2px solid #333;border-radius:3px;display:flex;align-items:center;background:#fff;overflow:hidden}
.sanyo-search__icon{width:20px;height:20px;border:2px solid #333;border-radius:50%;margin-left:9px;position:relative;flex:0 0 auto}
.sanyo-search__icon::after{content:"";position:absolute;width:8px;height:2px;background:#333;right:-6px;bottom:0;transform:rotate(45deg);transform-origin:left center}
.sanyo-search input{border:0;outline:0;width:100%;height:100%;padding:0 10px 0 11px;font-size:13px;background:transparent}
.sanyo-phone{display:grid;grid-template-columns:40px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;white-space:nowrap}
.sanyo-phone__icon{grid-row:1/3;width:40px;height:26px;background:#231f20;color:#fff;display:grid;place-items:center;font-size:17px;line-height:1}
.sanyo-phone__number{font-size:16px;line-height:1.1}
.sanyo-phone__hours{font-size:13px;font-weight:700;line-height:1.1;margin-top:3px}
.sanyo-menu-toggle{display:none;background:none;border:0;padding:6px;cursor:pointer;color:var(--sanyo-ink)}
.sanyo-menu-toggle span{display:block;width:28px;height:2px;background:currentColor;margin:5px auto}
.sanyo-menu-toggle b{font-size:9px;letter-spacing:.12em}
.sanyo-nav{display:flex;justify-content:flex-end}
.sanyo-nav__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:flex-end;gap:30px;font-size:20px;line-height:1.2}
.sanyo-nav__list>li{position:relative}
.sanyo-nav__list>li>a{display:block;padding:8px 0 9px;transition:opacity .2s ease}
.sanyo-nav__list>li>a:hover{opacity:.6}
.sanyo-nav__list .sub-menu{display:none;position:absolute;top:100%;left:-18px;list-style:none;padding:10px 0;margin:0;min-width:220px;background:#fff;box-shadow:var(--sanyo-shadow);border-top:2px solid var(--sanyo-line)}
.sanyo-nav__list li:hover>.sub-menu{display:block}
.sanyo-nav__list .sub-menu a{display:block;padding:8px 18px;font-size:14px}

/* Hero */
.sanyo-hero{padding:8px 0 4px;overflow:hidden;background:#fff}
.sanyo-hero__viewport{overflow:hidden}
.sanyo-hero__track{display:flex;gap:24px;will-change:transform;align-items:stretch;padding:0 0 2px}
.sanyo-hero__slide{position:relative;flex:0 0 70vw;height:70vh;min-height:70vh;background:linear-gradient(135deg,#bfe2e3,#89ccca);overflow:hidden;isolation:isolate;opacity:.48;transition:opacity .45s ease,transform .45s ease;transform:scale(.98)}
.sanyo-hero__slide.is-active{opacity:1;transform:scale(1)}
.sanyo-hero__slide.has-image{background-image:var(--hero-image);background-size:cover;background-position:center}
.sanyo-hero__slide.has-image::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(44,134,139,.20),rgba(255,255,255,.02));z-index:-1}
.sanyo-hero__slide--demo::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 8% 18%,rgba(255,255,255,.8) 0 32px,transparent 33px),radial-gradient(circle at 92% 75%,rgba(255,255,255,.8) 0 54px,transparent 55px),linear-gradient(90deg,transparent 0 22%,rgba(255,255,255,.18) 22% 26%,transparent 26% 74%,rgba(255,255,255,.18) 74% 78%,transparent 78%);z-index:-1}
.sanyo-hero__slide--demo.is-alt{background:linear-gradient(135deg,#dce8ed,#b4cfd7)}
.sanyo-hero__overlay{height:100%;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;padding:26px 54px;color:#fff;text-align:center}
.sanyo-hero__badge{position:absolute;left:13%;top:12px;width:100px;height:100px;border-radius:45% 55% 50% 50% / 55% 45% 55% 45%;background:#ffbf70;display:grid;place-items:center;padding:12px;font-size:16px;line-height:1.35;box-shadow:0 5px 14px rgba(0,0,0,.05)}
.sanyo-hero__copy{max-width:560px;margin-inline:auto}
.sanyo-hero__subtext{font-size:22px;margin:0 0 5px;letter-spacing:.06em}
.sanyo-hero__amount{font-size:80px;line-height:1;font-weight:300;letter-spacing:-.04em;text-shadow:0 1px 0 rgba(0,0,0,.03)}
.sanyo-hero__amount small{font-size:.55em;vertical-align:12px}
.sanyo-hero__note{margin:15px 0 0;font-size:14px;letter-spacing:.08em;border-top:2px solid rgba(255,255,255,.8);padding-top:10px}
.sanyo-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1px solid currentColor;margin-top:16px;font-weight:700;font-size:14px;transition:background .2s,color .2s}
.sanyo-button--light{color:#fff}.sanyo-button--light:hover{background:#fff;color:#4e9d9c}
.sanyo-hero__dots{display:flex;align-items:center;justify-content:center;gap:6px;min-height:17px;margin-top:-18px;position:relative;z-index:2}
.sanyo-hero__dot{width:5px;height:5px;border:0;padding:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer}
.sanyo-hero__dot.is-active{width:18px;border-radius:999px;background:#fff}

/* Buyback items */
.sanyo-buyback{background:#fff;padding:0 0 0}
.sanyo-buyback__inner{background:var(--sanyo-lavender);padding:0 28px 40px}
.sanyo-section-heading{text-align:center;padding:0 24px 26px}
.sanyo-section-heading h1{display:inline-block;margin:-2px 0 0;font-size:36px;line-height:1.25;font-weight:700;letter-spacing:.06em}
.sanyo-section-heading__dots{display:block;color:#1c1f89;letter-spacing:4px;font-size:28px;line-height:.9;margin:1px 0 18px}
.sanyo-section-heading p{margin:0;color:#5d5f68;font-size:13px;line-height:2.1}
.sanyo-buyback__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sanyo-buyback-card{background:#fff;border:1px solid #dddfe8;min-height:176px;display:flex;flex-direction:column;transition:transform .24s ease,box-shadow .24s ease}
.sanyo-buyback-card:hover{transform:translateY(-3px);box-shadow:var(--sanyo-shadow)}
.sanyo-buyback-card__image{height:135px;padding:12px;display:grid;place-items:center;overflow:hidden}
.sanyo-buyback-card__image img{width:100%;height:100%;object-fit:contain}
.sanyo-buyback-card__image--demo{font-size:64px;color:#8e929b;font-family:Georgia,serif}
.sanyo-buyback-card__placeholder{font-size:24px;font-weight:900;font-style:italic;color:#d1d3da}
.sanyo-buyback-card__title{text-align:center;padding:10px 8px 14px;font-size:15px;border-top:1px solid #f0f0f3;color:#4e5059}
.sanyo-buyback--archive{padding-top:50px}.sanyo-buyback--archive .sanyo-buyback__inner{padding-top:25px}

/* Footer */
.sanyo-footer{margin-top:54px}
.sanyo-footer__top{background:var(--sanyo-navy);color:#fff;padding:70px 0 32px}
.sanyo-footer__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:34px}
.sanyo-footer__column h3{font-size:14px;margin:0 0 10px;letter-spacing:.04em}
.sanyo-footer__column h3::after{content:" ›";font-weight:400}
.sanyo-footer__menu{list-style:none;margin:0;padding:0}
.sanyo-footer__menu li{margin:4px 0}
.sanyo-footer__menu a{font-size:11px;line-height:1.4;color:#fff;opacity:.92}
.sanyo-footer__menu a:hover{opacity:.65}
.sanyo-brand-strip{margin-top:52px;background:var(--sanyo-navy-2);display:grid;grid-template-columns:170px 1fr;align-items:center;padding:20px 26px;gap:20px}
.sanyo-brand-strip strong{font-size:13px;border-right:1px solid rgba(255,255,255,.35);padding-right:20px}
.sanyo-brand-strip span{font-size:11px;line-height:2;color:#f6f6ff}
.sanyo-footer__bottom{background:#fff;padding:18px 0 22px}
.sanyo-footer__bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.sanyo-footer__identity{display:flex;align-items:center;gap:22px}
.sanyo-footer__logo img{max-height:44px;width:auto}
.sanyo-footer__logo>span{font-weight:900;font-style:italic;font-size:28px}
.sanyo-footer__identity p{font-size:10px;line-height:1.7;margin:0;max-width:540px;color:#4a4d54}
.sanyo-footer__meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.sanyo-socials{display:flex;gap:8px}
.sanyo-socials a{width:32px;height:32px;border-radius:50%;background:#0c0c0c;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}
.sanyo-socials a:first-child{background:#ef3f6e}
.sanyo-socials a:nth-child(3){background:#2f7be5}
.sanyo-socials a:nth-child(4){background:#ef2f22}
.sanyo-footer__meta small{font-size:10px;color:#666}

/* Content */
.sanyo-page-content{padding:56px 0}
.sanyo-prose{max-width:900px}
.sanyo-prose h1{font-size:36px;line-height:1.3;margin-top:0}
.sanyo-prose p{margin:0 0 1.4em}
.sanyo-entry{padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid #ececf1}
.sanyo-entry h1{font-size:28px}
.sanyo-item-single__image{margin:25px 0;max-width:680px}
.sanyo-item-single__back{font-size:13px;color:#5f6472}

@media (max-width: 1024px){
  .sanyo-header__top{gap:16px}
  .sanyo-header__utility{gap:10px}
  .sanyo-search{width:245px}
  .sanyo-brand{min-width:auto}
  .sanyo-brand__motto{font-size:16px}
  .sanyo-phone__hours{display:none}
  .sanyo-nav__list{gap:22px;font-size:17px}
  .sanyo-hero__slide{flex-basis:82vw}
  .sanyo-footer__grid{grid-template-columns:repeat(3,1fr);row-gap:32px}
}

@media (max-width: 820px){
  .sanyo-container,.sanyo-header__inner{width:min(calc(100% - 28px),var(--sanyo-max))}
  .sanyo-header__inner{border-bottom:1px solid var(--sanyo-line)}
  .sanyo-header__top{padding:9px 0;min-height:64px}
  .sanyo-brand__text{font-size:34px}
  .sanyo-brand__logo img{max-height:42px}
  .sanyo-brand__motto{font-size:13px}
  .sanyo-header__utility{display:none}
  .sanyo-menu-toggle{display:block;margin-left:auto}
  .sanyo-nav{display:none;padding:0 0 14px}
  .sanyo-nav.is-open{display:block}
  .sanyo-nav__list{display:block;font-size:15px}
  .sanyo-nav__list>li{border-top:1px solid #ececec}
  .sanyo-nav__list>li>a{padding:12px 4px}
  .sanyo-nav__list .sub-menu{display:block;position:static;box-shadow:none;border:0;padding:0 0 8px 16px}
  .sanyo-nav__list .sub-menu a{padding:6px 0}
  .sanyo-hero{padding-top:10px}
  .sanyo-hero__track{gap:14px}
  .sanyo-hero__slide{flex-basis:92vw;height:70vh;min-height:70vh}
  .sanyo-hero__overlay{height:100%;min-height:0;padding:25px 24px}
  .sanyo-hero__badge{left:8%;width:78px;height:78px;font-size:12px}
  .sanyo-hero__subtext{font-size:16px}
  .sanyo-hero__amount{font-size:56px}
  .sanyo-hero__note{font-size:11px}
  .sanyo-hero__dots{margin-top:-14px}
  .sanyo-buyback__inner{padding:0 14px 24px}
  .sanyo-section-heading{padding:8px 12px 20px}
  .sanyo-section-heading h1{font-size:28px}
  .sanyo-section-heading p{font-size:12px;line-height:1.9}
  .sanyo-buyback__grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .sanyo-buyback-card__image{height:120px}
  .sanyo-buyback-card__title{font-size:13px}
  .sanyo-footer{margin-top:34px}
  .sanyo-footer__top{padding:40px 0 24px}
  .sanyo-footer__grid{grid-template-columns:repeat(2,1fr);gap:28px 22px}
  .sanyo-brand-strip{grid-template-columns:1fr;margin-top:34px;padding:18px;gap:8px}
  .sanyo-brand-strip strong{border-right:0;border-bottom:1px solid rgba(255,255,255,.28);padding:0 0 8px}
  .sanyo-footer__bottom-inner{display:block}
  .sanyo-footer__identity{display:block}
  .sanyo-footer__identity p{margin-top:10px}
  .sanyo-footer__meta{align-items:flex-start;margin-top:16px}
}

@media (max-width: 520px){
  body{font-size:14px}
  .sanyo-container,.sanyo-header__inner{width:min(calc(100% - 20px),var(--sanyo-max))}
  .sanyo-brand{gap:8px}
  .sanyo-brand__text{font-size:29px}
  .sanyo-brand__motto{font-size:11px}
  .sanyo-hero__slide{flex-basis:94vw;height:70vh;min-height:70vh}
  .sanyo-hero__overlay{height:100%;min-height:0;padding:24px 16px}
  .sanyo-hero__badge{width:68px;height:68px;font-size:10px;left:6%;top:8px}
  .sanyo-hero__subtext{font-size:13px}
  .sanyo-hero__amount{font-size:43px}
  .sanyo-hero__note{font-size:10px;margin-top:11px;padding-top:8px}
  .sanyo-section-heading h1{font-size:25px}
  .sanyo-buyback-card{min-height:150px}
  .sanyo-buyback-card__image{height:102px}
  .sanyo-buyback-card__image--demo{font-size:50px}
  .sanyo-footer__grid{grid-template-columns:1fr 1fr}
  .sanyo-footer__column h3{font-size:13px}
  .sanyo-footer__menu a{font-size:10px}
}

/* =========================================================
   SANYO PREMIUM STICKY HEADER V2
   ========================================================= */

:root {
  --sanyo-header-side: clamp(20px, 3.5vw, 58px);
  --sanyo-header-compact-height: 80px;
}


/* =========================================================
   HEADER BASE
   ========================================================= */

.sanyo-header {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 9999;

  background: rgba(255,255,255,.97);

  border-bottom: 1px solid rgba(20,20,20,.06);

  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);

  transition:
    background .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}


/* WordPress登录状态顶部工具栏 */
body.admin-bar .sanyo-header {
  top: 32px;
}


/* =========================================================
   INNER
   ========================================================= */

.sanyo-header__inner {
  width: 100%;
  max-width: none;

  margin: 0;

  padding-left: var(--sanyo-header-side);
  padding-right: var(--sanyo-header-side);

  border: 0;

  display: grid;

  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
}


/* =========================================================
   TOP AREA
   ========================================================= */

.sanyo-header__top {

  grid-column: 1;
  grid-row: 1;

  min-height: 78px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 40px;

  padding: 10px 0 8px;
}


/* =========================================================
   BRAND
   ========================================================= */

.sanyo-brand {
  display: flex;
  align-items: center;

  gap: 18px;

  min-width: 0;

  flex-shrink: 0;
}


/* LOGO */

.sanyo-brand__logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}


.sanyo-brand__logo .custom-logo-link {
  display: flex;
  align-items: center;
}


.sanyo-brand__logo img,
.sanyo-brand__logo .custom-logo {

  display: block;

  width: auto;
  height: auto;

  max-width: 180px;
  max-height: 52px;

  object-fit: contain;

  transition:
    max-width .35s cubic-bezier(.22,.61,.36,1),
    max-height .35s cubic-bezier(.22,.61,.36,1);
}


/* 没上传Logo时 */

.sanyo-brand__text {

  font-size: 40px;

  line-height: 1;

  font-weight: 900;

  font-style: italic;

  letter-spacing: -3px;
}


/* 标语 */

.sanyo-brand__motto {

  position: relative;

  padding-left: 18px;

  font-size: 14px;

  font-weight: 500;

  letter-spacing: .08em;

  white-space: nowrap;

  color: #333;
}


/* Logo和标语之间的线 */

.sanyo-brand__motto::before {

  content: "";

  position: absolute;

  left: 0;
  top: 50%;

  width: 1px;
  height: 22px;

  background: #ddd;

  transform: translateY(-50%);
}


/* =========================================================
   RIGHT AREA
   ========================================================= */

.sanyo-header__utility {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 28px;

  margin-left: auto;
}


/* =========================================================
   SEARCH
   ========================================================= */

.sanyo-search {
  width: 350px;
}


.sanyo-search__label {

  display: block;

  margin: 0 0 5px 16px;

  font-size: 10px;

  line-height: 1;

  color: #777;

  letter-spacing: .07em;

  font-weight: 500;
}


.sanyo-search__control {

  height: 42px;

  display: flex;
  align-items: center;

  overflow: hidden;

  border: 1px solid #d8d8d8;

  border-radius: 999px;

  background: #fafafa;

  transition:
    background .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}


.sanyo-search__control:focus-within {

  background: #fff;

  border-color: #333;

  box-shadow:
    0 7px 25px rgba(0,0,0,.055);
}


/* search icon */

.sanyo-search__icon {

  position: relative;

  width: 15px;
  height: 15px;

  margin-left: 17px;

  border: 1.5px solid #333;

  border-radius: 50%;

  flex-shrink: 0;
}


.sanyo-search__icon::after {

  content: "";

  position: absolute;

  width: 6px;
  height: 1.5px;

  right: -5px;
  bottom: -2px;

  background: #333;

  transform: rotate(45deg);
}


.sanyo-search input {

  width: 100%;
  height: 100%;

  padding: 0 16px;

  border: 0;
  outline: 0;

  background: transparent;

  font-size: 13px;

  color: #222;
}


.sanyo-search input::placeholder {
  color: #999;
}


/* =========================================================
   PHONE
   ========================================================= */

.sanyo-phone {

  display: grid;

  grid-template-columns: 38px auto;
  grid-template-rows: auto auto;

  align-items: center;

  column-gap: 12px;

  padding-left: 28px;

  border-left: 1px solid #e4e4e4;

  white-space: nowrap;
}


.sanyo-phone__icon {

  grid-row: 1 / 3;

  width: 38px;
  height: 38px;

  display: grid;
  place-items: center;

  border-radius: 50%;

  background: #111;

  color: #fff;

  font-size: 14px;
}


.sanyo-phone__number {

  font-family: Arial, sans-serif;

  font-size: 17px;

  font-weight: 500;

  line-height: 1.1;

  letter-spacing: .04em;
}


.sanyo-phone__hours {

  margin-top: 4px;

  font-size: 10px;

  line-height: 1;

  color: #777;

  letter-spacing: .07em;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.sanyo-nav {

  grid-column: 1;
  grid-row: 2;

  width: 100%;

  min-height: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-top: 1px solid #f0f0f0;

  border-bottom: 1px solid rgba(116,177,121,.45);
}


.sanyo-nav__list {

  margin: 0;
  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 46px;

  font-size: 14px;

  line-height: 1;

  font-weight: 500;

  letter-spacing: .055em;
}


.sanyo-nav__list > li {

  position: relative;
}


.sanyo-nav__list > li > a {

  position: relative;

  display: block;

  padding: 18px 2px 17px;

  color: #222;

  transition:
    opacity .25s ease,
    color .25s ease;
}


/* hover underline */

.sanyo-nav__list > li > a::after {

  content: "";

  position: absolute;

  left: 50%;
  bottom: 10px;

  width: 0;
  height: 1px;

  background: #111;

  transform: translateX(-50%);

  transition:
    width .3s cubic-bezier(.22,.61,.36,1);
}


.sanyo-nav__list > li > a:hover::after {

  width: 100%;
}


/* =========================================================
   SUB MENU
   ========================================================= */

.sanyo-nav__list .sub-menu {

  display: none;

  position: absolute;

  left: 50%;
  top: 100%;

  transform: translateX(-50%);

  min-width: 220px;

  margin: 0;

  padding: 10px;

  list-style: none;

  background: rgba(255,255,255,.98);

  border: 1px solid #eee;

  box-shadow:
    0 18px 45px rgba(0,0,0,.08);
}


.sanyo-nav__list li:hover > .sub-menu {
  display: block;
}


.sanyo-nav__list .sub-menu a {

  display: block;

  padding: 10px 14px;

  font-size: 12px;

  letter-spacing: .04em;

  transition: background .2s ease;
}


.sanyo-nav__list .sub-menu a:hover {

  background: #f6f6f6;
}


/* =========================================================
   SCROLL COMPACT HEADER
   ========================================================= */

.sanyo-header.is-compact {

  background: rgba(255,255,255,.93);

  border-bottom-color: rgba(20,20,20,.08);

  box-shadow:
    0 8px 32px rgba(20,20,30,.07);
}


/*
   两行Header
        ↓
   变成Logo + MENU一行
*/

.sanyo-header.is-compact .sanyo-header__inner {

  grid-template-columns: auto 1fr;

  grid-template-rows: var(--sanyo-header-compact-height);

  column-gap: 40px;
}


/* 左侧Logo */

.sanyo-header.is-compact .sanyo-header__top {

  grid-column: 1;
  grid-row: 1;

  min-height: var(--sanyo-header-compact-height);
  height: var(--sanyo-header-compact-height);

  padding: 0;

  gap: 0;
}


/* 隐藏搜索 */

.sanyo-header.is-compact .sanyo-header__utility {
  display: none;
}


/* 隐藏公司标语 */

.sanyo-header.is-compact .sanyo-brand__motto {
  display: none;
}


/* Logo变小 */

.sanyo-header.is-compact .sanyo-brand__logo img,
.sanyo-header.is-compact .sanyo-brand__logo .custom-logo {

  max-width: 148px;
  max-height: 44px;
}


/* NAV移动到Logo右侧 */

.sanyo-header.is-compact .sanyo-nav {

  grid-column: 2;
  grid-row: 1;

  width: auto;

  min-height: var(--sanyo-header-compact-height);

  justify-content: flex-end;

  border: 0;
}


/* 紧凑状态导航 */

.sanyo-header.is-compact .sanyo-nav__list {

  justify-content: flex-end;

  gap: 34px;

  font-size: 13px;
}


.sanyo-header.is-compact .sanyo-nav__list > li > a {

  padding: 31px 1px 30px;
}


.sanyo-header.is-compact .sanyo-nav__list > li > a::after {

  bottom: 23px;
}


/* =========================================================
   MOBILE MENU BUTTON
   ========================================================= */

.sanyo-menu-toggle {

  display: none;

  width: 44px;
  height: 44px;

  padding: 7px;

  margin: 0;

  border: 0;

  background: transparent;

  cursor: pointer;

  color: #222;
}


.sanyo-menu-toggle span {

  display: block;

  width: 25px;
  height: 1px;

  margin: 6px auto;

  background: currentColor;

  transition:
    transform .3s ease,
    opacity .3s ease;
}


.sanyo-menu-toggle b {

  display: block;

  margin-top: 1px;

  font-size: 8px;

  font-weight: 500;

  letter-spacing: .14em;
}


/* hamburger → X */

.sanyo-menu-toggle[aria-expanded="true"] span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}


.sanyo-menu-toggle[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}


.sanyo-menu-toggle[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1180px) and (min-width: 821px) {

  .sanyo-search {
    width: 260px;
  }

  .sanyo-header__utility {
    gap: 18px;
  }

  .sanyo-phone {
    padding-left: 18px;
  }

  .sanyo-brand__logo img,
  .sanyo-brand__logo .custom-logo {
    max-width: 155px;
  }

  .sanyo-brand__motto {
    font-size: 12px;
  }

  .sanyo-nav__list {
    gap: 26px;
    font-size: 13px;
  }

  .sanyo-header.is-compact .sanyo-nav__list {
    gap: 23px;
    font-size: 12px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 820px) {

  body.admin-bar .sanyo-header {
    top: 46px;
  }


  .sanyo-header {

    background: rgba(255,255,255,.96);

    box-shadow:
      0 2px 15px rgba(0,0,0,.04);
  }


  .sanyo-header__inner,
  .sanyo-header.is-compact .sanyo-header__inner {

    width: 100%;

    display: block;

    padding-left: 18px;
    padding-right: 18px;
  }


  .sanyo-header__top,
  .sanyo-header.is-compact .sanyo-header__top {

    width: 100%;

    height: 68px;
    min-height: 68px;

    padding: 0;

    display: flex;

    align-items: center;
  }


  .sanyo-header__utility {

    display: none;
  }


  .sanyo-brand__motto {

    display: none;
  }


  .sanyo-brand__logo img,
  .sanyo-brand__logo .custom-logo,
  .sanyo-header.is-compact .sanyo-brand__logo img,
  .sanyo-header.is-compact .sanyo-brand__logo .custom-logo {

    max-width: 128px;
    max-height: 40px;
  }


  .sanyo-menu-toggle {

    display: block;

    margin-left: auto;
  }


  /* MENU panel */

  .sanyo-nav,
  .sanyo-header.is-compact .sanyo-nav {

    display: none;

    position: absolute;

    left: 0;
    right: 0;
    top: 100%;

    width: 100%;

    min-height: 0;

    padding: 12px 18px 20px;

    background: rgba(255,255,255,.98);

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    box-shadow:
      0 20px 40px rgba(0,0,0,.08);

    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }


  .sanyo-nav.is-open,
  .sanyo-header.is-compact .sanyo-nav.is-open {

    display: block;
  }


  .sanyo-nav__list,
  .sanyo-header.is-compact .sanyo-nav__list {

    width: 100%;

    display: block;

    font-size: 13px;
  }


  .sanyo-nav__list > li {

    border-bottom: 1px solid #eee;
  }


  .sanyo-nav__list > li:last-child {

    border-bottom: 0;
  }


  .sanyo-nav__list > li > a,
  .sanyo-header.is-compact .sanyo-nav__list > li > a {

    padding: 15px 2px;

    letter-spacing: .05em;
  }


  .sanyo-nav__list > li > a::after {

    display: none;
  }


  .sanyo-nav__list .sub-menu {

    position: static;

    display: block;

    min-width: 0;

    padding: 0 0 10px 16px;

    transform: none;

    border: 0;

    box-shadow: none;

    background: transparent;
  }


  .sanyo-nav__list .sub-menu a {

    padding: 7px 0;

    font-size: 11px;

    color: #777;
  }

}


/* =========================================================
   HERO INFINITE CAROUSEL
   ========================================================= */

.sanyo-hero__slide.is-clone{
  pointer-events:none;
}

/* 左右露出的Banner */
.sanyo-hero__slide{
  opacity:.45;
}

/* 中间正在显示的Banner */
.sanyo-hero__slide.is-active{
  opacity:1;
}