/* ---------------------------------------------------------------
   09-sharecard-v182-design-fix.css
   원본 index.html의 9번째 <style> 블록 (id="sharecard-v182-design-fix")
   ⚠ 이 파일들은 뒤 순서가 앞 순서를 덮어쓰는 레이어 구조입니다.
      index.html의 <link> 순서를 바꾸면 화면이 깨집니다.
   --------------------------------------------------------------- */

/* ===== v1.8.2 · 실제 8종 공유카드 반영 ===== */
#viewFreeResult .l2v8-share{margin-top:10px!important;margin-bottom:40px!important;padding-top:0!important;}
#viewFreeResult .l2v8-share-head{padding:0 4px!important;margin-bottom:16px!important;}
#viewFreeResult .l2v8-share-head h3{margin:0!important;color:#374244!important;}

/* 카드 위 장식 클립 제거. 제목을 가리는 장식은 사용하지 않는다. */
#viewFreeResult .l2v8-share-frame:before{display:none!important;content:none!important;}

/* 공유카드 자체가 이미 종이/레이어 디자인이므로 외부 프레임을 비운다. */
#viewFreeResult .l2v8-share-frame{
  position:relative!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#viewFreeResult .l2v8-share-frame canvas#shareCanvas{
  display:block!important;
  width:100%!important;
  height:auto!important;
  background:transparent!important;
  border:0!important;
  border-radius:22px!important;
  box-shadow:0 10px 28px rgba(58,77,78,.07)!important;
}

/* 케미 섹션은 별도 베이지 레이어 없이 페이지 배경 위에서 가볍게. */
#viewFreeResult .l2v8-share-frame>.chemistry-section,
#viewFreeResult .chemistry-section{
  margin:28px 0 0!important;
  padding:0 2px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#viewFreeResult .chemistry-head{margin-bottom:13px!important;}
#viewFreeResult .chemistry-card{
  background:#F8FBFA!important;
  border:1px solid #E2EBEA!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
#viewFreeResult .share-btns{margin-top:18px!important;}

@media(max-width:390px){
  #viewFreeResult .l2v8-share-frame canvas#shareCanvas{border-radius:18px!important;}
  #viewFreeResult .l2v8-share-frame>.chemistry-section{margin-top:24px!important;}
}