:root{
  --text:#606463;
  --muted:#8f8f8f;
  --frame-max:1440px;
  --label-w:68px;
  --item-w:262px;
  --col-gap:0px;
  --row-gap:8px;
}

*{ box-sizing:border-box; }
html{ overflow-y:scroll; }
html,body{
  margin:0;
  padding:0;
  background:#fff;
  color:var(--text);
  font-family:"futura-pt","Noto Sans JP",sans-serif;
  font-weight:400;
}
img{ max-width:100%; height:auto; }
a{ color:var(--text); text-decoration:none; }

main{
  width:80%;
  margin:0 auto;
}


.tab__menu-item a{ color:var(--text); text-decoration:none; opacity: 0.5}
.tab__menu-item.is-active a{ color:var(--text); text-decoration:none; opacity: 1}


/* ロゴブロック（ABOUTページ固有） */
.hero-logo-block{
  position: fixed;
  top: 135px;
  transform: translateY(-50%);
  text-align: left;
  z-index: 1000;
}

@media (min-width:767px){
.hero-logo-block img{
  width: 170px;
  height: auto;
}
.hero-about {
    margin-top: 40px;
    font-size: 14px;
    letter-spacing: 1.6px;
    color: #C9C5C0;
}

.wrap{width:76.45%;margin:0 auto;padding:240px 0 80px;}
}

@media (max-width:767px){
.hero-logo-block img{
  width: 82px;
  height: auto;
}
.hero-logo-block {
    position: relative;
    /* transform: translateY(-50%); */
    text-align: center;
    z-index: 1000;
    margin: 0 auto;
}
.hero-about {
    margin-top: 40px;
    font-size: 11px !important;
    letter-spacing: 1.6px;
    color: #C9C5C0;
    text-align: left;
}
}



/* =========================================================
   SP用ロゴ
========================================================= */
@media (min-width:768px){
  .contentslogo{ display:none; }
}

.contentslogo img{ width:100%; }

.sub{
  color:#c9c5c0;
}

/* =========================================================
   Tabs
========================================================= */
.tabs{
  display:flex;
  gap:45px;
  margin:0 0 28px;
}

.tabs .tab__menu{
  display:flex;
  gap:45px;
  padding:0;
  margin:0;
  list-style:none;
}

.tab__menu-item{
  list-style:none;
  cursor:pointer;
  color:#d7d7d7;
  letter-spacing:.12em;
  font-size:14px;
}

.tab__menu-item.is-active{
  color:var(--text);
  text-decoration:underline;
  text-underline-offset:6px;
}

/* =========================================================
   Catalog base
========================================================= */
.catalog{
  width:100%;
  max-width:var(--frame-max);
  margin:155px auto 80px 0;
}

.catalog[data-panel]{ display:none; }
.catalog[data-panel].is-show{ display:block; }

.catalog-row{
  display:grid;
  grid-template-columns:var(--label-w) 1fr;
  column-gap:32px;
  align-items:center;
  margin-bottom:var(--row-gap);
}

.catalog-label{
  font-size:12px;
  letter-spacing:1.5px;
  color:#606463;
  line-height:1.4;
}

/* =========================================================
   JSが動いていない状態でも崩れない構成
   .catalog-sizes と .catalog-images を同じ列数の2段グリッドにする
========================================================= */
.catalog-items{
  display:grid;
  grid-template-rows:auto auto;
  row-gap:4px;
  width:max-content;
}

.catalog-sizes,
.catalog-images{
  display:grid;
  grid-template-columns:repeat(4, var(--item-w));
  column-gap:var(--col-gap);
  align-items:end;
}

.catalog-size{
  font-size:12px;
  letter-spacing:1.5px;
  color:#606463;
  line-height:1.4;
  text-align:center;
  min-height:1.4em;
}

.catalog-size:empty,
.catalog-size.is-empty{
  visibility:hidden;
}

.catalog-images a,
.catalog-images span,
.catalog-images img.catalog-img{
  display:block;
}

.catalog-img{
  width:100%;
  max-width:var(--item-w);
  height:auto;
  object-fit:contain;
}

.catalog-img[src=""],
.catalog-img.is-empty{
  visibility:hidden;
}

/* =========================================================
   JSで .catalog-cards に変換された後の見た目
========================================================= */
.catalog-cards{
  display:grid;
  grid-template-columns:repeat(4, var(--item-w));
  column-gap:var(--col-gap);
  row-gap:0;
  width:max-content;
}

.catalog-card{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.catalog-card .card-size{
  font-size:12px;
  letter-spacing:1.5px;
  color:#606463;
  text-align:center;
  line-height:1.4;
  margin:0 0 4px;
  min-height:1.4em;
}

.catalog-card .card-media,
.catalog-card .card-media a{
  display:block;
  width:100%;
}

.catalog-card .catalog-img{
  width:100%;
  max-width:var(--item-w);
  height:auto;
  object-fit:contain;
}

.catalog-card .is-empty{
  visibility:hidden;
}

/* =========================================================
   1400px以下：左に品番、右に2列
========================================================= */
@media (max-width:1400px){
  :root{
    --col-gap:28px;
  }

  .catalog{
    max-width:960px;
    --row-gap:14px;
  }

  .catalog-row{
    grid-template-columns:var(--label-w) 1fr;
    column-gap:16px;
    align-items:center;
  }

  .catalog-sizes,
  .catalog-images,
  .catalog-cards{
    grid-template-columns:repeat(2, var(--item-w));
  }
}

/* =========================================================
   PC幅：4列
========================================================= */
@media (min-width:1401px){
  .catalog-sizes,
  .catalog-images,
  .catalog-cards{
    grid-template-columns:repeat(4, var(--item-w));
  }
}

/* =========================================================
   SP
========================================================= */
.tab__menu-mobile{ display:none; }

@media (max-width:767px){
  main{
    width:100%;
  }

  .wrap{
    width:90%;
    margin:0 auto;
    padding:70px 0 80px;
  }


  .contentslogo{
    width:100%;
    max-width:82px !important;
    position:relative;
    top:63px;
    left:0;
    margin:0 auto;
    z-index:999;
  }

  .sub{
    font-size:10px;
    padding-top:90px;
    padding-left:50px;
  }

  .has-link-color{
    letter-spacing:1.5px;
  }

  .has-text-color{
    color:#C9C5C0 !important;
  }

  .tabs{
    display:none;
  }

  .catalog{
    max-width:94vw;
    margin:0 auto 80px;
    --row-gap:36px;
  }

  .catalog-row{
    grid-template-columns:1fr;
    row-gap:8px;
    padding:14px 0 0;
    border-top:1px solid #e6e6e6;
  }

  .catalog-row:first-of-type{
    border-top:none;
  }

  .catalog-label{
    margin-bottom:6px;
  }

  .catalog-items,
  .catalog-cards{
    width:100%;
  }

  .catalog-sizes,
  .catalog-images,
  .catalog-cards{
    grid-template-columns:1fr;
    column-gap:0;
    row-gap:8px;
  }

  .catalog-img,
  .catalog-card .catalog-img{
    width:100%;
    max-width:100%;
  }

  .catalog-card .card-size{
    margin-bottom:3px;
  }

  .catalog-card:has(.catalog-img.is-empty:only-child),
  .catalog-card:has(.card-media > .catalog-img.is-empty:only-child){
    display:none;
  }

  .tab__menu-mobile{
    display:flex;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:999;
    background:#fff;
    border-top:1px solid #ddd;
    padding:12px 16px 10px;
    margin:0;
    list-style:none;
    gap:0;
    flex-wrap:wrap;
  }

  .tab__menu-mobile .tab__menu-item{
    flex:0 0 33.333%;
    margin:6px 0;
    text-align:center;
  }

  .tab__menu-mobile .tab__menu-item a{
    display:block;
    font-size:12px;
    letter-spacing:.12em;
    opacity:.6;
    padding:6px 4px;
  }

  .tab__menu-mobile .tab__menu-item.is-active a{
    opacity:1;
    text-decoration:underline;
    text-underline-offset:4px;
  }

  body{
    padding-bottom:96px;
  }
}


.catalog{
  display:none;
}

.catalog.is-show{
  display:block;
}


:root{
  --text: #606463;
  --muted: #8f8f8f;
  --frame-max: 900px;
  --spec-w: 200px;
  --spec-gap: 160px;
}

*{ box-sizing:border-box; }
html{ overflow-y:scroll; }
body{
  background:#fff;
  color:var(--text);
  font-family:"futura-pt","Noto Sans JP",sans-serif;
  font-weight:400;
}
img{ max-width:100%; height:auto;}

main{
  width:80%;
  margin:0 auto;
}



/* =========================================================
   SP用コンテンツロゴ
========================================================= */
@media (min-width:768px){
  .contentslogo{
    display:none;
  }
}


/* =========================================================
   タブ（PC）
========================================================= */
.tabs{
  display:flex;
  gap:45px;
  margin-bottom:180px;
}



.tab__menu-item.is-active{
  color:#606463;
  text-decoration:underline;
  text-underline-offset:6px;
}

/* =========================================================
   Spec + Hero（PC）
========================================================= */
.spec-hero{
  --w:var(--spec-w);
  --gap:var(--spec-gap);
  position:relative;
  display:grid;
  grid-template-columns:var(--w) 1fr;
  align-items:center;
  gap:var(--gap);
  max-width:var(--frame-max);
  width:100%;
  margin:0 auto 36px;
}

.spec{
  position:relative;
  font-size:12px;
  line-height:1.9;
  letter-spacing:.08em;
}

.spec th{
  font-weight:400;
  color:var(--muted);
  padding:0 .6em 0 0;
  text-align:left;
}

.spec td{
  color:var(--muted);
}

.hero{
  justify-self:center;
}

.spec,
.hero{
  align-self:center;
}

.spec::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:calc(-1 * (var(--gap) / 2));
  width:1px;
  background:#ccc;
}

.hero img{
  width:100%;
  height:auto;
}

/* =========================================================
   Color Variations grid（PC）
========================================================= */
.grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:0 22px;
  justify-items:center;
  max-width:var(--frame-max);
  width:100%;
  margin:0 auto;
  padding:0;
  cursor:pointer;
}

.grid > li{
  list-style:none;
  margin:0;
  text-align:center;
}

.grid .sw{
  font-size:10px;
  color:var(--text);
  margin-top:0;
  opacity:.5;
  letter-spacing: 0;
  transition:opacity .2s;
}

.grid > li.is-active .sw{
  opacity:1;
}

/* =========================================================
   OPTION
========================================================= */
.option-hero-wrap{
  --w:var(--spec-w);
  --gap:var(--spec-gap);
  position:relative;
  display:grid;
  grid-template-columns:var(--w) 1fr;
  align-items:center;
  gap:var(--gap);
  max-width:var(--frame-max);
  width:100%;
  margin:100px auto 36px;
}

.option-spec{
  position:relative;
  font-size:12px;
  line-height:1.9;
  letter-spacing:.08em;
}

.option-spec th{
  font-weight:400;
  color:var(--muted);
  padding:0 .6em 0 0;
  text-align:left;
}

.option-spec td{
  color:var(--text);
}

.option-spec::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:calc(-1 * (var(--gap) / 2));
  width:1px;
  background:#ccc;
}

.option-hero{
  justify-self:center;
  text-align:center;
}

.option-hero img{
  width:100%;
  height:auto;
}

/* OPTION chips（PC） */
.chips{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px 22px;
  justify-items:center;
  max-width:var(--frame-max);
  width:100%;
  margin:0 auto;
  padding:0;
}

.chips li{
  list-style:none;
  margin:0;
  text-align:center;
  cursor:pointer;
}

.chips img{
  width:100%;
  height:auto;
  object-fit:cover;
}

.chips .sw{
  font-size:10px;
  color:var(--muted);
  margin-top:6px;
  opacity:.5;
  transition:opacity .2s;
}

.chips li.is-active .sw{
  opacity:1;
}

/* モバイル用のボトムナビはデフォルト非表示 */
.tab__menu-mobile{
  display:none;
}

.muted{
  color:#C9C5C0 !important;
  line-height:13px;
  margin-top:5px;
}

/* =========================================================
   Responsive
========================================================= */
@media (max-width:1200px){
  .spec-hero,
  .option-hero-wrap{
    grid-template-columns:1fr;
    grid-template-areas:
      "hero"
      "spec";
    gap:16px;
  }

  .spec-hero .hero,
  .option-hero-wrap .option-hero{
    grid-area:hero;
    justify-self:center;
  }

  .spec-hero .spec,
  .option-hero-wrap .option-spec{
    grid-area:spec;
    justify-self:start;
  }

  .spec::after,
  .option-spec::after{
    content:none;
  }

  .grid,
  .chips{
    grid-template-columns:repeat(3,1fr);
  }
}

@media (max-width:767px){
  main{
    width:100%;
  }

  .wrap{
    width:90%;
    margin:0 auto;
    padding:0 0 80px;
  }


  .contentslogo{
    width:100%;
    max-width:82px !important;
    position:relative;
    top:63px;
    left:0;
    margin:0 auto;
    z-index:999;
  }

  .contentslogo img{
    width:100%;
  }

  .sub{
    font-size:10px;
    padding-top:90px;
    padding-left:50px;
  }

  .has-link-color{
    letter-spacing:1.5px;
  }

  .has-text-color{
    color:#C9C5C0 !important;
  }

  .tabs{
    display:none;
  }

  .spec-hero{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:140px;
  }

  .spec-hero .hero{
    display:none;
  }

  .spec::after{
    content:none;
  }

  .spec tr:last-child{
    display:none;
  }

  .grid{
    display:block;
    width:100%;
    max-width:var(--frame-max);
    margin:0 auto;
    padding:0;
  }

  .grid > li{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
    padding:0;
    border-bottom:0;
    margin-bottom:15px;
  }

  .grid > li .sw{
    order:1;
    margin:0;
    text-align:left;
    font-size:12px;
    line-height:1.6;
    letter-spacing:.08em;
    flex:0 0 35px;
    opacity:1;
  }

  .grid > li img{
    order:2;
    flex:1 1 auto;
    width:80%;
    height:auto;
    object-fit:contain;
  }

  .grid > li .sw .muted{
    display:block;
    font-size:10px;
    opacity:.7;
  }

  .chips{
    grid-template-columns:unset;
  }

  .chips li{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0;
    border-bottom:0;
  }

  .chips li img{
    order:2;
    flex:unset;
    width:70%;
    height:auto;
    object-fit:contain;
  }

  .tab__menu-mobile{
    display:flex;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:999;
    background:#fff;
    border-top:1px solid #ddd;
    padding:12px 16px 10px;
    margin:0;
    list-style:none;
    gap:0;
    flex-wrap:wrap;
  }

  .tab__menu-mobile .tab__menu-item{
    flex:0 0 33.333%;
    margin:6px 0;
    text-align:center;
  }

  .tab__menu-mobile .tab__menu-item a{
    display:block;
    font-size:12px;
    letter-spacing:.12em;
    opacity:.6;
    padding:6px 4px;
  }

  .tab__menu-mobile .tab__menu-item.is-active a{
    opacity:1;
    text-decoration:underline;
    text-underline-offset:4px;
  }

  body{
    padding-bottom:96px;
  }
}


@media (max-width:1200px){

  .spec-hero{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 710px;
    margin: 0 auto 36px;
    gap: 40px;
  }

  .spec-hero .hero{
    order: 1;
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
  }

  .spec-hero .spec{
    order: 2;
    margin-left: 0;
    align-self: flex-start;
  }

  .spec::after{
    content: none;
  }

  .hero img{
    width: 100%;
    height: auto;
  }

}




html{overflow-y:scroll;}
:root{
  --text:#606463;
  --muted:#606463;
  --frame-max:900px;
  --spec-w:200px;
  --spec-gap:160px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:#fff;color:var(--text);font-family:"futura-pt","Noto Sans JP",sans-serif;font-weight:400;}
img{max-width:100%;height:auto;}
header{position:fixed;top:0;left:0;width:100%;height:120px;background:linear-gradient(to bottom,#fff 40%,rgba(255,255,255,0));z-index:900;}
.menu-toggle{position:fixed;top:90px;right:3%;z-index:1100;width:100px;height:34px;border:0;cursor:pointer;text-indent:-9999px;border-radius:2px;background:url("https://10eyevan.com/new/wp-content/themes/lightning-pro/inc/vk-mobile-nav/package/images/vk-menu-btn-black.svg") center/64px 24px no-repeat;}
.menu-toggle.is-open{background:url("https://10eyevan.com/new/wp-content/themes/lightning-pro/inc/vk-mobile-nav/package/images/vk-menu-close-black.svg") center/100px 34px no-repeat;}
.menu-inline{position:fixed;top:101px;right:calc(7% + 52px);display:none;align-items:center;gap:33px;z-index:1099;}
.menu-inline.show{display:flex;animation:fade .2s ease both;}
.menu-inline a{letter-spacing:1.62px;font-size:13px;}
.fixed-icons{position:fixed;right:5%;bottom:4%;display:none;flex-direction:column;align-items:center;z-index:1100;}
.fixed-icons.show{display:flex;animation:fade .2s ease both;}
.fixed-icons a{width:23px;height:23px;background-size:contain;background-repeat:no-repeat;text-indent:100%;overflow:hidden;white-space:nowrap;display:block;}
.fixed-icons a.ig{margin-bottom:46px;background-image:url('https://10eyevan.com/new/assets/img/modal/menu/menu_ig-logo.svg');}
@keyframes fade{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:none;}}
.contentslogo{width:100%;max-width:850px;margin:0 auto;position:relative;z-index:1000;}
.hero-about{margin-top:40px;font-size:14px;letter-spacing:1.6px;color:#C9C5C0;}
.sub{color:#C9C5C0!important;}
main{width:80%;margin:0 auto;}
.tabs{display:flex;gap:45px;margin-bottom:180px;}
.tab__menu-item.is-active{color:#606463;text-decoration:underline;text-underline-offset:6px;}
.spec-hero{--w:var(--spec-w);--gap:var(--spec-gap);position:relative;display:grid;grid-template-columns:var(--w) 1fr;align-items:center;gap:var(--gap);max-width:var(--frame-max);width:100%;margin:0 auto 36px;}
.spec{position:relative;font-size:12px;line-height:1.9;letter-spacing:.08em;}
.spec th{font-weight:400;color:var(--muted);padding:0 .6em 0 0;text-align:left;white-space:nowrap;}
.spec td{color:var(--muted);}
.hero{justify-self:center;}
.spec,.hero{align-self:center;}
.spec::after{content:"";position:absolute;top:0;bottom:0;right:calc(-1 * (var(--gap) / 2));width:1px;background:#ccc;}
.hero img{width:100%;height:auto;}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 22px;justify-items:center;max-width:var(--frame-max);width:100%;margin:0 auto;padding:0;cursor:pointer;}
.grid>li {
    list-style: none;
    margin: 0 0 15px 0;
    text-align: center;
}

.grid .sw{
  font-size:10px;
  color:var(--text);
  margin-top:-5px;
  opacity:.5;
  letter-spacing: 1px;
  transition:opacity .2s;
}


.grid>li.is-active .sw{opacity:1;}
.option-hero-wrap{--w:var(--spec-w);--gap:var(--spec-gap);position:relative;display:grid;grid-template-columns:var(--w) 1fr;align-items:center;gap:var(--gap);max-width:var(--frame-max);width:100%;margin:100px auto 36px;}
.option-spec{position:relative;font-size:12px;line-height:1.9;letter-spacing:.08em;}
.option-spec th{font-weight:400;color:var(--muted);padding:0 .6em 0 0;text-align:left;}
.option-spec td{color:var(--text);}
.option-spec::after{content:"";position:absolute;top:0;bottom:0;right:calc(-1 * (var(--gap) / 2));width:1px;background:#ccc;}
.option-hero{justify-self:center;text-align:center;}
.option-hero img{width:100%;height:auto;}
.chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 22px;justify-items:center;max-width:var(--frame-max);width:100%;margin:0 auto;padding:0;}
.chips li{list-style:none;margin:0;text-align:center;cursor:pointer;}
.chips img{width:100%;height:auto;object-fit:cover;}
.chips .sw{font-size:10px;color:var(--muted);margin-top:6px;opacity:.5;transition:opacity .2s;}
.chips li.is-active .sw{opacity:1;}
.tab__menu-mobile{display:none;}
.muted{color:#C9C5C0!important;line-height:13px;margin-top:5px;}
.spmenu{position:fixed;inset:0;background:#fff;z-index:1200;display:none;flex-direction:column;padding:54px 0 22px;}
.spmenu.show{display:flex;animation:fade .18s ease both;}
.spmenu[aria-hidden="true"]{display:none;}
.spmenu-close{position:absolute;top:14px;left:14px;width:28px;height:28px;border:0;background:url("https://10eyevan.com/new/wp-content/themes/lightning-pro/inc/vk-mobile-nav/package/images/vk-menu-close-black.svg") center/24px 24px no-repeat;text-indent:-9999px;cursor:pointer;}
.spmenu-nav{position:absolute;left:44px;top:114px;margin:0;display:flex;flex-direction:column;align-items:unset;gap:27px;}
.spmenu-nav a{font-size:11px;letter-spacing:1.62px;color:#606463;text-decoration:none;}
.spmenu-footer{position:static;margin-top:auto;width:100%;padding:0 40px 8px;display:flex;justify-content:space-between;align-items:flex-end;gap:0;min-height:0;}
.spmenu-footer .sp-ig{position:static;width:15px;height:15px;display:block;text-indent:100%;white-space:nowrap;overflow:hidden;background:url('https://10eyevan.com/new/assets/img/modal/menu/menu_ig-logo.svg') no-repeat center/contain;}
.spmenu-footer .sp-lang{position:static;display:flex;gap:14px;}
.spmenu-footer .sp-lang a{display:block;width:17px;height:15px;text-indent:100%;white-space:nowrap;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:contain;color:transparent;}
.spmenu-footer .sp-lang a.jp{background-image:url('https://10eyevan.com/new/assets/img/modal/menu/menu_jp_active.svg');}
.spmenu-footer .sp-lang a.en{background-image:url('https://10eyevan.com/new/assets/img/modal/menu/menu_en.svg');}
@media (max-width:1200px){.spec-hero,.option-hero-wrap{grid-template-columns:1fr;grid-template-areas:"hero" "spec";gap:16px;}.spec-hero .hero,.option-hero-wrap .option-hero{grid-area:hero;justify-self:center;}.spec-hero .spec,.option-hero-wrap .option-spec{grid-area:spec;justify-self:start;}.spec::after,.option-spec::after{content:none;}.grid{grid-template-columns:repeat(3,1fr);}.chips{grid-template-columns:repeat(3,1fr);}}
@media (min-width:767px){.contentslogo{display:none;}}
@media (max-width:767px){.tabs{display:none;}.tab__menu-mobile{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;background:#fff;border-top:1px solid #ddd;padding:12px 16px 10px;margin:0;list-style:none;gap:0;flex-wrap:wrap;}.tab__menu-mobile .tab__menu-item{flex:0 0 33.333%;margin:6px 0;text-align:center;}.tab__menu-mobile .tab__menu-item a{display:block;font-size:12px;letter-spacing:.12em;opacity:.6;padding:6px 4px;}.tab__menu-mobile .tab__menu-item.is-active a{opacity:1;text-decoration:underline;text-underline-offset:4px;}body{padding-bottom:96px;}.menu-inline{display:none!important;}.menu-toggle{position:fixed;top:2%;left:0;right:auto;z-index:1300;width:100px;height:24px;background-size:44px 24px;}.menu-toggle.is-open{display:block;}.spmenu-close{display:none;}.contentslogo{width:100%;max-width:82px!important;position:relative;top:63px;left:0;margin:0 auto;z-index:999;}.contentslogo img{width:100%;}.sub{font-size:10px;padding-top:90px;padding-left:50px;letter-spacing:1.5px;}.spec-hero{margin-top: 140px; grid-template-columns:1fr;gap:12px;}.spec-hero .hero{display:none;}.spec::after{content:none;}.spec tr:last-child{display:none;}.grid{display:block;width:100%;max-width:var(--frame-max);margin:0 auto;padding:0;}.grid>li{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0;border-bottom:0;margin-bottom:15px;}.grid>li .sw{order:1;margin:0;text-align:left;font-size:9.5px;line-height:1.2;letter-spacing:.08em;flex:0 0 35px;opacity:1;}.grid>li img{order:2;flex:1 1 auto;width:80%;height:auto;object-fit:contain;}.grid>li .sw .muted{display:block;font-size:10px;opacity:.7;}.chips li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border-bottom:0;}.chips li img{order:2;flex:unset;width:70%;height:auto;object-fit:contain;}.chips{grid-template-columns:unset;}}

@media (max-width:767px){
 .tab__menu-mobile .tab__menu-item a{
    font-size:9.5px;
  }


  .tab__menu-mobile .tab__menu-item{
    text-align:left;
  }

.tab__menu-item a {
    color: var(--text);
}

.spec-hero{
  display:grid;
  grid-template-columns:200px 1fr;
}

.hero{
  display:flex;
  justify-content:center;
  align-items:center;
}

  }