#model-popup{display:none;}
.modalArea{position:fixed;top:0;left:0;display:flex;justify-content: center;align-items: center;width:100vw;height:100vh;background:#666666d9;overflow:hidden;z-index:99;}
.modalArea .modal{}
.modalArea .modal .wrapper{}
.modalArea .modal hr{display:block;border:0;width:100%;height:1px;margin:10px 0;background:#fff;}

/**/
body.term-f .button-female{background: #0177e5;}
body.term-m .button-male{background: #0177e5;}
body.term-c .button-couple{background: #0177e5;}
body.term-t .button-trans{background: #0177e5;}

/**/
header{}
header .logo{width:190px;}
header .search{display:flex;width:250px;}
header .search form{width:100%;display:flex;height:38px;}
.flex-area-header{display:flex;align-items: center;justify-content: space-between;width: 100%;}

/**/
.banner-area{max-width:360px;margin:0 0 0 20px;}
.header-banner{display:block;margin:0 auto;}
.header-banner img{display:block;width:100%;height:auto;max-width:468px;margin:0 auto;}

/**/
.filter-items{width:100%;display:flex;flex-wrap:wrap;gap:8px;}
.filter-items .filter-item{display:flex;align-items:center;padding:4px 8px;color:#fff;font-weight:400;background:#000;border-radius:5px;font-size:14px;}
.filter-items .filter-item .remove-filter{display:block;font-size:24px;font-weight:700;padding:0 4px;line-height:21px;}

/**/
.bg-primary-color {background-color:#0177e5;background-color: var(--base-color-3);}

@media screen and (max-width:900px){
  html{}
  header{padding:8px!important;}
  .mobil-view-none{display:none;}
  header .search{display:none;}
}