/* =========================
   Shop Owner page
   ========================= */
.kk-shopowner-page{
  width:100%;
  max-width:100%;
  margin:0 auto;
  box-sizing:border-box;
}

.kk-shopowner-title{
  margin:0 0 28px;
  font-size:clamp(1.8rem, 2.6vw, 2.3rem);
  line-height:1.4;
  text-align:center;
}

.kk-shopowner-section{
  margin:0 0 42px;
}

.kk-shopowner-section::after{
  content:"";
  display:block;
  clear:both;
}

.kk-shopowner-page h2{
  margin:30px 0 16px;
  line-height:1.5;
}

.kk-shopowner-page h3{
  margin:26px 0 12px;
  line-height:1.5;
  font-size:1.15rem;
}

.kk-shopowner-page p{
  margin:0 0 1em;
  line-height:1.95;
  color:#333;
}

.kk-shopowner-center{
  text-align:center;
}

.kk-shopowner-img-left{
  float:left;
  margin:0 1.2em 1em 0;
  max-width:100%;
  height:auto;
}

.kk-shopowner-img-right{
  float:right;
  margin:0 0 1em 1.2em;
  max-width:100%;
  height:auto;
}

.kk-shopowner-img-medium{
  width:350px;
  max-width:100%;
  height:auto;
}

.kk-shopowner-list,
.kk-shopowner-records{
  margin:0 0 1.4em 1.2em;
  padding:0;
}

.kk-shopowner-list li,
.kk-shopowner-records li{
  margin:0 0 .55em;
  line-height:1.85;
}

.kk-shopowner-team::after{
  content:"";
  display:block;
  clear:both;
}

.kk-shopowner-sign{
  text-align:center;
  margin-top:2em;
}

@media (max-width:768px){
  .kk-shopowner-title{
    font-size:1.6rem;
  }

  .kk-shopowner-img-left,
  .kk-shopowner-img-right{
    float:none;
    display:block;
    margin:0 auto 16px;
  }

  .kk-shopowner-img-medium{
    width:100%;
    max-width:350px;
  }

  .kk-shopowner-list,
  .kk-shopowner-records{
    margin-left:1.1em;
  }
}

.kk-shopowner-intro{
  margin:0 0 20px;
}

.kk-shopowner-name{
  margin:0;
  font-size:1.05rem;
  line-height:1.8;
  font-weight:700;
}

.kk-shopowner-clear{
  clear:both;
  height:0;
}

.kk-shopowner-section > h2:first-of-type{
  margin-top:0;
}

/* =========================
   Shop Owner accordion
   ========================= */
.kk-shopowner-accordion{
  margin:24px 0 32px;
}

.kk-shopowner-details{
  margin:0 0 12px;
  border:1px solid #ddd;
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}

.kk-shopowner-details summary{
  position:relative;
  display:block;
  list-style:none;
  cursor:pointer;
  padding:16px 48px 16px 16px;
  font-weight:700;
  line-height:1.5;
  background:#f7f7f7;
}

.kk-shopowner-details summary::-webkit-details-marker{
  display:none;
}

.kk-shopowner-details summary::after{
  content:"+";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:1.4rem;
  line-height:1;
  font-weight:400;
}

.kk-shopowner-details[open] summary::after{
  content:"−";
}

.kk-shopowner-details .kk-shopowner-records{
  margin:0;
  padding:16px 20px 18px 36px;
  background:#fff;
}

.kk-shopowner-details .kk-shopowner-records li{
  margin:0 0 .6em;
}

@media (max-width:768px){
  .kk-shopowner-details summary{
    padding:14px 42px 14px 14px;
  }

  .kk-shopowner-details .kk-shopowner-records{
    padding:14px 16px 16px 28px;
  }
}