:root{--accent:#0f6ef0;--muted:#6b7280;--card:#ffffff;--bg:#f4f6f8}
    /* *{box-sizing:border-box} */
    body{margin:0;background:#fff;color:#111}
    .container{max-width:1400px;margin:3rem auto 2rem;padding:24px}
    .card{background:var(--card);border-radius:0;box-shadow:none;padding:20px}
    .layout{
      display:grid;
      grid-template-columns:1fr 550px;
      gap:24px
    }

    .viewer{display:flex;flex-direction:column;gap:12px}
    .main-image{
      width: 100%;
      aspect-ratio: 500 / 500;
      background-color: #fff;
      border-radius:0;
      overflow:hidden;
      border:1px solid rgba(16,24,40,0.04)
    }
    .main-image img{width:100%;height:100%;object-fit:contain;display:block}
    .thumbs{display:flex;gap:8px;justify-content:center}
    .thumbs button{background:#fff;border:1px solid rgba(16,24,40,0.06);padding:0;border-radius:0;cursor:pointer;width:80px;height:60px;overflow:hidden}
    .thumbs img{width:100%;height:100%;object-fit:contain;display:block}

    .meta{display:flex;flex-direction:column;gap:12px}
    .title{display:flex;align-items:center;justify-content:space-between}
    .title h1{font-size:20px;margin:0}
    .price{font-weight:700;color:var(--accent)}
    .badges{display:flex;gap:8px;flex-wrap:wrap}
    .badge{background:#eef6ff;color:var(--accent);padding:6px 10px;border-radius:0;font-size:13px}

    .section{margin-top:12px}
    .section h3{margin:0 0 8px 0;font-size:15px}
    .features{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
    .feature{background:#f0f2fa;border-radius:0;padding:12px;border:1px solid rgba(16,24,40,0.03)}
    .feature strong{display:block;margin-bottom:6px}

    .specs table{width:100%;border-collapse:collapse}
    .specs th,.specs td{padding:8px 10px;border-bottom:1px solid #f0f2f4;text-align:left;font-size:15px}
    .specs th{width:40%;color:var(--muted);font-weight:600}

    .actions{display:flex;gap:10px;margin-top:10px}
    .btn{padding:10px 14px;border-radius:0;border:0;cursor:pointer;font-weight:600;font-size: 13px;}
    .btn.primary{background:var(--accent);color:#fff}
    .btn.ghost{background:transparent;border:1px solid rgba(16,24,40,0.06)}
    .btn img{height: 13px !important;width: 13px !important;}

    .model-tag {
      text-align: center;
      border-bottom: 1px solid #b9b9b9;
      /* padding: 1rem 0 3rem; */
      /* font-size: 38px; */
      font-weight: 600;
      margin-bottom: 5rem;
      display: flex;
      justify-content: center;
      position: relative;
    }

    .model-tag h1 {
      font-size: 3em;
    }


    .model-tag .social-icons {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateX(-50%);

    }
        /* 소셜 아이콘 영역 수정 (제목 아래 가로 배치) */
    .social-icons {
      display: flex;
      /* 가로 배치 */
      flex-direction: row;
      /* 명시적 가로 방향 */
      align-items: center;
      /* 수직 중앙 정렬 */
      gap: 18px;
      /* 아이콘 그룹 간 가로 간격 */
      flex-shrink: 0;
      /* margin-left: auto; 제거 */
      /* margin-bottom: 20px; */
      /* 아래 h2 태그와의 간격 */
      flex-wrap: wrap;
      /* 공간 부족 시 줄바꿈 허용 */
    }

    .social-icons a {
      display: inline-flex;
      /* 아이콘 + 텍스트 가로 배치 */
      align-items: center;
      /* 수직 중앙 정렬 */
      gap: 5px;
      /* 아이콘과 텍스트 간격 */
      color: #555;
      font-size: 1em;
      /* 기준 크기 */
      text-decoration: none;
      transition: color 0.3s ease;
      white-space: nowrap;
    }

    .social-icons a:hover {
      color: #007bff;
    }

    /* 소셜 아이콘 자체 스타일 */
    .social-icons a i {
      font-size: 1.4em;
      /* 아이콘 크기 */
      /* width 제거 또는 조정 */
      text-align: center;
      vertical-align: middle;
    }

    /* 소셜 아이콘 텍스트 스타일 */
    .icon-text {
      font-size: 0.7em;
      /* 작은 폰트 크기 */
      color: #666;
    }

  .icon {
    height: 20px;
    width: 20px;
    color: #555;
    filter: invert(36%) sepia(0%) saturate(1835%) hue-rotate(157deg)
      brightness(90%) contrast(95%);

    /* margin-right: .5rem; */
  }

  .info-box {padding: 20px 100px;}
  
  .info-box p, .info-box ul{
    font-size: 18px;
  }

    @media (max-width:980px){
      .layout{grid-template-columns:1fr}
      /* .main-image img{height:320px} */
      .info-box {padding: 20px;}
      .model-tag{flex-direction: column;}
      .model-tag h1{margin: 0.2em 0;}
      .model-tag .social-icons{
        justify-content: center;
        position: static;
        transform: none;
        margin: 1em 0 2em 0;
    }
      
    }